Introduction To Angular:
- Architecture of Angular Apps
- Angular Version History
- Angular CLI and CLI Basic Commands
- Visual Studio Code IDE
- First Angular APP
- Structure of Angular Projects
- Git Repository and Playing around Basic Git Commands
Introduction Typescript:
- What is Typescript
- First Typescript Program
- Declaring Variables
- Types
- Types Assertions
- Arrow Functions
- Interfaces
- Classes and Objects
- Constructors
- Access Modifiers
- Access Modifiers in constructor parameters
- Properties
- Modules
Angular Basics:
- Building blocks of Angular apps
- Components
- Generating components using Angular CLI
- Templates
- Directives
- Modules
- Services
- Generating Services using Angular CLI
- Dependency Injection (DI)
Displaying Data and Handling Events:
- Introduction
- Property Binding
- Attribute Binding
- Adding Bootstrap in Angular Project
- Class Binding
- Style Binding
- Event Binding
- Event Filtering
- Template variable
- Data Bindings – One Way and Two Way Data Binding
- Pipes and Custom Pipes
Building Reusable Components:
- Introduction
- Component API
- Input properties
- Aliasing I/P properties
- Output properties
- Passing event data
- Aliasing o/p properties
- Templates
- Styles
- View Components
- ngContent
- ngContainer
Component Communications:
- @Input() Decorator for Parent to child / property Communications
- @Output() Decorator for Child to Parent / Events Communications
- @ViewChild() Decorator for Ref of Elements/component selectors
Directives:
- Introduction
- ngIf
- Hidden Properties
- ngSwitch case
- ngFor
- ngFor & change detection
- The leading asterisk
- ngClass
- ngStyle
- Safe traversal operator
- Creating custom directives
Template Driven Forms:
- Introduction
- Building a bootstrap form
- Types of forms
- ngModel
- Adding validation
- Specific Validation Errors
- Styling invalid i/p errors
- Cleaner templates
- ngForm
- ngModel Group
- Control classes & directives
- Disabling the submit button
- Working with checkboxes
- Working with dropdown list
- Working with radio buttons
Reactive Forms:
- Introduction
- Building a bootstrap form
- Creating controls programmatically
- Adding validations
- Specific validation errors
- Implementing custom validation
- Asynchronous operations
- Asynchronous validations
- Showing a loader image
- Validating a form upon submit
- Nested form groups
- Form Array
- Form Builder
Routing and Navigation:
- Routing in a nutshell
- Configuring routes
- Router outlets
- Router links
- Router Link Active
- Getting the route params
- Why route parameters are observable
- Routes with multiple parameters
- Query parameters
- Subscribing to multiple observables
- switchMap operator
- Programmatic navigation
Storage:
- Session Storage
- Local Storage
- Custom Modules and it’s communications
- Lazy Loading / Eager Loading & Pre Loading in Modules
Working with HTTP Services:
- Introduction
- JSON Placeholder
- Getting/Creating/Updating/Deleting data
- OnInit Interface
- Separation of concerns
- Extracting a service
- Handling errors
- Handling unexpected errors
- Throwing application specific errors
- Handling Bad Request Errors
- Improving observable operators and factory methods
- Global Error handling
- Extracting a reusable error Handling method
- Extracting a reusable data service
- The map operator
- Optimistic vs. Pessimistic updates
- Observables vs. promises
Observables and RX JS Basic Operator:
- Introduction to Observables
- RX JS Basic Operators
Deployment:
- Deployment of Angular Application