EDA050F

Aktiv

Webbprogrammering

Web Programming

7.5

Ren forskarutbildningskurs

7121 (Datavetenskap (LTH))

 -02-15

Professor Thomas Johansson

Engelska

Vid tillräcklig efterfrågan

Kursen ger kunskap om grundläggande tekniker bakom webbprogrammering. Kursen omfattar både kommunikation (http), programmeringsspråk (JavaScript) och exekveringsmiljö (DOM JavaScript runtime). Studenterna ska även få erfarenhet av en enkeltrådig asynkron exekveringsmiljö. Efter kursen ska studenterna kunna utveckla egna webbapplikationer. Fokus i kursen ligger på klientsidan.

The course gives basic knowledge on techniques and technologies for web programming. The course content include communication (http), programing language (JavaScript) and execution environment (DOM JavaScript runtime). Students will also get experience of single threaded asynchronous programming. After the course the students have enough knowledge and skills to develop their own web applications. This course focus on the client side.

HTML, CSS, DOM, JavaScript, asynkron programmering (future, promise, rsjx), kapplöpning och deadlock, datalagring i webb-applikationer (cookies, http-session, HTML5 local store, databas på serversidan), http-protokollet, XMLHttpRequest, datarepresentation (character encoding, base64, json), restful-api, introduktion till aktuella ramverk för webb-utveckling (t.ex. bootstrap, react och angular), introduktion till utökningar av språken och transpilers, t.ex. scss och typescript, bakåtkompatibilitet med polyfill.

HTML, CSS, DOM, JavaScript (prototype based object orientation, functional scope), asynchronous programming (future, promise, rsjx), race conditions and deadlock, storing data in web applications (cookies, http-session, HTML5 local store, server side databases), http-protocol, XMLHttpRequest, data representation (character encoding, base64, json), restful-api, introduction to current frameworks for web application development (i.e. bootstrap, react and angular), introduction to language extensions and transpilers, i.e. scss and typescript, backwards compatibility and polyfill.

ha kunskap om protokoll som är relevanta för webb-applikationer, t.ex. http
ha ingående kunskap om programmeringsspråket JavaScript, bl.a. prototypbaserat objektorientering och funktion scope
ha en förståelse för en webbsidas uppbyggnad, hur den representeras i webbläsare, samt hur JavaScript exekveras och interagerar med DOMen (webbläsaren som exekveringsplattform).
ha förståelse för möjligheter och begränsningar med enkeltrådiga asynkrona exekveringsmiljöer
ha kunskap om tekniker för lagring av data i webb-applikationer (t.ex. cookies, http-session, HTML5 local store och databas på serversidan)
kunna problematisera kring komponenters tillstånd vid asynkrona händelser och navigering i webbläsaren (t.ex. stöd för direktlänkar, navigering bakåt i webbläsarens historik) samt känna till tekniker för att hantera problemen, t.ex. redux.
ha förståelse för principerna i restful-api

have knowledge on protocols relevant to web applications, e.g. http
have thorough knowledge of the programming language JavaScript, i.e. prototype based inheritance and functional scope
have an understanding of a webpage's structure, how it is represented in browsers, and how JavaScript is executed and interacting with the DOM (browser as execution platform).
have an understanding of the possibilities and limitations of single threaded asynchronous runtime systems
have knowledge of data storing techniques in a web applications (such as cookies, http session, HTML5 local store, and server-side database)
be able to problematize about component state in presence of asynchronous events and browser navigation (e.g. direct links, stepping backwards in the browser history), and know techniques to handle these problems, such as redux.
have an understanding of the principles of restful-api

kunna utnyttja asynkrona programmeringstekniker för att skapa användarvänliga/responsiva webbapplikationer
kunna utveckla enkla webb-applikationer med hjälp av komponentbaserade ramverk så som react och Angular
kunna använda ramverk för layout, t.ex. bootstrap och material design, för att skapa ett modernt och enhetligt utseende på webbapplikationer

be able to utilize asynchronous programming techniques to create user-friendly / responsive web applications
be able to develop simple web applications using component-based frameworks such as react and Angular
be able to use framework for layout, e.g. bootstrap and material design, to create a modern and uniform look on web applications

Ha förståelse för i vilka sammanhang moderna webbapplikationer kan används.

Understand the context in which modern web applications can be used

Föreläsningar

Laborationer

Projekt

Inlämningsuppgifter

Underkänd, godkänd

Grundläggande programmering motsvarande 15 hp

Basic programming skills, 15 hp

 

Kurslitteraturen består av artiklar och dokumentation på webben.

The reading material will be online articles and documentation.

EDA050F

 -02-15

Professor Thomas Johansson