Advanced Angular 10

FT104


5 Days

Download Full Syllabus Request a Quote
All Our Courses Now Also LIVE

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 properly structure my angular projects for better code reuse, and better teamwork 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 to 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

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 angular
Download Full Syllabus

Target Audience

Contact Us

    • Israel
    • Poland
    • USA
    • Russia
    • India
    Skip to content