Na deze cursus kun je eigen webpagina's bouwen, ze opmaken met CSS, interactieve functies toevoegen met JavaScript, een database aanspreken en je applicatie live zetten op internet. Dat klinkt als veel β en dat is het ook β maar elke stap is klein genoeg om bij te houden. Je begint bij het begin en bouwt van daaruit op.
Het leerpad van mbo-sd is opgebouwd uit elf tracks. Elke track richt zich op één onderwerp en bevat meerdere interactieve lessen. Je werkt ze op je eigen tempo door. Er is geen tijdsdruk, geen abonnement, geen account vereist.
Wat ga je leren?
Hieronder een overzicht van de concrete vaardigheden die je opbouwt, track voor track.
HTML β de structuur van webpagina's
Je leert hoe je een webpagina opbouwt: tekst en koppen plaatsen, links en afbeeldingen toevoegen, lijsten en tabellen maken, formulieren bouwen en semantische HTML schrijven die goed is voor zoekmachines en toegankelijkheid.
CSS β het uiterlijk
Je leert hoe je kleuren en lettertypen instelt, marges en padding beheert, een responsive lay-out bouwt die op mobiel en desktop goed staat, en hoe je met Flexbox en Grid complexe ontwerpen maakt. Ook animaties komen aan bod.
JavaScript β interactiviteit
Je leert hoe je knoppen laat reageren op klikken, hoe je formulierinvoer valideert voordat hij verstuurd wordt, hoe je informatie van externe diensten ophaalt (API-calls) en hoe je de pagina dynamisch aanpast zonder hem te herladen.
PHP & Symfony β server-side logica
Je leert hoe je server-side code schrijft: variabelen, functies, loops, condities. Met het Symfony-framework bouw je gestructureerde webapplicaties met routes, controllers en templates. Je slaat gegevens op in een database en haalt ze weer op.
Deployment β je app live zetten
Je leert hoe je een webapplicatie van je eigen computer naar een echte server verplaatst, zodat iedereen op internet hem kan bezoeken. Inclusief domeinnamen, SSL-certificaten en het omgaan met omgevingsvariabelen.
Hoelang duurt het?
Hier is een eerlijk overzicht van de tijdsinvestering per track. Dit zijn de gemiddelde leertijden voor actief leren β dus niet vluchtig doorklikken, maar echt oefenen.
| Track | Onderwerp | Tijd |
|---|---|---|
| Basics | Hoe werkt het web? | ~1 uur |
| HTML | Structuur van webpagina's | ~2 uur |
| CSS | Opmaak en lay-out | ~5 uur |
| JavaScript | Interactiviteit | ~4 uur |
| Bootstrap | CSS-framework | ~3 uur |
| Git | Versiebeheer | ~3 uur |
| Linux / terminal | Commandoregel | ~3 uur |
| SQL | Databases | ~4 uur |
| PHP | Server-side programmeren | ~3 uur |
| Symfony | PHP-framework | ~3,5 uur |
| Deployment | App online zetten | ~3 uur |
| Totaal | ~35β40 uur | |
Verspreid over weken of maanden. Een uur per dag is prima β dan heb je het volledige leerpad in zo'n zes weken afgerond. Maar je kunt ook sneller of langzamer gaan. Er is geen tijdsdruk.
Het complete leerpad
De volgorde van de tracks is niet willekeurig. Elke track bouwt voort op de vorige. Begin bij de basis, werk je weg omhoog.
Hoe werkt het web? Wat doen browsers, servers en protocollen?
Bouw je eerste webpagina β tekst, links, afbeeldingen, formulieren
Maak je pagina mooi β kleuren, lay-out, responsive design
Voeg interactiviteit toe β knoppen, validatie, API-calls
Werk sneller met een CSS-framework β kant-en-klare componenten
Versiebeheer β bewaar je code en werk samen met anderen
Leer de commandoregel β onmisbaar voor elke webdeveloper
Databases β gegevens opslaan, opvragen, aanpassen en verwijderen
Server-side programmeren β logica die op de server draait
PHP-framework β bouw gestructureerde webapplicaties
Zet je app live β van lokale machine naar echte server
Wat maakt mbo-sd anders?
Er zijn veel platforms waar je webontwikkeling kunt leren. Hier is wat mbo-sd onderscheidt:
- Volledig gratis β geen account, geen betaalmuur, geen "premium" lessen achter een slot
- Nederlandstalig β de meeste webdev-cursussen zijn in het Engels, wat voor beginners een extra drempel is
- Interactief β er is een live code-editor in de browser, je kunt direct oefenen zonder iets te installeren
- Voortgangsregistratie β je voortgang wordt lokaal opgeslagen in je browser, zodat je later gewoon verdergaat
- Quizzes per les β kleine checks die je helpen onthouden wat je geleerd hebt
- EΓ©n consistent leerpad β geen losse tutorials die je zelf moet combineren, maar één doordacht pad van begin tot deployment
Voor wie is dit?
mbo-sd is gemaakt voor iedereen die wil leren hoe websites gemaakt worden β zonder dat je er al iets van hoeft te weten.
Complete beginners die nog nooit een regel code hebben geschreven. MBO-studenten in een ICT-richting die het lesmateriaal aanvullen of vooruit willen lopen. Carrière-switchers die overwegen om webontwikkeling als beroep te gaan doen. Hobbyisten die een eigen website willen maken voor hun bedrijf, portfolio of project.
Je hebt geen wiskundeachtergrond nodig, geen technische opleiding en geen speciale hardware. Een computer met een browser is voldoende.
Klaar om te beginnen?
Start bij het begin β of spring direct naar de HTML-track als je weet dat het web je aanspreekt.
Deel deze pagina