Mastering Angular
So, you dipped your toes into the waters of Angular? Time to get your boots wet! This training will take you from being an average Angular developer to a great one. You’ll gain more insight in the workings of Angular and you’ll explore more advanced programming techniques like RxJS and working with Redux. Advanced Forms will hold no secrets and you will acquire the assets to make your Angular application production ready. This course is constantly being updated to the latest version of Angular, currently Angular 6.
AUDIENCE
This course targets professional web developers that really want to master Angular. Participants of this course need to have a decent understanding of Angular and TypeScript.
AT COURSE COMPLETION
- Work effectively with Reactive Extensions.
- Improve performance of an Angular application.
- Use ngrx to apply the redux pattern to an Angular application.
- Simplify architecture with smart and dumb components.
- Creating an efficient structure for large applications.
- Work with more advanced forms.
- Add server-side rendering with Angular Universal.
PREREQUISITES
- Experience with TypeScript.
- Experience with Angular.
- An IDE for web development like Visual Studio Code or WebStorm
About the course
COURSE OUTLINE
Module 1: Reactive Extensions for JavaScript
- What are Reactive Extensions
- Observable and Observer
- Subjects
- Cold versus Hot Observables
- Making Async Calls
- Combining Observables
- Error Handling
- Dealing with Backpressure
Lab 1: Search Spotify
Module 2: Change Detection
- Zones
- How Change Detection Works
- Immutable and Observable
Module 3: State management with Redux
- Why Redux?
- Smart & dumb components
- Major Principles
- The Store, Actions and Reducers
- Tools
Lab 1: Redux Todo App
Module 4: Bringing Redux to Angular with ngrx
- Using RxJS within Redux
- Efficient Slicing
- Using Async Pipes
Module 5: The ngrx Store
- Responsibilities
- Normalizing Data
- Initializing the Store
Module 6: ngrx Reducers
- Useful Operators
- Splitting Up Reducers
- ngrx Effects
Lab 1: Spotify Reducers
Module 7: Smart and Dumb Components
- Characteristics of Dumb Components
- Characteristics of Smart Components
- Performance Impact
Lab 1: Spotify Dispatch and Select
Module 8: Structuring an Application
- Domain, Routing, Core and Shared Modules
- Exporting and Providing
- Clean Imports
- Creating Libraries
Lab 1: Structuring the Weather App
Module 9: Forms Advanced
- Dynamically Adding Elements
- FormArray
- Nested Forms
Lab 1: FormArray and Nesting
Module 10: Angular Universal
- Server-side rendering with Angular Universal
- Hot-Loading with preboot
Register for Training
Schedule
| Start Date | End Date | Duration (days) | Price | Code |
|---|
