angular training course
Syllabus
What is Angular Difference between Angular1.x vs Angular 2+ Angular CLI and Troubleshooting Node JavaScript Introduction Setup a Project Setup Node js with angular Typescript Introduction What is bootstrap Create Your First App
Modules
and component What is Component in Angular What is Module in Angular 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
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 Access Template with Hooks
Directives
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 How to Create Basic Attribute Directive What is Renderer Directive Properties ngSwitch
Dependency
Injection 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 Parameters Route configuration Route Guards Protect Routes with canActivate Navigation Controlling Static Data in Route
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 What is Reactive Forms Create Reactive form through code Syncing of HTML and Form Addding Validation Submit FormsGrouping 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 Filter Pipe
HTTP
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
Module and lazy loading
3 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
Animations
in Angular What is Angular Animations Triggers and State
Create project and test
Connecting to backend with HTTP Requests Angular material components What is Unit Testing Real-time application creation