This repository contains the code and contents related to Angular Getting Started Course, available on YouTube Channel. Apart from Angular, the course will contain some basics of Git.
The Course contains, below Topics:
- Installing Nodejs
- Installing VSCode
- Why Nodejs/npm
- Installing Git
- Introduction
- Transpilation
- Why Typescript
- Data Types
- Number
- String
- Boolean
- Arrays
- any
- Tuple
- enum
- unknown
- Functions
- Classes
- Interfaces
- Union and Intersection Types
- Generics
- Literal Types
- ES Modules
- Typescript Config Files
- Installing Angular CLI
- Create New Empty Workspace using CLI
- Create an Workspace with default App
- Workspace Walkthrough
- Introduction to mono-repo
- Component Introduction
- Create your first component
- Binding Syntax
- Interpolation
- Property Binding
- Event Binding
- Directives
- Introduction
- Structural Directives
- Attribute Directives
- Built-in directives
- *ngIf
- *ngFor
- *ngSwitch
- ngClass
- ngStyle
- Introduction
- Architecture
- Angular Modules
- ngOnInit
- ngOnChanges
- Component Communication using Input/Output
- ChangeDetection Strategy
- ngDoCheck
- ngAfterContentInit
- Content Projection
- ngAfterContentChecked
- ngAfterViewInit
- Component Communication ViewChild and ViewChildren
- ngAfterViewChecked
- ngOnDestroy
- lowercase
- uppercase
- titlecase
- date
- currency
- json
- percent
- slice
- async
- Emulated
- None
- ShadowDom
- Introduction
- Provider Types
- Class Bases Providers
- Value Proider
- factory
- Creating your First Service
- providedIn: 'root' | 'any'
- Component Interaction using Service
- Dependency Resolution
- Resolution Modifiers
- Injection Tokens
- factories
- Introduction
- Introduction to streams
- Creating Observables using from operator
- Subject and BehaviorSubject
- pipe in RxJs
- map, filter, tap, fromEvent operators
- Async pipe
- Introduction
- Setting up HttpClient
- Using HttpClient Service
- get
- post
- delete
- put
- request
- shareReplay RxJs operator
- Handling Error using catchError RxJs operator
- Centralized ErrorHandling using ErrorHandler
- Adding header to http request
- Using HttpInterceptors
- using APP_INITIALIZER
-
Template Driven Forms
- Setting up Template Driven Forms
- Validating Forms
- Submit and reset forms
- Custom Pipe demo with Forms
- Writing a custom directive
- Writing Custom validator
-
Reactive Forms
- Setting up Reactive Forms
- Creating Form
- Adding controls dynamically
- Built-in validations
- Submitting and reset
- patchValue. setValue
- valueChanges form property
- Using mergeMap, switchMap, exhaustMap RxJs operators
- Writing Custom validations
- Creating Angular Modules
- Sharing component/directives/pipes using Modules
- Introduction
- Setup Router
- Default Route
- Wild card route
- Configure Dynamic Routes
- Pass data to Route config
- Using ActivateRoute Service
- Using pluck RxJs operators
- Using Router Service for Naviagtion
- Splitting Route config to feature
- Nested Routing with Child routes
- Lazy loading/code splitting
- Route Guards
- canActivate
- canActivateChild
- canDeactivate
- canLoad
- Resolve
- Creating an Angular Library
- Building and using it in App
- Publishing an Library
- Using an published library
- tslint
- tslint to eslint migration
- Running tests
- Creating builds
- Configure build for multiple configuration
- ng update
- Deploying your Angular App
- Introduction
- Making your App PWA
- Deploying and Testing the PWA