Webudvikling 1 (TS-)

Code

TS-WEB1

Version

1.0

Offered by

Software Ingeniør

ECTS

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:

- Beskrive de grundlæggende principper for webinfrastruktur.
- 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

Udvalgt materiale fra online ressourcer.

Evaluation

Examination

Eksamensforudsætning:
Ingen

Eksamensform:
Individuel mundtlig eksamen, 20 minutter, uden forberedelse.
De 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:
Ikke relevant

Reeksamen:
Samme som den ordinære eksamen.

Grading criteria

Karakter efter 7-trins skalaen.

Additional information

Responsible

Kasper Knop Rasmussen (kasr)

Valid from

01-08-2025 00:00

Course type

Keywords

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