ANGULAR
What is AngularJS?
AngularJS is a client side JavaScript MVC framework to develop a dynamic web application. AngularJS was originally started as a project in Google but now, it is open source framework.
AngularJS is entirely based on HTML and JavaScript, so there is no need to learn another syntax or language.
AngularJS changes static HTML to dynamic HTML. It extends the ability of HTML by adding built-in attributes and components and also provides an ability to create custom attributes using simple JavaScript.
Why Angular?
There are many front-end JavaScript frameworks to choose from today, each with its own set of trade-offs. Many people were happy with the functionality that AngularJS afforded them. Angular improved on that functionality and made it faster, more scalable and more modern. Organizations that found value in AngularJS will find more value in Angular. It is increasingly common to see a sentiment in the enterprise space that Angular provides the sort of ‘out of box’ functionality and opinionated tools that allow for large teams to work in a cohesive and consistent way.
Advantages of AngularJS
- Open source JavaScript MVC framework.
- Supported by Google
- No need to learn another scripting language. It’s just pure JavaScript and HTML.
- Supports separation of concerns by using MVC design pattern.
- Built-in attributes (directives) makes HTML dynamic.
- Easy to extend and customize.
- Supports Single Page Application.
- Uses Dependency Injection.
- Easy to Unit test.
- REST friendly.
- Angular Js
- What is Angular
- Difference between Angular 2.0 vs 7.0
- 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
- TemplateComponent Styles and Selectors
- Databinding in Angular js
- What is Databinding
- Splitting Application into ComponentString 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,/li>
- 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 ServiceInstance 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
- ObservablesPassing & Retrieving Parameters & FragmentsNested 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 ValidationHTML5 Validation
- Output Validation and Error Messages
- Two Way Binding
- Grouping
- Radio Button Handling
- Patch Forms Values
- Resetting Templates form Forms
- Reactive Forms,/li>
- 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 PipeImpure & 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