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 ? How do I optimize the performance of the app and improve the initial load time? How to pro perly structure my angular projects for better code reuse, and better team work on the projects? In this course we will dig deep into the more complex topics that you need to know in order to create a professional app using angular, those topics are hard t o understand, hard to find information online and are not covered in the basic angular courses. Our goal is to truly become a professional angular developer.
Upcoming Meetings
There are no upcoming meetings for this course. Contact us to schedule this course, which will be customized specifically for your organization.
info@hackerupro.comModules
Advanced async js with RXJS and Promise
- recap promises
- promise chaining
- async await functions
- comparing promises to observables
- observables
- observers
- 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
There are no upcoming meetings for this course. Contact us to schedule this course, which will be customized specifically for your organization.
info@hackerupro.comwe will dig deep into the more complex topics that you need to know in order to create a professional app using angularDownload Full Syllabus