Home

Table of Contents Welcome to the Angular and TypeScript Web Application Development wiki! Course Program Course Projects Course Presentations Presentations Older versions of Course Program and Materials

Welcome to the Angular and TypeScript Web Application Development wiki!

Course Program

Detailed Angular + TypeScript Course Program in PDF

Course Projects

1. Project Evaluation Criteria as .DOCX document in Google Docs (read only)
2. Project Summary - example template - necessary to be discussed face-to-face with instructor during classes - not later than 25.03.2019
3. Spreadsheet for proposing course project using pseudonym

IMPORTANT: All course participants should prepare project proposal, structured according to provided template, and discuss it with the instructor not later then 25 March 2019. The approved project proposal should be added docs folder of the project repository (GitHub, Bitbucket, etc.), and the link to repository should be added in the following Google Docs table: Spreadsheet for proposing course project using pseudonym

Course Presentations

1. Introduction to TypeScript. - 3h
2. Introduction: Concepts of Angular, App Archutecture. Build-in directives and pipes. - 3h
3. Reactive Extensions for JS (RxJS). - 3h
4. Webpack. Angular CLI. AOT. TODO App with Angular CLI. - 3h
5. Services. Dependency Injection. - 2h
6. Forms and Simple Validations. - 2h
7. Reactive Forms. Custom Validations and multi-providers. - 2h
8. Routing and Navigation. Animations. - 3h
9. Routing and Navigation 2 (data, resolves, guards, lazy loading). - 3h
10. Custom Pipes. Custom Directives. Renderer2. - 2h
11. Zones. Change Detection. - 3h
12. Redux Architecture. Predictable Reactive State Management - NGRX/store. Reselect-style computing of derived data with RxJS. - 3h
13. Predictable Reactive State Management 2 - NGRX/effects. NGRX Router integration. - 3h
14. Working with websockets. Custom Reactive Web Socket Implementation with RxJS. - 2h
15. Angular i18n. Recap. Q&A. - 3h

Total Duration: 40 hours

Presentations

1. Presentations 1: Introduction to TypeScript
2. 2: Introduction to Single Page Applications (SPA) Development Using Angular and TypeScript
3. Presentation 3: Angular Components – Displaying Data, Handling User Input, Forms and Validation. Services and DI
4. Presentation 4: Angular HTTP Clients & RxJS
5. Presentation 5: Routing and Navigation in Angular Single Page Apps
6. Presentation 6: Advanced Components: Custom Pipes, Custom Directives, Renderer2, Zones, Change Detection, Testing, NGRX
7. Presentation 7: Reactive Extensions for Angular - NGRX

Older versions of Course Program and Materials

1. Online Knowledge Testing System (OKTS) - Project Summary + REST API Description