Les 1
Over deze cursus
Wat je leert in Een beetje HTML & CSS, voor wie de cursus is en hoe de labs werken.
Bouw webpagina's met HTML (structuur) en CSS (opmaak). Eén cursus, omdat je ze in de praktijk altijd samen gebruikt: elke les levert een zichtbare pagina op.
Alle 33 lessen staan online. Elke les heeft uitleg met uitgewerkte voorbeelden, typische fouten, oefeningen met (inklapbare) modelantwoorden, een lab met automatische controle en een quiz.
Voor wie?
Voor iedereen die een webpagina wil maken. Je hebt geen programmeerervaring nodig.
Lessen
Basis · HTML en CSS
- Je eerste HTML-pagina
- Koppen, tekst, links en afbeeldingen
- Lijsten en tabellen
- Semantische HTML
- CSS: selectors en kleuren
- De cascade en specificiteit
- Typografie en webfonts
- Het box model
- Layout met flexbox
- Layout met grid
- Positionering en stapelvolgorde
- Formulieren
- Responsive design
- Toegankelijkheid
- CSS-variabelen en thema's
- Overgangen en animaties
- Een website met meerdere pagina's
- Publiceren op het web
- Eindproject basis: je eigen portfolio
Gevorderd · Moderne CSS en een beetje JavaScript
- Geavanceerde selectors
- Geavanceerde grid-layouts
- Container queries en fluid design
- CSS-architectuur
- Een designsysteem opzetten
- Kennismaken met JavaScript
- De DOM manipuleren
- Formulieren valideren met JavaScript
- Data ophalen met fetch
- Webprestaties
- SEO en metadata
- Build-tools en Sass
- Eindproject gevorderd: een interactieve webapp
Hoe werken de labs?
Je oefent direct in je browser: links schrijf je HTML en CSS, rechts zie je het resultaat. Er hoeft niets geïnstalleerd te worden.
Klaar om te beginnen? Ga door naar les 2.