Advanced Angular 10

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