Copenhagen School of Design and Technology


Angular (EN)

Danish title
Angular (EN)
Study programme
Web Development
Type of education
Full time education
Level of education
Bachelor (top-up)
6. semester
Duration of the subject/module
16 weeks
Programme elements
Start time
Lygten 37, København NV
Subject number
Responsible for the subject(s)/modul(es)
Christian Ole Kirschberg
Constantin Alexandru Gheorghiasa
  • Purpose

    Learn to build single-page web applications with Angular. Link:
    This elective aims to qualify students to develop single-page applications using popular front-end developer tools. The course takes a hands-on approach to develop the front-end of a web application including the application’s behaviour, implemented with Angular.
    Angular is a framework that makes it easier to build single-page web applications and uses two-way data binding to automatically synchronise the HTML page (view) with the viewmodel.

    The course goes into details about how to contact a web service to load and save data, but is not about building the backend api or the database behind it.

    In some companies there is a separation of responsibilities among developers, where designers, front-end developers and back-end developers work together to create single-page web applications. The designers, create the visual expression and design the user interface, the front-end developer works with designers to design and implement the user interface and a big part of the behaviour in the application with a framework like Angular; a part that has traditionally been implemented on the server by a back-end developer. In a setup like this, the back-end developer creates the database design, implements business rules and creates a web service (API) for the front-end developer to communicate with, to load and save data.
    We will use Visual Studio Code which is a cross-platform editor.

    The goal is that the student gains knowledge of:
    ● Building single-page applications with Angular using eg. client side routing, components, services etc.
    ● Using the pattern Redux
    ● Building a user interface with HTML, SCSS and Angular using two-way databinding.
    ● Using the CLI for Angular,
    ● Using package manager, npm.
    ● Using the CSS pre-processor, SCSS
    ● Using a relevant UI framework
    ● Using javascript libraries, eg. Underscore or lodash.
    ● Using a version control system, Git.
    ● Using JSON for data transfer.


    The objective is to enable the students to build the front-end part , including its behaviour, of a single-page web application and also to qualify students for jobs within front-end web development.


    The goal is that the student is able to use the tools listed above to develop single-page web applications.


    The goal is that the student is able to use the listed tools and analyse and select a suitable tool for a given task within a web development context.

  • Type of instruction and practical application of learning objectives
    The teaching method is a mix of lectures, exercises and project work. Each lecture will consist of a part with new theory and a part in which the teacher applies the new theory in a practical solution by doing ”live” coding on a sample project. After that, the students will work with an exercise or they will apply the new theory directly to their exam project while the teacher helps the students in a workshop style setting.

    The teacher will use the same sample project throughout the course and apply the new theory to the project during the lectures.
  • Exam

    The learning outcomes of the exam are identical with the learning outcomes of the subject(s)/modul(es)

    Exam in one or more subjects
    Subject/module is tested standalone
    Type of exam
    Combined written and oral examination
    Formal requirements
    A project report and a product must be submitted.
    The project report, which constitutes the written part of the examination, must contain as a
    • Front page with title, given name and date of birth, class designation and date
    • Table of contents with page numbers
    • Introduction, incl. problem formulation
    • Main section
    • Conclusion
    • Bibliography (incl. all sources that the project references to)
    • Appendix (includes just the appendix that is central to the report)
    • All pages must be numbered

    The written project must contain anywhere between a minimum of 10 normal pages and a
    maximum of 30 normal pages.
    1 student - min. 10 - max. 15 pages
    2 students - min. 15 - max. 20 pages
    3 students - min. 20 - max. 25 pages
    4 students - min. 20 - max. 30 pages
    Front page, table of contents, bibliography and appendix are not included in the required total number of pages. Appendixes are not part of the assessment.
    A normal page is 2,400 characters incl. spaces and footnotes. Front page, table of contents,
    bibliography and appendix are not included in the count. Appendixes are not part of the
    Every single figure or diagram counts as 800 characters.
    Individual exam or group exam
    Individual or group, 1-4 max participants
    Exam languages
    Presentation - max 10 min.
    Examination- min. 15 min.
    Grading - 5 mi.n
    Total - 30 min.
    Type of evaluation
    7-point grading scale
    External censure
    Exam criteria
    The assessment criterion for the examination is the learning objectives for the compulsory course of study element.
    The learning objectives are stated in the joint curriculum.
    Deadline for submission
    The examination takes place at the end of each module. Further details about time and location and about submission of the project are available on the student intranet, Fronter.
hours of teaching
hours of preparation
The figure shows the extent of workload related to the subject divided into different study activities.

In the subject Angular (EN) you will receive 68 hours of instruction, which corresponds to 90 lessons (1 lesson = 45 min.) and 25% of your total workload for the subject.

The teaching primarily consists of the following activities: internal lecturers, group work.
The preparation primarily consists of the following activities: reading your own notes, reading the curriculum, group work.

Read about KEAs Study Activity Model

*KEA can deviate from the number of hours if this is justified by special circumstances