Cursus Full Stack Webdevelopment

Les 1 • Versiebeheer met Git

Leert de basis van Git en workflows met externe repositories. Maakt collaboratief coderen en veilig itereren gedurende de hele cursus mogelijk.

Les 2 • Essentiële opdrachtregelvaardigheden

Bouwt vloeiendheid op met bestandssysteemnavigatie, procesbeheer en scriptbasics. Ondersteunt efficiënt gebruik van buildtools en servers die later worden geïntroduceerd.

Les 3 • Je ontwikkelomgeving instellen

Installeert en configureert code-editors, terminalemulators en versiebeheerders. Zorgt ervoor dat elke student een reproduceerbare, professionele werkruimte heeft.

Les 1 • Semantische Elementen en Landmarks

Behandelt header, nav, main, article, section, aside en footer-elementen. Verbetert de toegankelijkheid en zoekmachine-indexering van studentenprojecten.

Les 2 • Tabellen, Lijsten en Ingesloten Content

Behandelt gegevenstabellen, geordende en ongeordende lijsten en iframe-insluiting. Rondt de HTML-toolkit af die nodig is voordat CSS-layout wordt geïntroduceerd.

Les 3 • Formulieren, Invoervelden en Validatie

Leert alle invoertypen, labels, fieldsets en native browservalidatie. Bereidt studenten voor op back-endformulierverwerking die in latere hoofdstukken wordt behandeld.

Les 1 • CSS Selectors en de Cascade

Legt specificiteit, overerving en het cascade-algoritme uit. Voorkomt stylingbugs die voortkomen uit verkeerd begrepen regelprioriteit.

Les 2 • CSS Grid Lay-out

Behandelt tweedimensionale gridsjablonen, -gebieden en automatische plaatsing. Rust studenten uit om complexe paginalay-outs te bouwen zonder externe frameworks.

Les 3 • Responsief Ontwerp en Media Queries

Past mobile-first-methodologie, breekpunten en vloeibare eenheden toe. Zorgt ervoor dat alle studentenprojecten correct worden weergegeven op verschillende apparaatformaten.

Les 4 • Flexbox Lay-out

Leert eendimensionale uitlijning met flexcontainers en -items. Stelt studenten in staat navigatiebalken, kaartrijen en gecentreerde lay-outs te bouwen.

Les 1 • Asynchroon JavaScript

Legt de event loop, callbacks, Promises en async/await uit. Maakt direct de API-aanroepen en databasequery's mogelijk die in latere hoofdstukken worden geïntroduceerd.

Les 2 • Arrays, Objecten en Destructuring

Behandelt arraymethoden, objectmanipulatie en ES6-destructuring-syntaxis. Bereidt studenten voor op gegevensverwerking in zowel front-end- als back-endcontexten.

Les 3 • Control Flow en Functies

Leert conditionals, loops en functiedeclaraties via arrow-functies. Stelt studenten in staat herbruikbare, logica-gestuurde codeblokken te schrijven.

Les 4 • DOM-manipulatie en Events

Leert het opvragen, wijzigen en maken van DOM-knooppunten en het afhandelen van browserevents. Overbrugt statische HTML/CSS-pagina's naar interactieve applicaties.

Les 1 • React Router en Navigatie

Implementeert client-side routing met React Router. Maakt de structuur voor een meerpagina-applicatie mogelijk die vereist is voor het afstudeerproject.

Les 2 • React Kernconcepten

Introduceert JSX, componenten en de virtual DOM. Stelt het mentale model vast dat nodig is voordat hooks en state worden geïntroduceerd.

Les 3 • Gegevens ophalen en API-integratie

Combineert useEffect met fetch en Axios om REST-APIs te consumeren. Verbindt front-endcomponenten met de back-endservices die later worden gebouwd.

Les 4 • State en Lifecycle met Hooks

Behandelt useState, useEffect en custom hooks voor het beheren van componentstate en bijwerkingen. Maakt dynamisch, datagestuurd UI-gedrag mogelijk.

Les 1 • RESTful API Ontwerpprincipes

Past REST-beperkingen toe op bronnenbenaming, HTTP-werkwoorden en statuscodes. Produceert APIs die voorspelbaar en eenvoudig te consumeren zijn voor front-endclients.

Les 2 • Middleware en Verzoekverwerking

Legt de middleware-pipeline, body-parsing en foutafhandeling uit. Maakt schone, herbruikbare verzoekverwerking mogelijk voor alle API-routes.

Les 3 • Node.js Runtime en Modulesysteem

Behandelt de Node event loop, CommonJS-modules en het npm-ecosysteem. Vestigt de server-side runtime-basis voor al het back-endwerk.

Les 4 • Invoervalidatie en Foutafhandeling

Implementeert schema-gebaseerde validatie en gestructureerde foutreacties. Versterkt de API voordat database-integratie en authenticatie worden toegevoegd.

Les 1 • Databasebeveiliging en -prestaties

Behandelt geparametriseerde queries, connection pooling en indexeerstrategieën. Voorkomt SQL-injectie en zorgt ervoor dat de API schaalt onder belasting.

Les 2 • ORM-integratie met Node.js

Past een ORM toe om modellen, associaties en migraties te definiëren. Verbindt de Express API met een relationele database met minimale raw SQL.

Les 3 • NoSQL met Documentdatabases

Introduceert documentopslag, collecties en flexibele schema's. Rust studenten uit om het juiste databasetype te kiezen voor verschillende gegevensvormen.

Les 4 • Relationele Database Grondbeginselen

Behandelt tabellen, primaire sleutels, externe sleutels en normalisatie. Biedt de gegevensmodelleringsterminologie die wordt gebruikt bij SQL- en ORM-werk.

Les 1 • Essentiële Webapplicatiebeveiliging

Behandelt OWASP-topbedreigingen waaronder XSS, CSRF en injectieaanvallen. Versterkt de applicatie om te voldoen aan de basisproductiebeveiligingsnormen.

Les 2 • Containerisatie met Docker

Verpakt de app en database in Docker-containers en stelt multi-service stacks samen. Zorgt voor consistent gedrag van lokale dev tot productie.

Les 3 • Cloud Implementatie en CI/CD-pipelines

Implementeert de gecontaineriseerde full-stack app naar een cloudprovider en automatiseert builds met een CI/CD-pipeline. Studenten hebben een live URL voor hun portfolio.

Les 4 • Authenticatie met JWT

Bouwt registratie-, inlog- en tokenvernieuwingsstromen met JSON Web Tokens. Beveiligt alle beschermde API-routes vóór implementatie.