Et intensivt og praksisnært forløb, hvor de studerende lærer at tænke som frontend-udviklere og skrive struktureret, interaktiv kode.

At bygge bro mellem design og kode — at kunne omsætte visuelle koncepter til funktionelle og brugervenlige (herunder tilgængelige) grænseflader. Her kombineres designprincipper med tekniske færdigheder i HTML, CSS og JavaScript.

• Fra visuelle koncepter til kodede grænseflader

• Designprincipper, animation og webtilgængelighed

• Integration af Figma-designs i Astro (komponentbaseret tilgang)

• Design tokens, typografi, farver og bevægelse

• Afsluttende opgave: Implementér et Figma-design

At gøre de studerende klar til praktik og job ved at arbejde med moderne frameworks som Next.js samt biblioteker som Zod, React Hook Form, Zustand mm.

• React og Next – CSR vs SSR (page) vs RSC (component)

• Forståelse for datahåndtering, API-integration og lokal lagring.

• Opbygning af avancerede brugergrænseflader med validering og feedback (fejl- og loading-states)

• Teamsamarbejde og versionsstyring

• Afsluttende gruppeopgave: Simple shop

Et samlet bevis på, at den studerende kan gå fra idé og design til færdig applikation – professionelt og selvstændigt.

At samle og demonstrere kompetencerne fra de tre forløb i et afsluttende projekt, der afspejler professionel praksis.

• Gruppearbejde (2-3 studerende)

• Helhedsorienteret frontend-løsning (HTML, CSS, JS, framework)

• Fokus på brugervenlighed, API-integration og feedback i brugeroplevelsen.

• Dokumentation og individuel screencast

• Mundtlig eksamen på baggrund af projektet