English

If sufficient demand

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

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

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

Understand the context in which modern web applications can be used

Lectures

Laboratory exercises

Project

Written assignments

Failed, pass

Basic programming skills, 15 hp

 

The reading material will be online articles and documentation.

EDA050F

2019-02-15

Professor Thomas Johansson