Modules/HTML&CSS-2
Module HTML-CSS-2
In deze module ga je je eigen portfolio website maken. Deze website zal jouw visitekaartje zijn voor de rest van de wereld. Je zult er je projecten, badges, vaardigheden, werkervaring enzovoorts zetten. Het is de bedoeling dat je de komende jaren deze website steeds gaan updaten met allerlei relevante informatie. Veel developers hebben een portfolio. Zie bijvoorbeeld de volgende portfolio's:
- Nederlandstalig:
Een aantal van deze portfolio's zien er echt supermooi uit. Laat je niet afschrikken: Ook jouw portfolio zal in de loop der jaren steeds gaan veranderen. Zowel qua inhoud als qua vormgeving/design. Ook zal je in deze module wat leren over HTML & CSS. We gaan vooral in op de structuur van een HTML-pagina en wat gevorderde aspecten van CSS.
Tijdens deze module ga je ook leren werken met Git, een populair versiebeheersysteem voor je code. Daar beginnen we mee.
Programma's/Websites die je moet gebruiken
- Download Atom hier
- Voor kleuren die bijelkaar passen
Lesmateriaal
Het lesmateriaal bestaat uit lesbrieven waarin uitleg staat, maar ook een aantal opdrachten. Deze opdrachten moet je maken en verwerken in je eigen portfolio.
- Lesbrief 1 - Introductie in Git
- Lesbrief 2 - Structuur van je webpagina opzetten
- Lesbrief 3 - positionering en floating
- Lesbrief 4 - inline vs block-elementen, display, pseudo classes en web-fonts
- Lesbrief 5 - Publiceren op GitHub pages en beschrijving van de portfolio eindopdracht
Spiekbrief
Wanneer verdien je de badge
Als je portfolio online staat middels GitHub pages. Je portfolio voldoet aan de regels die staan beschreven in lesbrief 5.