Cursus Full Stack JavaScript Developer

Les 1 • HTML- en CSS-basisbeginselen

Bespreekt semantische HTML-structuur en CSS-layoutmodellen, waaronder Flexbox en Grid. Deze vaardigheden ondersteunen elk frontend-component dat in volgende hoofdstukken wordt gebouwd.

Les 2 • Versiebeheer met Git

Leert vertakkingen, commits, merges en externe workflows met behulp van Git. Versiebeheer vormt de basis voor elke samenwerkings- en implementatietaak in latere hoofdstukken.

Les 3 • Ontwikkelomgevingsconfiguratie

Installeert en configureert Node.js, VS Code, Git en terminaltools. Een consistente lokale omgeving voorkomt wrijving met tools gedurende de hele cursus.

Les 1 • Arrays, Objecten en Destructurering

Leert array- en objectmanipulatie, spread/rest-syntaxis en destructuring-patronen. Deze patronen verschijnen in elke React-component en Node.js-module in latere hoofdstukken.

Les 2 • Asynchroon JavaScript

Behandelt de event loop, callbacks, Promises en async/await-syntaxis. Asynchrone vloeiendheid is essentieel voor alle API-aanroepen en databasebewerkingen in de backend-hoofdstukken.

Les 3 • Variabelen, Types en Operatoren

Behandelt let, const, primitieve types, type coercion en operatorprecedentie. Elimineert veelvoorkomende bugs veroorzaakt door verkeerd begrepen JavaScript-typegedrag.

Les 4 • ES-modules en moderne tooling

Introduceert ES-module-syntaxis, bundelaars en transpilers. Studenten begrijpen hoe moderne JavaScript-code wordt georganiseerd en voorbereid voor productielevering.

Les 1 • React-basisbeginselen en JSX

Introduceert het componentmodel van React, JSX-syntaxis en de virtuele DOM. Vestigt het mentale model dat nodig is voor al het daaropvolgende React-status- en levenscycluswerk.

Les 2 • Statusbeheer met Hooks

Behandelt useState, useEffect, useRef en aangepaste hooks voor het beheren van componentstatus en bijwerkingen. Hooks zijn het primaire mechanisme voor dynamisch gedrag in moderne React.

Les 3 • React Router en Navigatie

Implementeert client-side routing met React Router, inclusief geneste routes en beveiligde routes. Navigatiepatronen zijn vereist voor elke React-toepassing met meerdere pagina's.

Les 4 • Gegevens ophalen en API-integratie

Integreert REST-API's in React met behulp van fetch, Axios en React Query. Koppelt de frontend aan de backend-services die in latere hoofdstukken worden gebouwd.

Les 1 • npm-ecosysteem en pakketbeheer

Leert afhankelijkheidsbeheer, semantische versiebeheer en het publiceren van pakketten. Correct pakketbeheer voorkomt beveiligingskwetsbaarheden en versieconflicten.

Les 2 • Streams en Buffers

Behandelt leesbare, schrijfbare en transform-streams voor efficiënte gegevensverwerking. Stream-kennis is cruciaal voor bestandsuploads, proxies en API's met hoge doorvoer.

Les 3 • Node.js-runtime en kernmodules

Verkent de Node.js-event loop, het modulesysteem en ingebouwde modules zoals fs, path en os. Biedt de runtime-basis voor alle backend-code in de cursus.

Les 1 • Authenticatie en Autorisatie

Implementeert JWT-gebaseerde authenticatie en op rollen gebaseerde toegangscontrole in Express. Beveiligingspatronen hier worden hergebruikt op elke beveiligde route in de full-stack-app.

Les 2 • Invoervalidatie en Foutafhandeling

Implementeert request-validatie met Joi of Zod en gecentraliseerde foutafhandelingsmiddleware. Robuuste validatie en foutmeldingen zijn onmisbaar in productie-API's.

Les 3 • API-testen en documentatie

Test endpoints met Jest en Supertest en documenteer de API met OpenAPI/Swagger. Geteste, gedocumenteerde API's zijn een professionele standaard voor teamsamenwerking.

Les 4 • Middleware-architectuur

Legt de middleware-pipeline, ingebouwde middleware en integratie van derden-middleware uit. Middleware regelt elke cross-cutting concern in een Express-toepassing.

Les 1 • Relationeel databaseontwerp

Behandelt normalisatie, entiteit-relatiemodellering en primaire/foreign key-beperkingen. Een goed schematisch ontwerp voorkomt gegevensafwijkingen in productiesystemen.

Les 2 • ORM met Prisma of Sequelize

Wijst databasetabellen toe aan JavaScript-modellen met behulp van een ORM en beheert schemamigraties. ORM's versnellen de ontwikkeling en dwingen schemaconsistentie af in verschillende omgevingen.

Les 3 • Caching met Redis

Gebruikt Redis voor in-memory caching, sessieopslag en snelheidsbeperking. Caching vermindert de databasebelasting en verbetert de API-responsetijden in productie.

Les 4 • NoSQL met MongoDB en Mongoose

Ontwerpt documentschema's, voert CRUD-bewerkingen uit en gebruikt aggregatiepijplijnen in MongoDB. NoSQL-vaardigheden vullen SQL aan voor flexibele, documentgeoriënteerde gegevensbehoeften.

Les 1 • Bestandsuploads en Mediaverwerking

Implementeert multipart-bestandsuploads met Multer en slaat assets op in cloud-objectopslag. Bestandsverwerking is een vereiste functie in de meeste real-world-toepassingen.

Les 2 • End-to-end-functieontwikkeling

Bouwt een volledige functie van databaseschema via API-endpoint tot React-UI. Integreert alle eerdere vaardigheden in één verticale schijf van een productietoepassing.

Les 3 • Realtimecommunicatie met WebSockets

Bouwt bidirectionele realtimefuncties met Socket.IO op zowel server als client. Realtime-mogelijkheden onderscheiden moderne toepassingen van traditionele request-response-apps.

Les 4 • Server-Sent Events en Polling

Implementeert SSE voor eenzijdige server-push en vergelijkt het met long polling. De juiste realtimestrategie kiezen hangt af van de gebruikssituatie en infrastructuurbeperkingen.

Les 1 • Containerisatie met Docker

Verpakt Node.js- en React-apps in Docker-containers en orkestreert ze met Compose. Containers zorgen voor omgevingspariteit tussen ontwikkeling en productie.

Les 2 • Beveiligingsverharding voor Productie

Past HTTPS, beveiligingsheaders, afhankelijkheidscontrole en geheimbeheer toe op productie-implementaties. Beveiligingsverharding is de laatste poort voordat een app echte gebruikers bedient.

Les 3 • Loggen, Monitoren en Signaleren

Implementeert gestructureerd loggen, metriekenverzameling en uptime-signalering voor productie-apps. Observeerbaarheid maakt snelle diagnose van fouten mogelijk voordat gebruikers aanzienlijke hinder ondervinden.

Les 4 • Cloud-implementatiestrategieën

Implementeert gecontaineriseerde apps op cloudplatforms met behulp van beheerde services en infrastructuur als code. Cloud-implementatievaardigheden zijn vereist voor elke professionele full-stack-rol.