Print

Webudvikling

Code

SW-WEB1

Version

4.0

Offered by

Software Ingeniør

ECTS

5

Prerequisites

Generelle adgangskrav

Main purpose

Dette kursus er en introduktion til frontend webudvikling og grundlæggende webstandarder. De studerende opnår færdigheder i HTML, CSS og JavaScript og udvikler de kompetencer, der er nødvendige for at skabe responsive, brugervenlige, interaktive og dynamiske websites.

Knowledge

Efter at have gennemført kurset vil de studerende være i stand til at:

  • Forstå rollerne for HTML, CSS og JavaScript i webudvikling.
  • Identificere grundlæggende HTML-elementer og attributter.
  • Forklare principperne bag semantisk HTML og dets betydning for struktureringen af webindhold.
  • Beskrive begreber og teknikker i CSS til styling af en webside, herunder syntaks, selectors, cascade algoritmen, specificitet, nedarvning, box-modellen og forskellige stylingmetoder.
  • Forklare DOM'en, hvordan den kan bruges til at tilgå og ændre elementer på en website, samt hvordan den kan anvendes sammen med andre Web API’er for at gøre en side mere interaktiv.
  • Forklare strukturen og anvendelsen af JSON.
  • Opsummere metoder til test af en websites brugervenlighed.
  • Reflektere over brugerens rolle i webudvikling.

Skills

Efter kursets afslutning vil de studerende have opnået færdigheder til at:
  • Strukturere en webside med grundlæggende HTML-elementer og attributter.
  • Skabe et responsivt layout ved hjælp af flow, flexbox, grid og media queries.
  • Opsætte og organisere et udviklingsmiljø og anvende browserens udviklerværktøjer.
  • Hoste websites som statiske filer.
  • Skrive JavaScript-kode med brug af variabler, funktioner, betingelser, løkker, objekter og Web APIs for at skabe interaktive websites.
  • Gemme data på klientsiden ved hjælp af Web Storage API’en.
  • Validere og håndtere HTML-forms.
  • Benytte Fetch API til at kommunikere med en server.
  • Vurdere og forbedre tilgængeligheden af en website.
  • Anvende etablerede UI-designmønstre og heuristikker for at forbedre brugeroplevelsen.

Competences

Efter at have gennemført dette kursus vil de studerende have opnået kompetencer til at:

  • ​Skabe responsive, brugervenlige, interaktive og dynamiske websites.
  • Etablere et solidt fundament i centrale webstandarder som forberedelse til udvikling af webapplikationer med moderne frameworks og værktøjer.
  • Samarbejde med UI/UX-designere om at omsætte design-handoffs til funktionelle websites.
  • Samarbejde med backend-udviklere om at skabe dynamiske websites med klient/server-kommunikation.

Topics

Teaching methods and study activities

12 sessioner (48 lektioner). Disse lektioner består af præsentationer, diskussion af teori og øvelser. Den samlede arbejdsbyrde for den studerende forventes at være omkring 140 timer.

Der er i alt tre mindre projekter i løbet af semesteret.

Resources

Udvælg materiale fra online ressourcer.​​

Evaluation

Examination

​Eksamensforudsætning: 

1. Fremmødekrav (≥ 75%) 

Hvis eksamensforudsætning ikke er opfyldt, skal den studerende gennemføre en skriftlig opgave i WISEflow for at blive indstillet til reeksamen. 
Denne opgave planlægges efter den ordinære eksamen. 

Eksamensform:
Individuel mundtlig eksamen, 20 minutter, uden forberedelse. 
Den studerende trækker fra en pulje af kendte spørgsmål og forventes at referere til relevante kursusprojekter som en del af deres svar. Dette indebærer at demonstrere og potentielt skrive eller ændre kildekode under eksamen.
Den endelige karakter er baseret på en samlet vurdering af de præsenterede projekter og den mundtlige eksamen.
Intern bedømmelse

Tilladte hjælpemidler:
Alle

​Reeksamen:
Som den ordinære eksamen.​

Grading criteria

Karakter efter 7-trins skalaen.

Additional information


​

Responsible

Line Lindhardt Egsgaard (lile)

Valid from

01-08-2025 00:00

Course type

5. semester<br/>Compulsory for the specialization Software<br/>

Keywords

Webudvikling, frontend, webinfrastruktur, HTML, CSS, JavaScript, responsive layouts, webdesign, brugervenlighed, web-APIs.