Exercises
Here you can find the exercises I made in class.
-
Read more about Labo 01
Labo 01
Bij deze opgave vind je screenshots (home.png en projects.png) van een heel eenvoudige webpagina. Maak deze webpagina na. Hierbij leer je meteen de basisstructuur van een HTML- pagina en enkele vaak gebruikte HTML-tags.
Read more
-
Read more about Labo 02
Labo 02
Deze opgave gaat ervan uit dat je de lessen rond CSS gevolgd hebt en grotendeels snapt. Dit omvat onder andere: selectoren, specificity, box model en box-sizing, font-family, inheritance, DOM (parent, child, sibling…), absolute en relatieve units, padding en margin.
Read more
-
Read more about Labo 03
Labo 03
Deze opgave gaat ervan uit dat je de lessen rond CSS gevolgd hebt en grotendeels snapt. De laatste les omvat onder andere: display, visibility, positioning, z-index, logical properties & values, flexbox, transitions, CSS nesting en CSS custom properties (variabelen).
Read more
-
Read more about Labo 04
Labo 04
Deze opgave gaat ervan uit dat je CSS reeds onder knie hebt en dat je het vorige labo (Labo 3) hebt afgewerkt. We gaan er ook vanuit dat je de les over responsive webdesign hebt gevolgd.
Read more
-
Read more about Labo 05
Labo 05
Deze opgave gaat ervan uit dat je begrijpt hoe de webserver werkt, hoe HTTP-communicatie verloopt en waar PHP-code wordt uitgevoerd. We gaan ervan uit dat de les actief hebt bijgewoond en de demo-bestanden kan uitvoeren op een lokale *AMP stack. Vandaag breid je je portfolio uit met een contactformulier. Het is de bedoeling dat: de berichten worden opgeslagen in de databank en dat de berichten kunnen worden gelezen door de eigenaar van de portfolio via een ‘geheime URL’.
Read more
-
Read more about Labo 06
Labo 06
Deze opgave gaat ervan uit dat je weet wat CSS-frameworks zijn en hoe je met bootstrap classes een basisdocument kunt opmaken. Daarnaast weet je ook wat functional CSS en OOCSS zijn, en begrijpt hoe deze methodes werken en van elkaar verschillen. Je weet wat JavaScript is en weet hoe een plug-and-play bibliotheek aan te passen en was aanwezig was bij de theorie over deze onderwerpen. In deze opdracht ga je aan de slag met het Bootstrap CSS-framework. Je maakt een eenvoudige portfolio-pagina met behulp van Bootstrap-componenten en -utilities. Je past de styling aan om het een persoonlijk tintje te geven, maar je schrijft zelf geen JavaScript-code. Je integreert wel enkele interactieve elementen zoals een navigatiebalk en modals door gebruik te maken van de ingebouwde functionaliteiten van Bootstrap.
Read more