Angular Workshop Introduction 2 Tasks
Slides PDF
1 Install Chrome, Node, IDE Preparation ca. 30 min
2 Introduction of participants ca. 15 min
TypeScript for Angular 1 Tasks
Slides PDF
1 Test your knowledge ca. 10 min
Angular & TypeScript Intensiv-Schulung 17 Tasks
Slides PDF
1 Create a new Angular project Preparation ca. 20 min
2 Meet the AppComponent ca. 5 min
3 Your 1st Component ca. 10 min
4 Apply a property binding ca. 5 min
5 Apply an Input Binding ca. 5 min
6 Make an Input-Binding typesafe ca. 10 min
7 Apply an Event-Binding ca. 5 min
8 Apply an Output-Binding ca. 5 min
9 Use Structural Directives ca. 5 min
10 Filter books ca. 20 min
11 Create a BookModule ca. 10 min
12 Create a BookApi-Service ca. 8 min
13 Create an Observable ca. 10 min
14 Load data from local API ca. 10 min
15 Component LifeCycle Basics ca. 10 min
16 Use the async pipe ca. 10 min
17 Explain the Nutshell ca. 15 min
Angular Routing 4 Tasks
Slides PDF
1 Add basic routing ca. 15 min
2 Add BookDetail Route ca. 15 min
3 Use Lazy Loading for BookModule ca. 15 min
4 Build a canDeactivate Guard ca. 10 min
Angular Forms 4 Tasks
Slides PDF
1 Create a BookEdit Component ca. 15 min
2 Extend the BookEdit Component ca. 15 min
3 Add a BookNew Form and Route ca. 15 min
4 Extend BookAiService ca. 15 min
Angular Subjects 3 Tasks
Slides PDF
1 Create a HeaderService with a Subject
2 Change Header title on Navigation to a new Component
3 Use takeUntil()-Pattern
Angular State Management (NgRx) 15 Tasks
Slides PDF
1 Setup ca. 5 min
2 Dispatch an Action ca. 10 min
3 Reducer ca. 10 min
4 Store Select ca. 5 min
5 Selector ca. 5 min
6 Selectors with Parameters ca. 10 min
7 ActionReducerMap<T> ca. 5 min
8 Effects I ca. 10 min
9 Effects II ca. 15 min
10 Effects III ca. 10 min
11 Router Store ca. 15 min
12 Entity ca. 10 min
13 Test | Mock Selector ca. 10 min
14 Test | Action - Effect - Reducer - Selector ca. 15 min
15 Test | Reducer ca. 10 min