Cursus Full Stack Developer

Les 1 • Het Inrichten van de Ontwikkelomgeving

Installeert en configureert code-editors, terminalemulators en version managers. Zorgt ervoor dat elke student in een consistente, professionele toolchain werkt.

Les 2 • Hoe het Web Werkt

Behandelt HTTP-request-response cycli, DNS-resolutie en browser-renderingpipelines. Onderbouwt alle volgende code met echt netwerkgedrag.

Les 3 • Command Line Vaardigheid

Bouwt vloeiendheid op met bestandssysteemnavigatie, procesbeheer en shell-scripting. Vermindert wrijving bij het uitvoeren van buildtools en servers gedurende de cursus.

Les 1 • Flexbox- en Grid-Lay-outs

Leert eendimensionale Flexbox- en tweedimensionale Grid-lay-outsystemen. Maakt precieze, onderhoudbare paginalay-outs mogelijk zonder float-hacks.

Les 2 • CSS-animaties en -overgangen

Introduceert keyframe-animaties, overgangen en transformatiefuncties. Voegt gepolijste interactiviteit toe zonder JavaScript-overhead.

Les 3 • CSS-selectors en het Box-model

Legt specificiteit, cascade, overerving en het box-model uit. Biedt de conceptuele basis voor alle lay-out- en stylingwerk.

Les 4 • Responsief Ontwerp en Media Queries

Past mobile-first ontwerpprincipes en breakpointstrategieën toe. Produceert lay-outs die vloeiend aanpassen aan verschillende apparaatgrootten.

Les 1 • Functies en Scope

Legt functiedeclaraties, -expressies, pijlfuncties, closures en de call stack uit. Maakt modulair, herbruikbaar codeontwerp mogelijk.

Les 2 • Asynchroon JavaScript

Behandelt de event loop, callbacks, Promises en async/await. Rust studenten uit om netwerkverzoeken en getimede bewerkingen betrouwbaar af te handelen.

Les 3 • Arrays, Objecten en Destructuring

Leert array- en objectmanipulatie, spread/rest-syntaxis en destructuring. Bereidt studenten voor op het werken met API-gegevens en complexe state.

Les 4 • DOM-manipulatie en Events

Past JavaScript toe om de DOM te bevragen, wijzigen en erop te reageren. Overbrugt statische HTML/CSS-pagina's naar interactieve gebruikersinterfaces.

Les 1 • React-kernconcepten

Introduceert JSX, componenten, props en de virtuele DOM. Vestigt het mentale model voor het bouwen van UI's als samenstelbare componentenbomen.

Les 2 • Client-Side Routering met React Router

Implementeert meerdere paginanavigatie, dynamische routes en beveiligde routes. Maakt volledige single-page applicatie navigatiepatronen mogelijk.

Les 3 • State en Lifecycle met Hooks

Behandelt useState, useEffect en custom hooks voor het beheren van componentstatus en neveneffecten. Vervangt class-based lifecycle-methoden door moderne hook-patroon.

Les 4 • Component Styling Strategieën

Vergelijkt CSS-modules, styled-components en utility-first CSS in React-projecten. Begeleidt studenten naar schaalbare, onderhoudbare stylingarchitecturen.

Les 1 • API-testen en Documentatie

Test endpoints met geautomatiseerde tools en genereert interactieve API-documentatie. Zorgt voor API-betrouwbaarheid en ontwikkelaarsgebruiksgemak.

Les 2 • REST API's bouwen met Express

Behandelt routing, middleware, request-parsing en response-formattering. Produceert een gestructureerde, gelaagde API die REST-conventies volgt.

Les 3 • Authenticatie en Autorisatie

Implementeert JWT-gebaseerde authenticatie, wachtwoord-hashing en rolgebaseerde toegangscontrole. Beveiligt API-endpoints tegen ongeautoriseerde toegang.

Les 4 • Invoervalidatie en Foutafhandeling

Past schemagebaseerde validatiebibliotheken en gecentraliseerde foutafhandeling toe. Produceert API's die elegant falen en consistente foutreacties retourneren.

Les 1 • SQL-query's en Optimalisatie

Leert SELECT, JOIN, aggregatie, subquery's en query-uitvoeringsplannen. Maakt efficiënte gegevensophaling uit relationele databases mogelijk.

Les 2 • NoSQL met MongoDB

Introduceert documentmodellering, CRUD-bewerkingen en aggregatiepijplijnen in MongoDB. Behandelt gebruikssituaties waarin flexibele schema's relationele modellen overtreffen.

Les 3 • Relationeel Database-ontwerp

Behandelt normalisatie, entiteit-relatiemodellering en schema-ontwerp. Produceert goed gestructureerde relationele schema's die redundantie minimaliseren.

Les 4 • ORM-integratie met Prisma

Koppelt databasetabellen aan applicatiemodellen met Prisma ORM. Vermindert ruwe SQL-boilerplate terwijl typeveiligheid in Node.js behouden blijft.

Les 1 • Bestandsuploads en Mediaverwerking

Implementeert multipart-formulieruploads, cloudopslagintegratie en beeldoptimalisatie. Breidt de applicatie uit om binaire assets betrouwbaar te verwerken.

Les 2 • Gegevens ophalen in React

Behandelt de Fetch API, Axios en React Query voor data-fetching en caching. Beheert laad-, fout- en successtatussen in UI-componenten.

Les 3 • Real-Time Functionaliteiten met WebSockets

Voegt bidirectionele communicatie toe met WebSockets en Socket.IO. Maakt live functies mogelijk zoals chat, meldingen en collaboratief bewerken.

Les 4 • GraphQL consumeren in React

Integreert Apollo Client in React voor het opvragen en muteren van GraphQL-API's. Synchroniseert server- en client-state via de Apollo-cache.

Les 1 • Applicatiebeveiliging Hardening

Past HTTPS-handhaving, beveiligingsheaders, rate limiting en afhankelijkheidsaudits toe. Beschermt de productieapplicatie tegen veelvoorkomende webkwetsbaarheden.

Les 2 • Cloud Implementatiestrategieën

Implementeert gecontaineriseerde apps op cloudplatforms met beheerde services en infrastructure-as-code. Behandelt schaalbare hostingopties voor zowel frontend als backend.

Les 3 • CI/CD Pijplijn Automatisering

Automatiseert testen, bouwen en implementeren met GitHub Actions-werkstromen. Vermindert handmatige release-stappen en dwingt kwaliteitspoorten af bij elke push.

Les 4 • Containerisatie met Docker

Verpakt applicaties en services in Docker-containers en stelt multi-service omgevingen samen. Elimineert omgevingsinconsistentie tussen ontwikkeling en productie.