Bouw het volledige spectrum van moderne front-endontwikkeling
Front-endontwikkeling is het vakgebied waarin code wordt omgezet in alles wat een gebruiker in een browser ziet en waarmee die interactie heeft — HTML-structuur, CSS-presentatie, JavaScript-gedrag en de frameworks en hulpmiddelen die dit op productieschaal samenbrengen. In dit traject leer je de volledige stack: van de manier waarop het web een pagina levert tot het schrijven van typeveilige React- en Vue-applicaties, het optimaliseren van prestaties en het uitrollen via een CI/CD-pijplijn.
Wat je leert
Je begint met de basisprincipes van HTML, CSS en JavaScript en wordt daarna vertrouwd met TypeScript, de DOM en browser-API's, responsive design en ES6+-patronen, waaronder asynchroon programmeren en modules. Vervolgens leer je werken met React (hooks, geavanceerde patronen, Next.js SSR) en Vue 3 (Composition API, Nuxt 3 SSR), statusbeheer, front-endtesten, CSS-architectuur en realtime-interfaces met WebSockets. Het traject eindigt met optimalisatie van webprestaties, front-endbeveiliging, designsystemen en front-end-CI/CD en DevOps.
Het leertraject
Eenenveertig cursussen bestrijken de niveaus A1 tot en met C2. De cursussen op A1- en A2-niveau leggen de basis — hoe het web werkt, semantische markup, CSS-animaties, Git en een introductie tot TypeScript. De cursussen op B1- en B2-niveau bouwen professionele vaardigheden op: CSS Layout Mastery, JavaScript Modules and Build Tools, de basis van React en Vue 3, API-integratie, Progressive Web Apps en server-side rendering met zowel Next.js als Nuxt 3. De cursussen op C1-niveau behandelen onderwerpen voor ervaren ontwikkelaars: Advanced TypeScript for Frontend, React Advanced Patterns, Vue Advanced Patterns, Frontend Architecture, Design Systems and Component Libraries, Frontend Security en Frontend CI/CD and DevOps. Het traject eindigt op C2 met Senior Frontend Engineering, waarin alles samenkomt in praktijk op productieniveau.
Zo werkt het
Elke cursus is opgedeeld in korte, praktische lessen die je voltooit in de ingebouwde code-editor, met realtimefeedback. Er is altijd een AI-tutor beschikbaar als je vastloopt, en elk concept wordt versterkt met oefeningen die echt browser- en frameworkgedrag weerspiegelen in plaats van gekunstelde voorbeelden.
