# Leertraject
WELKOM
Duik diep in de wereld van HTML, CSS en Javascript door middel van levensechte voorbeelden om de beginselen van deze webtechnologieën onder de knie te krijgen!
- De start van je traject!
- Maak kennis met je leertraject en de vele onderwerpen die je gaandeweg zal leren.
- Visual Studio Code Installeren
- Installeer Visual Studio Code en een reeks extensies die je helpen bij het ontwikkelen.
- Een eerste HTML-document
- Maak een allereerste HTML-document met Visual Studio Code.
- HTML-elementen en tags
- Gebruik elementen en tags, de bouwblokken van een HTML-document, om structuur en inhoud toe te voegen.
- Opbouw van een HTML-document
- Voorzie een geldige opbouw van een HTML-document via het basisskelet van Visual Studio Code.
- Oefeningen elementen en tags
- Eerste reeks oefeningen over elementen en tags.
- Opmaak met CSS
- Gebruik CSS om een webpagina van opmaak te voorzien
- HTML-attributen
- Geef extra informatie aan HTML-element door middel van attributen.
- Class en id
- Gebruik de attributen class en id om elementen op een pagina sneller aan te spreken via CSS en Javascript.
- Box-model
- Het box-model bepaalt hoe elementen op een pagina in of naast elkaar vloeien.
- Oefeningen CSS-opmaak
- Eerste reeks oefeningen over CSS-opmaak.
- Beginnen met Javascript
- Schrijf een eerste script en hang het vast aan een HTML-pagina.
- Javascript opdrachten
- Javascript code bestaat uit een opeenvolging van opdrachten die in volgorde worden uitgevoerd.
- Werken met de console
- Gebruik de console van de browser om het testen van scripts te vereenvoudigen.
- Variabelen
- Om gegevens tijdelijk te bewaren in het geheugen gebruik je variabelen.
- Oefeningen variabelen
- Oefeningen over het gebruik van variabelen in Javascript
- Bewerkingen
- Voer wiskundige bewerkingen uit via Javascript.
- Prompts
- Geef de gebruiker de kans zelf een waarde in te geven via een prompt.
- Template literals
- Gebruik Javascript expressies binnen een string met template literals
- Oefeningen bewerkingen
- Oefeningen over bewerkingen in Javascript
- Vergelijkingen
- Vergelijk verschillende waardes met elkaar via condities.
- If-statements
- Gebruik een if-statement om opdrachten uit te voeren afhankelijk van een conditie.
- Nesting
- If-statements gebruiken binnen andere if-statements.
- Logische operatoren
- Combineer twee of meer condities via logische operatoren.
- Oefeningen condities en if-statements
- Oefeningen over condities en if-statements
- Arrays
- Bewaar meerdere waardes in één variabele met arrays
- Arrays wijzigen
- Gebruik de index en de push() methode om de inhoud van een array aan te passen.
- Arrays nesten
- Gebruik arrays binnen arrays om een diepere structuur te verkrijgen
- Lussen - forEach
- Overloop elementen in een array met de methode forEach()
- Oefeningen arrays en forEach()
- Oefeningen over arrays en forEach()