Informationsteknik – Frontend

Den studerande ska efter avslutad kurs självständigt kunna konstruera och skriva kod för en fungerande dynamisk webbapplikation.
After completion of the course, the student should be able to independently design and write code for a functioning dynamic web application.

– 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.

– What’s frontend? The term ”frontend” is analyzed.
– HTML to build an interface and describe its contents.
– CSS to create and customize the appearance of an interface and its content for different applications / devices.
– Javascript to extend the functionality of an interactive interface and its contents. What is ES2015, ES6 and what are transpilers and bundlers used for.
– Protocols and browsers, the terms HTTP / HTTPS / HTTP2, and how to optimize download and rendering of a web application.
– API in frontend development as well as the use of Javascripts to send and receive data from the API.
– Framework and components. Javascript framework such as Vue, React, Angular et al. Components and why most frameworks advocate a component-based approach.

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

VG, G (för betygssättning)

Informationsteknik

Utbildningsprogrammet för informationsteknik

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

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

Objektorienterad programmering och design 1
Object Oriented Programming and Design 1

Processen att självständigt bygga en webbapplikation utgör grunden för bedömningen.
Godkänt vitsord noteras i studiekort. Betygsskala: Godkänd/Underkänd (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. Grading scale: Passed / Fail.

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