In the Frontend elective, you will learn what it takes to create modern, playful, cool,
interactive web applications. JavaScript is the main ingredient in any web application
– it connects and manipulates HTML, CSS and other content in the browser, it
creates interactivity and enhances user experience.
You will learn more JavaScript than you already know – you will dive deeper into the
language itself, and learn how to develop clean, maintainable code to solve complex
problems. You will understand code-constructs you may already have used, and be
introduced to some of the newer (ES6 and later) features of the language.
You will also learn how JavaScript interfaces with the browser API, and how it can be
used to manipulate content and interface with the user. You will speak fluent DOM,
and look into some of the more specialized APIs, like Web Animations, Storage or
Notifications. Furthermore you will gain a deeper knowledge of the Developer Tools
(Inspector and friends), making you much more efficient at fixing bugs!
Additionally you will be introduced to some of the tools used by frontenders. Like git,
SASS/LESS, NPM/Yarn, Gulp/Grunt, minification, Webpack, polyfills, and so on.
You will finally learn what it means when tools tell you to write $ npm install –g
mytool.
When creating interactive front ends, user experience is the main focus, and you will
still use all your existing skills to create engaging web applications – this course gives
you the tools to build the cool project you’ve always dreamt of!

User interface development :
The subject area comprises the design and development of digital solutions with
special emphasis on the production of user interfaces. The focus is on all aspects of
the development process based on common development methods, including
planning, design and production of digital media tasks.
Knowledge:
- developing using a commonly used package manager for managing more complex applications
- a version control system for sharing of knowledge, specifically for collaborative work
- core technologies and methods for data persistance in web applications
Skills:
- solve complex problems in relation to the DOM / CSSOM using JavaScript
- use core web technologies to create complex interactive user-interfaces.
- use and understand existing design systems, and UI frameworks
- plan, document, and communicate user-interface implementations, using core methods and
standards.
Here you’ll learn:
To tackle advanced problems using JS, HTML, CSS and SVG. You’ll learn to
build optimized version of your solution making it faster, and more compatible
to older browsers.

User experiences:
The subject area comprises the design and development of digital experiences with a
focus on understanding the user, the user’s interaction with solutions as well as on
evaluating and testing solutions, including the use of data.
Knowledge:
- how to enhance affordance using animations and/or visual means
- creating user stories to document how the user interacts with the solution
Skills:
- automating Optimisation of websites for fast delivery, including optimizing content
- create engaging forms and interactions that provides relevant feedback to the user
Here you’ll learn:
To understand the users needs, to engage them and to test and analyze the
solutions you develop

Content production:
The subject area comprises content production for selected digital media. The focus
is on understanding digital media and relevant types of content as well as on the
dissemination and use of data.
Knowledge:
- aesthetic means and ethical considerations in frontend design
- dynamically created graphical elements
Skills:
- create Data Visualizations to present complex data
- plan and create content and prepare it for presentation and scripting
Here you’ll learn:
How to build various types of data visualization and which problems they solve.
We’ll work with dynamically created visualizations, as well as story driven, drawn
visualizations

Business:
The subject area comprises business models, data understanding, the basis of
existence of a business and the multimedia designer’s role in the value chain.
Knowledge:
- legal and ethical guidelines and how new technology changes expectations, values and
business practices.
- estimating resource requirements in planning a task
Skills:
- use methods and selected tools for digital marketing
Here you’ll learn:
You’ll get hand on experience in using the ECO model. Furthermore, you’ll be using
your business insights into a given problem area to adapt and improve the UI and UX
of existing solutions

Technology:
The subject area comprises understanding and exploration of technologies that form
part of digital media products and digital media production.
Knowledge:
- understand the current web technology landscape of tools and frameworks
- how to stay up to date with digital trends and technologies
Skills:
- identify and test the current state of available technologies, as well as up-and-coming features.
- experiment with new cutting-edge features/frameworks/tools, and plan for learning more.
Here you’ll learn:
To identify the requirements for a task, and weigh the pros and cons for choosing an
“of-the-shelves-solution” vs building one from scratch vs using a framework or library

- in teams, or individually, students can plan and develop complex user interfaces related to user
experience, content, business and technology
- identify, acquire and develop their own skills and knowledge in relation to a specified subject
area and communicate these to external stakeholders
- enter into development oriented and/or interdisciplinary work processes
- identify and apply relevant theories, methods, terminology and tools for implementing complex digital media productions