Angular Js
- What is Angular
- Difference between Angular Version
- Angular CLI and Troubleshooting
- Node JavaScript Introduction
- Setup a Project
- Setup Node js with angular
- Typescript Introduction
- What is bootstrap
- Create Your Fist App
Modules and Components
- What is Component in Angular js
- What is Module in Angular js
- Create and Start Component
- Why Component are important.
- How we create a component
- Create Component using CLI
- What is nesting Component
- What is Component Template
- Component Styles and Selectors
Databinding in Angular js
- What is Databinding
- Splitting Application into Component
- String Interpolation
- What is Property Binding
- Difference between Property Binding and String Interpolation
- Binding with Custom Events.
- What are Binding Properties and Events
- Two Way binding
- Combine Forms with Data binding
- Custom Properties
- What is Encapsulation
- How to Use Local Reference in Templates
- Template Access and DOM
- Component Lifecycle
- What is Hooks in Angular js
- Access Template with Hooks
Directives in Angular js
- What is Directives
- Using Output Data Conditionally
- What is nglf and else condition
- Output List
- Styling Element with ngStyle
- How to apply css class dynamically with angular js
- How to Create Basic Attribute Directive
- What is Renderer
- What is HostBinding and HostListener
- Directive Properties
- ngSwitch
Dependency Injection in Angular js
- What is Dependency Injection
- What is Services
- Logging Service and Injection
- Create Data Service
- Instance of Services
- Insert Service into Services
- How to use service in Cross Component
- What is Hierarchical Injector
Routing
- What is Routing?
- Loading of Routes
- Navigation and it path
- Styling of Router Links
- Relative Path Navigation
- Define parameter in Routing
- Fetch Routing Parameter
- Observables
- Passing & Retrieving Parameters & Fragments
- Nested Routing
- Config Query Parameters
- Redirection Routes
- Route configuration
- Route Guards
- Protect Routes with canActivate
- Navigation Controlling
- Static Data in Route
- Location Strategies
Forms
- What is Forms and how we handle it?
- Reactive Approach
- Template Driven
- Create Template Driven Forms
- What is Registering Control
- Use and Submit of Forms
- Access of Forms
- How to add validation in use input
- Build-In Validation
- HTML5 Validation
- Output Validation and Error Messages
- Two Way Binding
- Grouping
- Radio Button Handling
- Patch Forms Values
- Resetting Templates form Forms
Reactive Forms
- What is Reactive Forms
- Create Reactive form through code
- Syncing of HTML and Form
- Addding Validation
- Sumit Forms
- Grouping
- Form Control Arrays
- Custom Validators
- Relative Forms
- Async validation
- Value changes and Reacting to status
Pipes
- What is Pipes in Angular
- How we use pipes
- Chaining Multiple pipes in angular
- parameterizing a pipe
- Filter Pipe
- Impure & Pure Pipe
- async Pipes
HTTP Requests
- What is HTTP Requests
- How it work
- How to send requests
- Adjusting Request Headers
- How to handle Get and Put Request
- Catching HTTP Error
- async with HTTP Requests
Authentication
- What is Authentication
- How Authentication Work
- Introduction to JSON Web Tokens
- Creating Page and Route
- Firebase SDK
- User Signing UP and In
- Sending Token & Requiring
- Authentication Status
- How to add Logout button
- Protection & Redirection of Route
Angular Modules
- What is idea behind Modules
- What is feature Modules and how we create it
- What is App Modules
- Registering Routes in Feature Modules
- What is Shared Module and how we create
- Create the Auth Feature module
- What is Lazy Loading
- How to Modules & Services works
- What is Core Module
- How to Create Basic Core Module
- AoT Compilation with CLI
HTTP Client
- What is HttpClient and how we unlock it
- Request Configuration with Response
- Request Events
- Set up Headers
- HTTP Parameters
- Progress
- What is Interceptors
- Modify Request in Interceptors
- Multiple Interceptors
Animations
- What is Angular Animations
- Triggers and State
- Switch between States
- Basic and Advanced Transitions
- What is void state
- Key frames in animation
- Grouping
- Animation Callback
Unit Testing
- What is Unit Testing
- How to Analyze CLI Testing Setup
- Running Test with CLI
- Components and dependencies
- Async Tasks
- Adding Component with tests
- Difference between Isolated and Non-isolated Tests
