- Content and learning outcomes
Learn to build single-page web applications with Angular. Link: https://angular.ioKnowledge
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, http://cli.angular.io
● Using package manager, npm.
● Using the CSS pre-processor, SCSS
● Using a relevant UI framework
● 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.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
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.
The learning outcomes of the exam are identical with the learning outcomes of the subject(s)/modul(es)Prerequisites for access to the examinationThere 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 subjectsSubject/module is tested standaloneType of examOral examinationIndividual exam or group examIndividualExam languagesEnglishDurationThe student must give a 5-minute presentation, followed by a 25-minute examination of the student, including grading.Type of evaluation7-point grading scaleExaminersInternal censureExam criteriaOne aggregate grade is awarded based on an overall assessment of the presentation and the
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: 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