Full-stack Applikationsudvikling med AI og Moderne Frontends
2026/2027- Formål og læringsmål
Faget har til formål at give de studerende praktisk erfaring med udvikling af moderne full-stack applikationer, hvor flere platforme spiller sammen: web, mobil og backend.
Viden
De studerende arbejder med udvikling af en samlet løsning bestående af:
• En web frontend bygget med React/Next.js
• En mobil applikation bygget med React Native
• En backend bygget med NestJS (MVC arkitektur)
Faget introducerer samtidig en moderne udviklingspraksis, hvor AI og såkaldt agentic development indgår som en aktiv del af udviklingsprocessen. De studerende lærer at anvende AI som værktøj til at accelerere udvikling, samtidig med at de opbygger en solid forståelse for kode, arkitektur og systemdesign.
Gennem faget opnår de studerende erfaring med at designe, implementere og integrere flere systemdele i én samlet løsning, samt forstå de arkitektoniske og tekniske valg der ligger bag moderne web- og appudvikling.De studerende får viden om:
Færdigheder
• Arkitektur for moderne full-stack applikationer (frontend, backend, mobile)
• Opbygning af webapplikationer med React og Next.js (herunder server components og routing)
• Udvikling af mobile applikationer med React Native
• Backend-udvikling med NestJS, herunder MVC-struktur og API-design
• RESTful API design og kommunikation mellem klient og server
• Grundlæggende principper for autentifikation og autorisation (herunder role-based access control)
• Anvendelse af AI i softwareudvikling (code generation, debugging, refactoring)
• Agentic development og samarbejde mellem udvikler og AI
• Teststrategier i full-stack applikationer
• Versionsstyring og samarbejde i udviklingsprojekterDe studerende kan:
Kompetencer
• Udvikle en web frontend med React/Next.js
• Udvikle en mobil applikation med React Native
• Udvikle en backend med NestJS og eksponere API endpoints
• Integrere frontend, mobil og backend i én samlet løsning
• Implementere autentifikation og rollebaseret autorisation
• Anvende AI-værktøjer til at skrive, analysere og forbedre kode
• Strukturere kode i en skalerbar og vedligeholdbar arkitektur
• Udvikle og anvende automatiserede tests (unit og integration)
• Arbejde med asynkron datahåndtering og state management
• Debugge og analysere fejl i full-stack applikationerDen studerende kan:
• Designe og udvikle en sammenhængende full-stack løsning på tværs af platforme
• Tage kvalificerede valg omkring arkitektur, teknologi og struktur
• Anvende AI som en integreret del af udviklingsprocessen uden at miste forståelsen for koden
• Arbejde professionelt med moderne udviklingsværktøjer og workflows
• Reflektere over egne tekniske valg og forbedre eksisterende løsninger
• Indgå i samarbejde om udvikling af komplekse systemer - Undervisningsform
Undervisningen er en kombination af:
• Oplæg og teorigennemgang
• Hands-on øvelser
• Guided coding sessions
• Projektarbejde
Undervisningen er struktureret i moduler, hvor de studerende løbende opbygger deres system:
1. Backend (NestJS)
2. Web frontend (Next.js)
3. Mobile app (React Native)
4. Integration mellem systemerne
5. AI-assisteret udvikling
I slutningen af faget arbejder de studerende i en projektperiode (ca. 4 uger), hvor de udvikler en samlet prototype bestående af alle tre elementer - Forudsætninger for at deltage i
faget
Faglige forudsætninger for at deltage i faget
• Grundlæggende programmeringserfaring (JavaScript/TypeScript)
• Kendskab til webudvikling (HTML, CSS, JavaScript)
• Grundlæggende forståelse for HTTP og API’er - Prøve
Læringsmålene for prøven er identiske med fagets/fagenes læringsmål
Forudsætninger for indstilling til eksamenDa faget er på 10 ECTS, er der to deltagelsespligter.
De beskrives på ItsLearning og skal afleveres rettidigt.Faget prøvesFaget/modulet prøves selvstændigtValgfaget kræver et projekt og en eksamen.
Projektet udvikles individuelt eller i grupper med op til 4 studerende og skal indeholde:
• Web frontend (Next.js)
• Mobil app (React Native)
• Backend (NestJS)
• Integration mellem systemernePrøveformKombineret skriftlig og mundtlig prøveMundtlig prøve på baggrund af eksamensprojektetIndividuel eller gruppeprøveIndividuel eller gruppeprøve, 1-4 deltagereAnvendt sprog til prøvenDansk (Norsk/Svensk)Varighed30 minutter pr. studerendeRegler om hjælpemidler til eksamenAlle hjælpemidler er tilladtBedømmelsesform7-trins skalaBedømmer(e)Intern censurKriterier for prøvevurderingDer gives én samlet karakter baseret på:
• Projektets kvalitet
• Teknisk forståelse
• Præsentation
• Refleksion over valg og løsning - Foreløbig litteratur
Dette er en foreløbig litteraturliste. Der udleveres en endelig litteraturliste i forbindelse med studiestart.Udvalgte online ressourcer og dokumentation, herunder:
• React / Next.js dokumentation
• React Native dokumentation
• NestJS dokumentation
• Artikler om moderne softwarearkitektur og AI i udvikling
https://docs.google.com/document/d/17mw72-QcAQr0tD0vTahbg8I0So9nd6SbpLFOHpc28EQ/edit?usp=sharing
På faget Full-stack Applikationsudvikling med AI og Moderne Frontends modtager du 80 timers undervisning, hvilket svarer til 106 lektioner (1 lektion = 45 min.) og 29% af din samlede arbejdsbelastning på faget.
Undervisningen vil primært bestå af følgende aktiviteter: klasseundervisning, projektarbejde.
Forberedelsen vil primært bestå af følgende aktiviteter: projektarbejde, informationssøgning, læsning af pensum, læsning af egne noter, gruppearbejde.
Læs om KEAs studieaktivitetsmodel
*KEA kan fravige det angivne timetal, hvis det er begrundet i særlige forhold.