Frontend-ontwikkeling leren

Leer Frontend-ontwikkeling met HTML, CSS en JavaScript tegelijk, vanaf les één. Van beginner tot senior developer.

WAT ERIN ZIT

• 41 cursussen, 163 korte lessen: A1–C2

• Live code editor: HTML, CSS en JavaScript naast elkaar; direct een voorbeeld eronder op je telefoon

• Projecttemplates voor HTML, React, Vue, Angular, Node of TypeScript

• 20 stapsgewijze projecten: receptenpagina, contactformulier, kaartenraster, navigatiebalk, datatabel en meer

• 15 debugmissies met echte bugs: kapotte 375px-layout, afbeelding die LCP verslechtert, formulier dat tabnavigatie blokkeert, geheugenlek in een component, test die lokaal slaagt maar in CI faalt

• Eindexamen en certificaat van voltooiing

• 22 talen

ÉÉN TRAJECT, VAN BEGINNER TOT SENIOR

• Webbasis, HTML, formulieren, semantische markup

• CSS-basis, variabelen, overgangen, animaties, flexbox, grid

• Responsive design voor alle schermen

• JavaScript, arrays, objecten, ES6+, DOM, browser-API’s, async

• Ontwikkeltools, Git, teamworkflow, modules, buildtools

• TypeScript: van basis tot geavanceerde patronen

• React-basis, useEffect, data ophalen, geavanceerde hooks en patronen

• Vue 3, Composition API, geavanceerde patronen

• Statusbeheer, REST-API’s, WebSockets, realtime UI

• Server-side rendering: Next.js, Nuxt 3; progressieve webapps (PWA)

• Toegankelijkheid, testen, prestaties, beveiliging

• CSS-architectuur, designsystemen, CI/CD, moderne tools

OEFENING DIE BLIJFT HANGEN

• Quizzen en herhaling

• Spiekbrief: 83 items over syntaxis en patronen

• 50 sollicitatievragen over Frontend-ontwikkeling en webontwikkeling met antwoorden

• Bibliotheek met bewerkbare codevoorbeelden

• Bewaar code, notities en favoriete lessen

• Code-uitdagingen: nodig vrienden uit met een code of speel tegen willekeurige tegenstanders

• World Coding Challenge: dagelijks drie wereldwijde rondes in JavaScript, Python en andere talen

• Reeksen, XP, ranglijst, dagelijkse herinneringen

AI-MENTOR

• Vraag AI naar bugs, concepten, fouten, lessen of je code

• AI-speeltuin: beschrijf een pagina om code te genereren

• Gratis: dagelijks 3 AI-vragen; Pro: onbeperkt

VOOR WIE HET IS

• Beginners die Frontend developer willen worden

• Studenten die naast hun cursus webontwikkeling oefenen

• Ontwerpers die hun ontwerpen bouwen

• HTML/CSS-developers die JavaScript, TypeScript en frameworks leren

• Carrièreswitchers die zich voorbereiden op hun eerste baan in Frontend-ontwikkeling

HOE HET WERKT

1. Begin gratis: Welkom bij Frontend-ontwikkeling

2. Bewerk een codepaneel; zie het voorbeeld veranderen

3. Leer JavaScript, responsive lay-outs, TypeScript, React, Vue

4. Bouw begeleide projecten; los echte bugs op

5. Slaag voor het eindexamen en ontvang je certificaat

GRATIS EN PRO

Gratis: eerste cursus, eerste begeleide project, twee debugmissies, code editor, dagelijks 3 vragen aan de AI-mentor; bevat advertenties. Pro: alle cursussen, projecten en missies, certificeringsexamen, onbeperkte AI; verwijdert advertenties.