Programmeren met HTML, CSS en JavaScript

Periode 2 Inleveren Huiswerk
Week 1 13-17 nov Voorbereiding SE-A
Week 2 20-24 nov JavaScript 25-26
Week 3 27 nov-1 dec Inleveren SE-A

In periode 1 zijn we begonnen met de cursus websites bouwen met de readers en de studiewijzer in de ELO Luzac (Moodle). Je moest toen elke week je huiswerk inleveren op Moodle.

In periode 2 gaan we verder met de cursus, maar nu staan de readers en de studiewijzer op deze pagina. Bovendien kan je nu elke week je huiswerk inleveren via deze pagina. Zie de tabel rechts naast deze tekst.

De cursus wordt afgesloten met de voorbereidende opdracht voor SE-A en daarna de praktische opdracht SE-A.

Voor deze cursus werken we met Brackets en Chrome om websites te bouwen en te testen. We hebben hiervoor gekozen omdat versies van deze software beschikbaar zijn voor Apple, Windows en Linux. We gebruiken dus niet Notepad++ (hoewel die in de readers en studiewijzer wordt aanbevolen), want Notepad++ is niet beschikbaar voor Apple.

Studiewijzer, readers en aanvullende informatie

Studiewijzer periode 2
Een stap voor stap uitleg om webpagina's met stijl te maken met behulp van Brackets en Chrome.
Reader Programmeren in HTML en CSS
Uitwerkingen HTML en CSS.zip Alle uitwerkingen van de opdrachten in de reader Programmeren met HTML en CSS in een ZIP-bestand
Een stap voor stap uitleg om webpagina's met JavaScript te maken met behulp van Brackets en Chrome.
Reader Programmeren met JavaScript
De bestanden van je website sla je op in een map. Om samen met iemand anders aan je website te werken of om je complete website in te leveren of om een backup te maken, is het handig om een gecomprimeerde map te maken in een ZIP-bestand. Dat ZIP-bestand kan je namelijk gemakkelijk kopiëren en opsturen.
In de cursus staat veel informatie over HTML, CSS en JavaScript. Met Brackets kan je allerlei dingen opzoeken. Verder kan je alles natuurlijk vinden op het internet. Ook professionele webdesigners zoeken gewoon op het internet met Google.
Als je met Google naar informatie over websites maken zoekt, kom je vaak hier terecht, want hier staat letterlijk alle informatie over HTML, CSS en JavaScript.
Als voorbereiding op de practische opdracht van het SE-A maak je een website en lever je die in bij de docent. Je maakt deze website alleen of samen met een medeleerling. Jullie mogen zelf bedenken waarover jullie website gaat, maar jullie werk moet wel voldoen aan de volgende eisen:
  • Alle bestanden en submappen van je website staan in een map.
  • Je beginpagina staat in index.html.
  • Je afbeeldingen en filmpjes staan in de submap images.
  • Je maakt HTML met external style en je opmaak staat in de submap css.
  • Je website bestaat uit meer dan 3 pagina's.
  • Je kunt van elke pagina naar alle andere pagina's navigeren.
  • Je zorgt dat je code leesbaar is door je code te structureren.
  • Je legt uit hoe je code werkt door middel van commentaar in je code.
  • Je maakt een gecomprimeerde map van je website en stuurt het ZIP-bestand op naar je docent.
  • De docent pakt de gecomprimeerde map uit en zet je website on line.
  • Als je het goed hebt gedaan, is er werkende website!
  • Maak daarna ook nog een toepassing met JavaScript op je website.
De resultaten van de practische opdracht van het SE-A.