Få hele bredden af moderne frontend med
Frontendudvikling handler om at omsætte kode til alt det, en bruger ser og interagerer med i en browser — HTML-struktur, CSS-præsentation, JavaScript-adfærd samt de rammeværker og værktøjer, der binder det hele sammen i produktionsskala. Dette forløb dækker hele stakken: fra hvordan internettet leverer en side, til at skrive typesikre React- og Vue-applikationer, optimere ydeevnen og implementere via et CI/CD-forløb.
Det lærer du
Du begynder med grundlæggende HTML, CSS og JavaScript og opbygger derefter fortrolighed med TypeScript, DOM'en og browser-API'er, responsivt design samt ES6+-mønstre, herunder asynkron programmering og moduler. Derefter går du videre til React (hooks, avancerede mønstre, Next.js SSR) og Vue 3 (Composition API, Nuxt 3 SSR), tilstandshåndtering, frontendtest, CSS-arkitektur og realtidsgrænseflader med WebSockets. Forløbet afsluttes med optimering af webydeevne, frontend-sikkerhed, designsystemer samt frontend-CI/CD og DevOps.
Læringsforløbet
41 kurser dækker niveauerne A1 til C2. Kurserne på A1- og A2-niveau etablerer grundlaget — hvordan internettet fungerer, semantisk markup, CSS-animationer, Git og en introduktion til TypeScript. Kurserne på B1- og B2-niveau opbygger professionelle færdigheder: CSS Layout Mastery, JavaScript-moduler og byggeværktøjer, grundlæggende React og Vue 3, API-integration, progressive webapps og serverside-rendering med både Next.js og Nuxt 3. Kurserne på C1-niveau tager fat på emner for erfarne udviklere: Advanced TypeScript for Frontend, React Advanced Patterns, Vue Advanced Patterns, frontend-arkitektur, designsystemer og komponentbiblioteker, frontend-sikkerhed samt frontend-CI/CD og DevOps. Forløbet slutter på C2 med Senior Frontend Engineering, som samler det hele i praksis på produktionsniveau.
Sådan fungerer det
Hvert kursus er opdelt i korte, praktiske lektioner, som du gennemfører i den indbyggede kodeeditor med feedback i realtid. Du kan få hjælp af en AI-underviser, når du går i stå, og hvert begreb styrkes gennem øvelser, der afspejler browseres og rammeværkers virkelige adfærd i stedet for konstruerede eksempler.