Introduction to Front-End Programming, 7.5 credits

Main field of study with advanced study

The course Prototyping 7,5 hp. Exemption of the requirement in Swedish is granted. English 6.

The course is included in Digital Design and Innovation 180 credits. The course is also given as a single subject course.

The objective of the course is that the student should develop skills and knowledge about front-end programming for the development of graphical, interactive interfaces on the web for desktop and mobile. Furthermore, the student should develop basic skills in using programming tools. The student should work practically with different development tools that build on open standards. After the course, the student should be able to create basic user interfaces that can be run in a web browser, as well as understand the basics of how Application Programming Interface (APIs) and relational databases can be used for front-end.

Following successful completion of the course the student should be able to:

Knowledge and understanding

• describe basic terminology within front-end programming
• describe on a basic level how a relational database and APIs can be used for front-end

Skills and ability

• develop a basic user interface using open, standardized, modern development languages (HTML, CSS and JavaScript)
• create and make basic requests to APIs and databases with the purpose of creating interactivity
• construct and document basic front-end solutions using established standards

Judgement and approach

• on a basic level value and reflect on what design documentation is relevant for a design handover

The course introduces basic programming languages for front-end development (HTML, CSS and JavaScript). Further, the basics of how a relational database is used to create an interactive front-end are introduced. How APIs can be used to communicate with data sources is introduced. The course also deals with standards for how code should be written and documented, as well as the design documentation that is relevant as a deliverable for development.

The teaching consists of lectures, workshops, supervised exercises and self-studies online. Teaching is in english.

The examination consists of an individual front-end project, individual exercises, and a design handover that is performed in groups. For a passing grade (G) on the course, all examination has to receive a G. For a pass with distinction (VG), the project needs to receive a VG.

If there are special reasons, the examiner may make exceptions from the specified examination format and allow a student to be examined in another way. Special reasons can e.g. be study support for students with disabilities.

Course evaluation is part of the course. This evaluation offers guidance in the future development and planning of the course. Course evaluation is documented and made available to the students.