Course Outline
We already worked with Angular 2+ for more than a year, now it’s time to take it to the next level… How do I create a professional web application using Angular 10?
Upcoming Meetings
14/03/2022
01/06/2022
Modules
Advanced async js with RXJS and Promise
- recap promises
- promise chaining
- async await functions
- comparing promises to observables
- observables
- observables
- subscription
- common operators
- dealing with async errors
- from promises to observables and vica versa
Advanced @angular/cli
- New @angular/cli features
- Monorepository
- Working in workspace mode
- Infrastructure and creating angular libraries
- Ivy renderer
- AOT / JIT
- Deployment
Styling best practices
- global styling and local styling
- scss
- encapsulation
- arranging your styling project
Platform agnostic and Server Side Rendering
- Does angular work only for web?
- What is Server side rendering (SSR) and why do I need it?
- Universal code
- PLATFORM_ID, isPlatformBrowser
- Routing and lazy loading with SSR
- SSR difficult use cases
- Dynamic import for one of the platforms
- Dynamic component for one of the platforms
Advanced forms
- How angular wants us to look at forms
- AbstractControl, FormControl, FormArray, FormGroup
- ControlValueAccessor
- Custom form components
- Custom validation directives
- Material design introduction
Change Detection
- when does angular trigger change detection?
- how does angular detect change detection
- zone.js
- change detection strategy onpush
- optimizing our app performance
- what triggers onpush change detection
Dependency Injection
- How DI works in angular
- providers in component metadata
- Injector service
- InjectionToken
Authentication
- JWT
- Interceptors
- JWT interceptors
- routing guards for authenticated users
- advanced routing
Animation
- @angular/animations
- animation state machine
- ex simple animation
- animation on list
- screen transitions
Redux
- ngrx
- What is Redux
- Advantage of using Redux and ngrx
- Store, Actions, Reducers
- Effects
- Entities
- @ngrx/data
- Best practices
Prerequisites
- Typescript and JavaScript
- HTML
- CSS
- Basic Angular 2+
Upcoming Meetings
14/03/2022
01/06/2022
we will dig deep into the more complex topics that you need to know in order to create a professional app using angularDownload Full Syllabus