Cursus Full Stack Developer

Les 1 • De ontwikkelomgeving instellen

Installeert en configureert een code-editor, terminal, versiebeheer en browser-ontwikkeltools. Creëert een reproduceerbare werkruimte voor alle cursusprojecten.

Les 2 • Hoe het web werkt

Behandelt DNS-resolutie, HTTP-request-responsecycli en statuscodes. Stelt het communicatiemodel vast waar elk volgend hoofdstuk op voortbouwt.

Les 3 • Versiebeheer met Git

Oefent met vertakken, committen, mergen en het oplossen van conflicten met Git. Stelt de workflow vast die in elk project in de cursus wordt gebruikt.

Les 4 • CSS-layout en stijlen

Past het boxmodel, Flexbox en Grid toe om lay-out en visueel ontwerp te beheersen. Sluit direct aan bij het bouwen van responsieve UI-componenten in latere hoofdstukken.

Les 1 • Functies en scope

Legt functiedeclaraties, expressies, pijlfuncties, closures en de call stack uit. Bouwt het mentale model dat nodig is voor callbacks en asynchrone code.

Les 2 • Asynchroon JavaScript

Leert de event loop, callbacks, Promises en async/await voor niet-blokkerende code. Fundamenteel voor alle API-communicatie die in volgende hoofdstukken wordt behandeld.

Les 3 • Kerngrammatica en datatypen

Behandelt variabelen, operatoren, control flow en primitieve versus referentietypen. Biedt de woordenschat voor elk JavaScript-concept dat volgt.

Les 4 • DOM-manipulatie

Selecteert, wijzigt en creëert DOM-knooppunten als reactie op gebruikersgebeurtenissen. Maakt direct het bouwen van interactieve UI-componenten in het frontend-hoofdstuk mogelijk.

Les 1 • Bijwerkingen en gegevens ophalen

Past useEffect toe om gegevens op te halen, te abonneren op gebeurtenissen en bronnen op te schonen. Verbindt asynchrone JavaScript-vaardigheden met echt API-gestuurd componentgedrag.

Les 2 • Statusbeheer met Hooks

Gebruikt useState en useReducer om lokale componentstatus en afgeleide gegevens te beheren. Bereidt studenten voor op het omhoog tillen van status en globale statuspatronen.

Les 3 • Routering en navigatie

Implementeert client-side routering met dynamische routes, geneste lay-outs en beveiligde paden. Maakt het bouwen van SPAs met meerdere pagina's met correct URL-beheer mogelijk.

Les 4 • React-grondbeginselen

Introduceert JSX, de virtuele DOM en functionele componenten. Stelt het componentmodel vast waar alle React-patronen in dit hoofdstuk op voortbouwen.

Les 1 • Middleware en request-pijplijn

Schrijft aangepaste middleware voor logging, validatie en authenticatiecontroles. Laat zien hoe de request-pijplijn elk binnenkomend HTTP-verzoek verwerkt.

Les 2 • Node.js-runtime en modules

Legt de Node.js event loop, het modulesysteem en ingebouwde modules uit. Stelt vast hoe server-side JavaScript verschilt van browser-JavaScript.

Les 3 • REST-API's bouwen met Express

Definieert routes, handelt HTTP-verbs af en parseert verzoeklichamen met Express. Produceert de API-eindpunten die door de React-frontend worden gebruikt.

Les 4 • Foutafhandeling en logging

Implementeert gecentraliseerde fouthandlers, operationele versus programmeerfouten en gestructureerde logging. Zorgt dat API's netjes falen en in productie debugbaar zijn.

Les 1 • NoSQL- en documentdatabases

Modelleert gegevens als documenten, past indexering toe en voert CRUD uit met een documentdatabase. Contrasteert met relationeel ontwerp om schema-keuzes te begeleiden.

Les 2 • Databaseprestaties en indexering

Analyseert query-uitvoeringsplannen, voegt indexen toe en past connection pooling toe. Zorgt dat de gegevenslaag schaalt onder realistische applicatiebelasting.

Les 3 • SQL-query's schrijven

Schrijft SELECT, INSERT, UPDATE, DELETE en aggregatiequery's met filters en sortering. Bouwt de queryvaardigheden die nodig zijn voor ORM-configuratie en raw queries.

Les 4 • Relationele databasegrondbeginselen

Behandelt tabellen, primaire/externe sleutels, normalisatie en joins. Biedt de woordenschat voor gegevensmodellering die in het hele databasehoofdstuk wordt gebruikt.

Les 1 • Authenticatieconcepten

Onderscheidt authenticatie van autorisatie en legt stateful versus stateless benaderingen uit. Legt de conceptuele basis voor alle implementatiesecties.

Les 2 • Sessiegebaseerde authenticatie

Beheert server-side sessies met beveiligde cookies en sessie-opslag. Biedt een alternatief voor JWTs voor applicaties die servergestuurde ongeldigverklaring vereisen.

Les 3 • Op rollen gebaseerde toegangscontrole

Definieert rollen en machtigingen, handhaaft ze via middleware en beschermt API-routes. Maakt multi-tenant- en adminfuncties mogelijk in het afstudeerproject.

Les 4 • JWT-gebaseerde authenticatie

Uitgeven, ondertekenen en verifiëren van JSON Web Tokens voor stateless API-authenticatie. Integreert direct met de Express-middlewarepijplijn uit het backendhoofdstuk.

Les 1 • Frontend verbinden met backend

Configureert API-basis-URL's, handelt CORS af in ontwikkeling en beheert auth-tokens in React. Overbrugt de geïsoleerde frontend en backend uit eerdere hoofdstukken.

Les 2 • Debuggen en prestatieprofilering

Gebruikt browser-ontwikkeltools, Node.js-debugger en profileringstools om knelpunten te vinden en op te lossen. Bereidt studenten voor op het diagnosticeren van problemen in de geïmplementeerde applicatie.

Les 3 • End-to-end testen

Automatiseert volledige gebruikersreizen in een echte browser met een E2E-testframework. Vangt integratieregressies op die unit tests niet kunnen detecteren.

Les 4 • Unit testing JavaScript

Schrijft unit tests voor pure functies en React-componenten met een testrunner en assertiebibliotheek. Stelt de testbasis vast voordat integratietests worden uitgevoerd.

Les 1 • Monitoring en waarschuwingen

Integreert applicatieprestatiemeting, uptimecontroles en foutopsporing. Maakt snelle incidentrespons mogelijk voor de geïmplementeerde productieapplicatie.

Les 2 • Cloud-implementatiegrondbeginselen

Implementeert gecontaineriseerde services naar een cloudplatform, configureert domeinen en beheert omgevingsgeheimen. Produceert de eerste openbaar toegankelijke versie van de applicatie.

Les 3 • CI/CD-pijplijn instellen

Automatiseert build-, test- en implementatiefasen met een CI/CD-service die wordt getriggerd door Git-pushes. Elimineert handmatige implementatiestappen en handhaaft kwaliteitspoorten.

Les 4 • Containerisatie met Docker

Schrijft Dockerfiles, bouwt images en draait multi-service stacks met Docker Compose. Zorgt dat de applicatie identiek werkt in ontwikkeling en productie.