Datateknik GR (A), Introduktion till webbutveckling med HTML, CSS och JavaScript, 15 hp
Observera att kurslitteraturen kan ändras/revideras fram till:
• 1 juni för en kurs som startar på höstterminen
• 15 november för en kurs som startar på vårterminen
• 1 april för en kurs som startar på sommaren
Skriv ut eller spara kursplanen som PDF
Du kan enkelt skriva ut en kursplan direkt från webbsidan. Använd kortkommandot ctrl+p (Windows) eller command+p (Mac). I nästa steg väljer du om du vill skriva ut eller spara kursplanen som PDF.
För en nedlagd kurs kan eventuell information om avvecklingsperiod hittas under rubriken "Övergångsregel" i senaste versionen av kursplanen.
Kursplan för:
Datateknik GR (A), Introduktion till webbutveckling med HTML, CSS och JavaScript, 15 hp
Computer Engineering BA (A), Introduction to Web Development with HTML, CSS and JavaScript, 15 credits
Allmänna data om kursen
- Kurskod:DT224G
- Ämne huvudområde:Datateknik
- Nivå:Grundnivå
- Progression:(A)
- Högskolepoäng:15
- Fördjupning vs. Examen:G1N - Grundnivå, har endast gymnasiala förkunskapskrav
- Utbildningsområde:Tekniska området 100%
- Ansvarig institution:DET, Data- och elektroteknik
- Fastställd:2026-03-06
- Giltig fr.o.m:2026-08-31
Syfte
Kursens övergripande mål är att studenten efter genomförd utbildning ska kunna utveckla interaktiva webbapplikationer med hjälp av HTML, CSS och JavaScript. Detta innefattar förståelse för webbens struktur och kommunikation mellan webbläsare och webbserver, samt förmåga att skapa användbara webbplatser som följer W3C:s standarder och utvecklingsprinciper.
Lärandemål
Efter avslutad kurs ska studenten kunna:
- Redogöra för hur webben fungerar som utvecklingsplattform, inklusive grundläggande system- och webbutvecklingskoncept och klient-server-kommunikation
- Strukturera webbsidor med semantisk HTML och validera HTML-dokument enligt W3C-standarder
- Designa och implementera användargränssnitt med CSS, inklusive layout med Flexbox och CSS Grid
- Översätta givna enkla algoritmer till programspråk
- Felsöka program genom att tillämpa principer och tekniker för felsökning
- Programmera interaktiva funktioner med JavaScript inklusive DOM-manipulation, event-hantering och asynkron programmering
- Hämta och visa data från externa källor genom att konsumera RESTful webbtjänster
- Använda utvecklingsverktyg och versionshanteringssystem för webbutveckling
- Publicera webbplatser på olika plattformar, inklusive Git-baserade lösningar och direkt publicering till server med FTP-verktyg
- Skapa wireframes, mockups och prototyper med designverktyg
- Förklara grundläggande juridiska aspekter kring webbutveckling, upphovsrättsfrågor och datasäkerhet
- Redogöra och tillämpa grundläggande principer för tillgänglighet på webbsidor
- Kommunicera och motivera tekniska lösningar samt presentera utvecklingsprojekt
Innehåll
Kursen kommer att behandla:
- Grundläggande webbpublicering och olika plattformar för att publicera webbplatser
- Semantisk HTML-strukturering med element, formulär, tabeller och olika typer av media
- CSS för design och layout inklusive Flexbox och CSS Grid
- Olika typer av navigeringslösningar på en webbplats
- JavaScript-programmering med variabler, datatyper, kontrollstrukturer och funktioner
- DOM-manipulation, event-hantering och asynkron programmering
- Konsumtion av REST-webbtjänster för att hämta data och integrera externa datakällor
- Versionshantering med Git och GitHub för kodhantering och samarbete
- Utvecklingsverktyg inklusive debugging, browser developer tools och automatiserad publicering via Git-baserade plattformar
- Webbstandarder och validering av HTML- och CSS-kod.
- Tillämpning av grundläggande principer för tillgänglighet på webbsidor
- Designverktyg för skapande av wireframes, mockups och prototyper
- Grundläggande juridiska aspekter kring webbpublicering, upphovsrättsfrågor och dataskydd
Behörighet
Grundläggande behörighet.
Urvalsregler
Urval sker i enlighet med Högskoleförordningen och den lokala antagningsordningen.
Undervisning
Undervisningen, som ges i form av heltidsstudier, består av föreläsningar, lektioner, övningar, projekt, laborationer och seminarier. Seminarier, laborationer och projektarbeten är obligatoriska. En betydande del av den kurslitteratur som ingår i utbildningen är skriven på engelska.
Examination
L101: Laboration 1, 2 hp
Betygsskala: Tvågradig skala
L201: Laboration 2, 1 hp
Betygsskala: Tvågradig skala
L301: Laboration 3, 2 hp
Betygsskala: Tvågradig skala
L401: Laboration 4, 2 hp
Betygsskala: Tvågradig skala
L501: Laboration 5, 2 hp
Betygsskala: Tvågradig skala
L601: Laboration 6, 2 hp
Betygsskala: Tvågradig skala
P101: Projekt med muntlig och skriftlig redovisning, 3 hp
Betygsskala: Sju-gradig skala, A-F o Fx
T102: Skriftlig tentamen på distans, 1 hp
Betygsskala: Sju-gradig skala, A-F o Fx
Länk till betygskriterier: https://www.miun.se/betygskriterier.
All examination kan kompletteras med en muntlig dialog. Detta för att säkerställa individuell måluppfyllelse genom att studenten kan förklara sina svar.
Om en student har ett besked från samordnaren vid Mittuniversitetet om pedagogiskt stöd vid funktionsnedsättning, har examinatorn rätt att ge anpassad examination för studenten.
Begränsning av examination
Studenter registrerade på denna version av kursplan har rätt att examineras 3 gånger inom loppet av 1 år enligt angivna examinationsformer. Därefter gäller examinationsform enligt senast gällande version av kursplan.
Betygsskala
Sju-gradig skala, A-F o Fx
Övrig information
Denna kurs kan inte ingå i samma examen som någon av kurserna med kod DT057G eller DT084G.
Litteratur
Obligatorisk litteratur
Författare: Ben Frain
Titel: Responsive Web Design with HTML5 and CSS
Upplaga: 4:e eller senare
ISBN: 9781803242712
Kommentar: Kompendier och övrigt material som tillhandahålls i elektronisk form av institutionen.