Angular Workshop Introduction 2 Tasks
Slides PDF
1 Install Chrome, Node, IDE
ca. 30 min
Preparation
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
ca. 20 min
Preparation
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. 5 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. 5 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 BookData Service
ca. 15 min
Angular Subjects 3 Tasks
Slides PDF
1 Create a HeaderService with a Subject
2 Change Header title on BookListItem-Click
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
7 ActionReducerMap<T>
ca. 5 min
8 Effects I
9 Effects II
ca. 15 min
10 Effects III
11 Router Store
ca. 15 min
12 Entity
13 Test | Mock Selector
ca. 10 min
14 Test | Action - Effect - Reducer - Selector
ca. 15 min
15 Test | Reducer
ca. 10 min