AngularJS

What is AngularJS ?

AngularJS is pure JavaScript® framework used commonly as a front-end MVC(Model View Controller) while the most accurate thing will be close to somewhat MVVM(Model View – View Model).

Why AngularJS ?

Single page applications are nothing but reloading a part of the web page rather than reloading the entire page if a small amount of data is changed. JavaScript is blooming the world, each and every browser comes supporting JavaScript®.Till JavaScript is there, the scope for AngularJS will be there.

Getting Started with Angular 5

• Course Introduction • What is Angular • Angular vs Angular 2 vs Angular 4 vs Angular 5 • CLI Deep Dive • Project Setup and First App
• The course Structure • What is TypeScript • A basic setup of Bootstrap for Styling

The Basics of Angular 5

• Module Introduction • How an Angular App gets loaded and started
• Components • Creating new Component • Understanding the role of AppModule and Component Declaration • Understanding Component Templates • Understanding Component Styles • Understanding Component Selector

Data binding and Directive Concepts

• Module Introduction • What is Data binding • String Interpolation
• Property Binding • Property Binding vs String Interpolation • Event Binding • Bindable Properties and Events • Passing and Using Data using Event Binding • Two-Way Binding • Forms Module and Two Way Binding .

Routing in Angular 5

• Module Introduction • Understanding the need of a Router • Setting Up and implementing Routes • Navigating to Router Links • Understanding Router Paths • Styling Active Router Links • Understanding Navigation Paths • Styling Router Links • Navigating Dynamically • Using Relative Paths • Passing Parameters to Routes and fetching route parameters
• Fetching route parameters in a Reactive Way • Passing query parameters and fragments • Understanding Nested Routes • Redirecting and Wildcard routes • Redirection Path Matching • Outsourcing the Route Configuration • Introduction to Guards

Observables in Angular 5

• Module Introduction • Understanding built-in Angular Observable • Creating Observables • Using a Custom observable • Unsubscribe • Using Subjects to pass and Listen to Data • Understanding Observable Operators

Forms in Angular 5

• Module Introduction • Need of Angular’s help • Template Driven vs Reactive Approach

Advanced Component and Data binding

• Module Introduction • Dividing the App into multiple components
• Property and Event Binding deep dive • Binding to custom properties
• Binding to custom events • View Encapsulation

Advance Directive Concepts

• Creating a basic custom attribute directive • Exploring Renderer to create a Directive • Understanding HostListener and HostBinding
• Binding to Directive’s Properties • Building Structural Directives

Understanding Services and Implementing Dependency Injection

• Module Introduction • Why Services are required • Creating a Service
• Injecting the service into components • Understanding Dependency Hierarchical Injector • Injecting a Service into other services .

Exploring Pipes in Angular 5

• Module Introduction • Using Pipes • Parameterizing Pipes • Chaining Multiple Pipes • Creating a custom Pipe • Pure and Impure Pipes
• Understanding the Async Pipe

Making HTTP Requests in Angular 5

• Introduction and how HTTP request works in SPAs • Sending POST Request • Adjusting request headers • Sending GET requests • Sending PUT Requests • Response with observable operators • Catching HTTP errors • Using the async pipe with HTTP Requests

Authentication and Route Protection in Angular Apps

• Module Introduction • How Authentication works in SPAs • Introduction to JWT • Creating a Signup Page and Route • Setting up Firebase SDK • Signing users up • Signing users in • Token introduction
• Sending a token • Route protection and redirection example.

Typescript Introduction

• Module Introduction • Using types • Classes • Interface • Generics
• Wrap up and Modules • Deep dive into typescripts.