Opleiding Full Stack Developer

Les 1 • Hoe het Web Werkt

Behandelt HTTP-request-responsecycli, DNS-resolutie en browser-renderingpipelines. Legt de conceptuele ruggengraat vast voor elke full-stack beslissing die later wordt genomen.

Les 2 • Ontwikkelgereedschap en Terminalbasisvaardigheden

Introduceert de opdrachtregel, pakketbeheerders en code-editors als dagelijkse tools. Vaardigheid hier versnelt elke volgende praktijkoefening.

Les 3 • Projectstructuur en Coderingsstandaarden

Stelt mapconventies, lintingregels en opmaakstandaarden vast die in de hele cursus worden gebruikt. Consistente structuur vermindert de cognitieve belasting in latere multi-file projecten.

Les 1 • Flexbox- en CSS Grid-lay-outs

Leert beide lay-outsystemen met praktische use cases voor elk. Studenten bouwen een responsieve lay-out met twee kolommen en een kaartraster met alleen CSS.

Les 2 • CSS-fundamenten en het Box Model

Legt selectors, specificiteit, overerving en het boxmodel uit als basis van alle visuele opmaak. Studenten stylen een pagina met meerdere secties tegen het einde van het onderdeel.

Les 3 • Responsief Ontwerp en Media Queries

Past mobile-first ontwerpprincipes en breakpointstrategieën toe op echte lay-outs. Studenten passen een desktopontwerp aan voor weergave op telefoon, tablet en desktopviewport.

Les 4 • CSS-animaties en -transities

Introduceert keyframe-animaties en transitie-eigenschappen om beweging toe te voegen zonder JavaScript. Koppelt visuele afwerking aan gebruikerservaringsprincipes die in lay-outonderdelen zijn geïntroduceerd.

Les 1 • Modules en Moderne JavaScript-Tooling

Introduceert ES-modules, bundelaars en transpilers om code voor te bereiden op productieomgevingen. Studenten configureren een Vite-project en importeren/exporteren over meerdere bestanden.

Les 2 • Asynchroon JavaScript

Legt de event loop, callbacks, Promises en async/await uit voor het afhandelen van tijdvertraagde operaties. Studenten halen gegevens op van een publieke API en renderen deze naar de DOM.

Les 3 • Kern-JavaScript-syntaxis en Datatypen

Behandelt variabelen, primitieven, operatoren en type coercion als de bouwstenen van alle JS-code. Beheersing hiervan voorkomt de meest voorkomende beginnersfouten in latere projecten.

Les 4 • Control Flow en Functies

Leert conditionals, loops en functiedeclaraties inclusief arrowfuncties en closures. Studenten herstructureren procedurele code tot herbruikbare, goed gescoopte functies.

Les 1 • Globale State met Context en Reducers

Leert Context API en useReducer voor het delen van state over diep geneste componenten. Studenten herstructureren prop-gedreven state naar een gecentraliseerde contextstore.

Les 2 • React-kernconcepten en JSX

Introduceert het componentmodel, JSX-syntaxis en de virtuele DOM als de fundamentele ideeën van React. Studenten renderen een componentstructuur en begrijpen hoe React de UI bijwerkt.

Les 3 • React Router en Navigatie

Implementeert client-side routing met geneste routes, dynamische segmenten en beveiligde routes. Studenten voegen navigatie met meerdere pagina's toe aan hun React-applicatie.

Les 4 • State Management met Hooks

Behandelt useState, useEffect en custom hooks voor het beheren van lokale componentstate en neveneffecten. Studenten bouwen een interactief formulier met validatie en live feedback.

Les 1 • RESTful API-ontwerpprincipes

Past REST-beperkingen toe om consistente, voorspelbare API-endpoints met correcte statuscodes te ontwerpen. Studenten herstructureren een ad-hoc API naar een volledig RESTful, resource-gebaseerde structuur.

Les 2 • Express Framework en Routing

Bouwt gestructureerde Express-applicaties met route-handlers, routeparameters en querystrings. Studenten organiseren routes in aparte routerbestanden volgens REST-conventies.

Les 3 • Node.js Runtime en Kernmodules

Legt de event-gedreven architectuur van Node.js, het modulessysteem en ingebouwde modules voor bestands- en netwerk-I/O uit. Studenten schrijven scripts met de fs-, path- en http-modules.

Les 4 • Invoervalidatie en Foutafhandeling

Implementeert schema-gebaseerde validatie en gecentraliseerde foutresponsen om de API te versterken. Studenten voegen validatie-middleware toe die gestructureerde foutmeldingen retourneert aan clients.

Les 1 • ORM-integratie met Prisma

Gebruikt Prisma om schema's te definiëren, een type-safe client te genereren en CRUD-operaties uit te voeren vanuit Node.js. Studenten vervangen ruwe SQL-queries in hun API door Prisma-clientaanroepen.

Les 2 • NoSQL met MongoDB en Mongoose

Introduceert document-georiënteerde gegevensmodellering en Mongoose-schema's voor flexibele, schema-loze opslag. Studenten bouwen een tweede API-endpoint, ondersteund door MongoDB, ter contrast met SQL.

Les 3 • Kiezen en Verbinden van Databases

Vergelijkt SQL- en NoSQL-afwegingen en behandelt connection pooling en omgevingsgebaseerde configuratie. Studenten configureren hun API om van database te wisselen via omgevingsvariabelen.

Les 4 • PostgreSQL-installatie en Geavanceerde Queries

Past SQL-vaardigheden toe op PostgreSQL met indexen, transacties en constraints voor productieklare gegevensintegriteit. Studenten draaien migraties en seed-scripts tegen een lokale PostgreSQL-instantie.

Les 1 • JSON Web Tokens en Refresh Tokens

Behandelt JWT-structuur, ondertekening, verificatie en refresh token-rotatie voor persistente sessies. Studenten implementeren login, tokenuitgifte en stille refresh in hun API.

Les 2 • Webbeveiliging Beste Praktijken

Adresseert OWASP-topbedreigingen waaronder XSS, CSRF, SQL-injectie en onveilige headers. Studenten auditen hun applicatie en passen Helmet.js- en invoeropschoonfixes toe.

Les 3 • OAuth 2.0 en Third-Party Login

Integreert OAuth 2.0-autorisatiecodestroom voor sociale login met een provider zoals Google. Studenten voegen een werkende third-party loginknop toe aan hun full-stack applicatie.

Les 4 • Rolgebaseerde Toegangscontrole

Ontwerpt een machtigingsmodel met rollen en guards toegepast als Express-middleware en React-route-wrappers. Studenten beperken API-endpoints en UI-pagina's per gebruikersrol.

Les 1 • Full-Stack Integratie en Capstone Project

Verbindt alle lagen—React-frontend, Express API, database en auth—tot één implementeerbare applicatie. Studenten presenteren een live, functie-compleet project dat end-to-end competentie aantoont.

Les 2 • CI/CD Pipeline-installatie

Automatiseert testen, bouwen en implementeren met een CI/CD-service geactiveerd door Git-pushes. Studenten configureren een pipeline die tests draait en implementeert bij merge naar main.

Les 3 • Containerisatie met Docker

Verpakt de Node.js API en database in Docker-containers voor consistente omgevingen op verschillende machines. Studenten schrijven Dockerfiles en een Compose-bestand voor lokale multi-service ontwikkeling.

Les 4 • Cloudimplementatie en Hosting

Implementeert de backend API naar een cloudplatform en de React-frontend naar een statische hostingservice. Studenten configureren aangepaste domeinen, HTTPS en omgevingsgeheimen.