Copenhagen School of Design and Technology

da

Angular (EN)

2020/2021
Danish title
Angular (EN)
Study programme
Computer Science
Type of education
Full time education
Level of education
Academy Profession
Semester
4. semester
Duration of the subject/module
16 weeks
Ects
10
Programme elements
Elective
Language
English
Start time
Spring
Autumn
Location
Lygten 37, København NV
Subject number
3050452
Responsible for the subject(s)/modul(es)
Christian Ole Kirschberg ‏
Constantin Alexandru Gheorghiasa ‏
  • Purpose

    Learn to build single-page web applications with Angular. Link: https://angular.io
    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.

    Knowledge
    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, http://cli.angular.io
    ● 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.

    Knowledge

    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.

    Skills

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

    Competences

    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)

    Prerequisites for access to the examination
    There is one mandatory activity per 5 ECTS. A 10-ECTS module thus contains two mandatory
    activities, while a 5-ECTS module contains one mandatory activity. This is described in the relevant
    semester/class room on Fronter. Documentation of mandatory activities must be submitted
    via Fronter.
    Exam in one or more subjects
    Subject/module is tested standalone
    Type of exam
    Oral examination
    Individual exam or group exam
    Individual
    Exam languages
    English
    Duration
    The student must give a 5-minute presentation, followed by a 25-minute examination of the student, including grading.
    Type of evaluation
    7-point grading scale
    Examiners
    Internal censure
    Exam criteria
    One aggregate grade is awarded based on an overall assessment of the presentation and the
    following examination.
48
hours of teaching
226
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 48 hours of instruction, which corresponds to 64 lessons (1 lesson = 45 min.) and 18% of your total workload for the subject.

The teaching primarily consists of the following activities: classroom teaching.
The preparation primarily consists of the following activities: reading the curriculum, exercises.

Read about KEAs Study Activity Model

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