AngularJS Training Syllabus

Besant Technologies boasts of being the Best AngularJS Training Institute in Pune. And the syllabus for this course

has been broken down below (not in any specific order) for your convenience-

SECTION: 1 Introduction of Web Technology

Introduction to JS

What is Angular?

Why to use angular among N number of frameworks available.

How to use angular

SECTION : 2 First Steps

Angular Invocation

Core modules

Angular Invocation

Compilation

Execution cycle

SECTION : 3 Exploring Data Types & Functions

Objects

Strings
 Numbers

Auto Casting

Prototype

Function

Self Invocing Functions

Array

Booleans

Un defined

Control Structures: Logical Expressions

If statements

Else and elseif statements

Logical operators

Switch statements

SECTION: 5 Control Structures: Loops

For loops

For each loops

Continue
 Break

User-Defined Functions

Defining functions

Function arguments

Returning values from a function

Multiple return values

Scope and global variables

Debugging

þÿDeveloper s console

Warnings and errors

Debugging and troubleshooting

HTML compilation and Angular Compilation

Compilation phase

Angular Compilation

Actual Angular Topics

Modules
 Controllers

Dependency Injection

Service

Filters

Data Binding

Scopes

Template

Directives

Routers

Providers

About Angular5 Training

Angular 5 training by real-time experts with real time examples, this Angular5 Training covers all the topics in

depth with complete overview of AngularJS,2 and 4

Couse Syllabus:

Section 1:

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

Section 2:

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

Section 3:
Databinding & Directive Concepts

Module Introduction

What is Databinding

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

Understanding Directives

Using ngIf and Else Conditions

Using ngStyle for Styling Angular App

Applying css Class dynamically with ngClass

Displaying Lists using ngFor

Section 4:
Advanced Component and Databinding

Module Introduction

Dividing the App into multiple components

Property and Event Binding deep dive

Binding to custom properties

Binding to custom events

View Encapsulation

Understanding Local Reference inside Templates

Getting Access to the templates using @ViewChild.

Exploring Component Life Cycle

Life cycle hooks deep dive

Section 5:

Advance Directive Concepts

Creating a basic custom attribute directive

Exploring Renderer to create a Directive

Understanding HostListener and HostBinding

þÿBinding to Directive s Properties

Exploring ngSwitch

Section 6:

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

Section 7:

Routing in Angular 5

Module Introduction

Understanding the need of a Router

Setting Up and implementing Routes

Navigating to Router Links

Understanding Router Paths

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

Understanding can activate

Understanding canActivateChild

Understanding can deactivate

Passing Static Data to a Route

Exploring Location Strategies

Section 8:

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

Section 9:

Forms in Angular 5

Module Introduction

þÿNeed of Angular s help

Template Driven vs Reactive Approach

Template Driven Approach

TD: Submitting and Using the form

þÿTD: Understanding Form s State

TD: Accessing Form using @ViewChild

TD: Adding Validation to user input

TD: Built-in Validator and using HTML 5 Validation

TD: Understanding Form State

TD: Outputting Validation Error Messages

TD: Set Default Value with ngModel Property Binding

TD: Using ngModel and two-way binding

TD: Grouping Form Controls

TD: Using Form Data

Reactive Form Approach

Reactive: Creating a Form in Code

Reactive: Submitting the form

Reactive: Adding Validation

Reactive: Getting Access to Controls

Reactive: FormArray

Reactive: Custom Validators

Reactive: Exploring Error Codes

Reactive: Custom Async Validator

Section 10:

Exploring Pipes in Angular 5

Module Introduction

Using Pipes

Parameterizing Pipes

Chaining Multiple Pipes

Creating a custom Pipe

Pure & Impure Pipes

Understanding the Async Pipe

Section 11:

Making HTTP Requests in Angular 5

Introduction & how HTTP request works in SPAs

Adjusting request headers

Sending GET requests

Sending PUT Requests

Response with observable operators

Catching HTTP errors

Using the async pipe with HTTP Requests

Section 12:

Authentication & 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.

Section 13:

Typescript Introduction

Module Introduction

Using types

Classes

Interface

Generics

Wrap up & Modules

Deep dive into typescripts.

Section 14:

Project:

This section will cover a course project where we will try to implement all topics we covered in each session. The

course project will run after completion of each module.