Check your data 2 Tasks
1 Check your profile Preparation ca. 5 min
2 Check your attendee data Preparation ca. 1 min
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 18 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. 15 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 Refactor and structure project 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 Use a Signal ca. 10 min
18 Explain the Nutshell ca. 15 min
Angular Routing 6 Tasks
Slides PDF
1 Add basic routing ca. 15 min
2 Add BookDetail Route ca. 20 min
3 Use Lazy Loading for Book feature ca. 15 min
4 Build a canDeactivate Guard ca. 10 min
5 [optional] Build a guard with state ca. 10 min
6 [optional] Use router with automatic component input bindings ca. 5 min
Angular Forms 5 Tasks
Slides PDF
1 Add a BookNew Form and Route ca. 15 min
2 Add Form Validation ca. 10 min
3 Extend BookApiService ca. 15 min
4 [optional] Write a custom validator for the Author field ca. 15 min
5 [optional] Provide multiple author FormControls ca. 20 min
Jest Testing 8 Tasks
Slides PDF
1 Setup Preparation
2 Smoke on the water ca. 0 min
3 Check Subsets ca. 10 min
4 Define multiple cases for one test ca. 10 min
5 Take a snapshot ca. 10 min
6 Test a Promise
7 Mock a dependency
8 Moc(h|k)ito!
Angular Testing 10 Tasks
Slides PDF
1 Preparation for Testing Tasks Preparation ca. 0 min
2 Component Unit ca. 10 min
3 Component Template ca. 10 min
4 Component Mock Dependency ca. 10 min
5 Component Mock Component Dependency ca. 10 min
6 HTTP Mock Backend ca. 15 min
7 Material Component Harness (Forms) ca. 10 min
8 Component Test with Spectator ca. 10 min
9 Replace Harness Test with Spectator ca. 10 min
10 Http Test with Spectator ca. 10 min
Cypress 5 Tasks
Slides PDF
1 Setup your workspace ca. 5 min
2 Query DOM ca. 5 min
3 Page Interactions ca. 20 min
4 Simplify Test Clean Up ca. 10 min
5 Stub XHR ca. 20 min