Informationsteknik – Frontend

Course code I161302
ECTS Credits 4
Goals

Den studerande ska efter avslutad kurs självständigt kunna konstruera och skriva kod för en fungerande dynamisk webbapplikation.

Contents

– Vad är frontend? Begreppet ”frontend” analyseras.
– HTML för att bygga ett gränssnitt och beskriva dess innehåll.
– CSS för att skapa och anpassa utseendet av ett gränssnitt och dess innehåll för olika tillämpningar/enheter.
– Javascript för att utöka funktionaliteten hos ett interaktivt gränssnitt och dess innehåll. Vad är ES2015, ES6 och vad används transpilers och bundlers till.
– Protokoll och webbläsare, begreppen HTTP/HTTPS/HTTP2, samt hur optimera nedladdning och rendering av en webbapplikation.
– API inom frontend utveckling samt användningen av Javascripts för att skicka och ta emot data från API.
– Ramverk och komponenter. Javascript ramverk såsom Vue, React, Angular m.fl. Komponenter och varför de flesta ramverk förespråkar ett komponentbaserat arbetssätt.

Attendance

Obligatorisk närvaro vid laborationer samt vid genomgång av inlämningsuppgifter.
Compulsory attendance at laboratory work as well as examination of assignments

Grading scale name

VG, G (för betygssättning)

Vocational education and training

Informationsteknik

Degree program

Utbildningsprogrammet för informationsteknik

Descriptive assessment

Presentation av webbapplikation som uppfyller specifikationerna samt godkända inlämningsuppgifter.
Presentation of web application that meets the specifications and approved submission assignments.

Material

Andrew, R. (2017). The new CSS layout. New York: A Book Apart.
https://abookapart.com/products/the-new-css-layout

Keith, J. & Andrew, R. (2015). HTML5 for web designers. New York: A Book Apart.
https://abookapart.com/products/html5-for-web-designers

Marquis, M. & Hogan, L. (2016). Javascript for Web designers. New York: A Book Apart.
https://abookapart.com/products/javascript-for-web-designers

Ovanstående samt ytterligare valfri kurslitteratur ingår i följande bok/ebook-paket:
The above and additional optional course literature are included in the following book / ebook package:
https://abookapart.com/collections/front-end-fundamentals

Prerequisite

Objektorienterad programmering och design 1
Object Oriented Programming and Design 1

Documentation

Processen att självständigt bygga en webbapplikation utgör grunden för bedömningen.
Godkänt vitsord noteras i studiekortd (vid validering används vitsordet Godkänd).
The process of independently building a web application forms the basis for the assessment.
Passed marks are noted in student cards.

Teaching methods

Föreläsningar, laborationer och inlämningsuppgifter.
Lectures and assignments.

Utskriven 09 maj 2025 kl 16:18