HakanAkkas: Nieuwe pagina aangemaakt met '{{Module-status |status=In bewerking |auteur=Hakan Akkas ]}} {{Zijbalk Modules}} == Module HTML-CSS-2 == In deze module ga j...'

2017-09-13T08:10:55Z

Nieuwe pagina aangemaakt met '{{Module-status |status=In bewerking |auteur=Hakan Akkas ]}} {{Zijbalk Modules}} == Module HTML-CSS-2 == In deze module ga j...'

Nieuwe pagina

{{Module-status
|status=In bewerking
|auteur=[[heeft-auteur:: Gebruiker:HakanAkkas|Hakan Akkas]]
]}}
{{Zijbalk Modules}}
== 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:
** http://jornvanwier.com/

* Engelstalig:
** http://mattfarley.ca/
** http://www.dejan-markovic.com/
** http://ianlunn.co.uk/

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 [https://atom.io/ hier]
* [https://coolors.co/ 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.
* [https://docs.google.com/document/d/1wfVteToDQbPGZkxBPDygCeqfEW4U6n0rgorIoqBFzq4/edit?usp=sharing Lesbrief 1 - Introductie in Git]
* [https://docs.google.com/document/d/1Lk-wZ4f1qshtW-T7G_8brb_RE13-Wf8mgM70_nQCdl4/edit?usp=sharing Lesbrief 2 - Structuur van je webpagina opzetten]
* [https://drive.google.com/open?id=1Og2sPviyrwGExUjx8zSIdi41TAJbh67lpRV-lUhPY6c Lesbrief 3 - positionering en floating]
* [https://docs.google.com/a/hetmml.nl/document/d/1-D41nm_3VzzHsMZvR2MaFEoYZ7fkKXj5ZnwMzUvSnQo/edit?usp=sharing Lesbrief 4 - inline vs block-elementen, display, pseudo classes en web-fonts]
* [https://docs.google.com/a/hetmml.nl/document/d/1jOiBE5UFrysf6nZ31p8y7XhelL66cjHXtW_eZUJwFqQ/edit?usp=sharing 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.

Modules/HTML&CSS-2 - Bewerkingsoverzicht

HakanAkkas: Nieuwe pagina aangemaakt met '{{Module-status |status=In bewerking |auteur=Hakan Akkas ]}} {{Zijbalk Modules}} == Module HTML-CSS-2 == In deze module ga j...'