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 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.
The learning outcomes of the exam are identical with the learning outcomes of the subject(s)/modul(es)Exam in one or more subjectsSubject/module is tested standaloneType of examCombined written and oral examinationFormal requirementsA 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
• 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 examIndividual or group, 1-4 max participantsExam languagesEnglishDurationPresentation - max 10 min.
Examination- min. 15 min.
Grading - 5 mi.n
Total - 30 min.Type of evaluation7-point grading scaleExaminersExternal censureExam criteriaThe 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 submissionThe 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.
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