Tasks

Angular Workshop Introduction 2 Tasks
Slides PDF
1 Install Chrome, Node, IDE
ca. 30 min
Preparation
2 Introduction of participants
ca. 15 min
Remote Workshop Introduction 3 Tasks
1 Install current version of Zoom
ca. 10 min
Preparation
2 Prepare your Headset / Headphones
ca. 10 min
Preparation
3 Ensure you have a stable internet connection
ca. 10 min
Preparation
Angular A11y 8 Tasks
Slides PDF
1 Preparation for a11y tasks
ca. 5 min
Preparation
2 Check your page for color-blindness
ca. 5 min
3 Make your app accessible by keyboard
ca. 5 min
4 Use VoiceOver and fix missing html attributes
ca. 10 min
5 Run Codelyzer on your project
ca. 10 min
6 Run a lighthouse cli check
ca. 10 min
7 Write an axe unit test
ca. 20 min
8 Create and run an axe integration test
ca. 20 min
TypeScript for Angular 1 Tasks
Slides PDF
1 Test your knowledge
ca. 10 min
Angular Basics 14 Tasks
Slides PDF
1 Explain the Nutshell
ca. 15 min
2 Create a new project
ca. 10 min
3 Generate two Submodules
ca. 15 min
4 Generate a Navigation Component
ca. 15 min
5 Create an Info-Box
ca. 15 min
6 Output mouse cursor position
ca. 15 min
7 Create a title @Input
ca. 15 min
8 Add a (titleClicked) @Output
ca. 10 min
9 Use *ngFor
ca. 10 min
10 Create a BookData service
ca. 15 min
11 Create an Observable
ca. 10 min
12 Load data from local API
ca. 10 min
13 Component LifeCycle Basic
ca. 10 min
14 Use the async pipe
ca. 10 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
HTML & CSS Basics 15 Tasks
Slides PDF
1 Get familiar with codesandbox
ca. 5 min
2 Basic Structure
ca. 10 min
3 Food Blog Content
ca. 8 min
4 Basic Selectors
ca. 10 min
5 Combinators and Pseudo-classes
ca. 10 min
6 Pseudo-Elements
ca. 5 min
7 Cascade, Inheritance and Normalize
ca. 5 min
8 How will it look like? 🧐
ca. 10 min
9 BEM
ca. 10 min
10 Position
ca. 10 min
11 Flexbox
ca. 15 min
12 Length Units
ca. 10 min
13 Media Queries
ca. 10 min
14 Transform and Transitions
ca. 15 min
15 Custom Properties
ca. 10 min