Technology Duration

SNO
Angular 7.0 No. of hours
1 Getting Started
Introduction
What is Angular 2? 2
How Angular Works ?
Difference between Angular and Other Framework
Advantages of AngularJS
2 Typescript
What is typescript?
Compare typescript with Javascript
Data Types & Variables 2
Variable & Operators
Control Structure and Decision making & loops
Typescript Functions & Strings
Typescript Object
Class , Abstract Class
Constructor Method
Type of Assertion
Interfaces
3 Application setup
Installing Angular JS
Configuration of Angular JS 2
Creating an Angular 2 project
Creating an Angular 2 project using CLI
4 Node JS
Setup
Commands 1
What is NPM
Install Nom for Angular.
5 Architecture
Module
Component
Template
Metadata
Data binding 2
Directive
Attribute Directive
Structural Directive ,
Services
Dependency Injection
6 Directives
Understanding Directives
Directives Overview
Different kinds of directives 2
Build attribute directive
Apply the attribute directive to an element in a template
Respond to user-initiated events
 Pass value into the directive with an @Input data binding
Custom Attribute Directive
7 Structural And Attribute Directive
What is structural directive?
NgIf case study
NgFor,NgSwitch
What is attribute Directives 2
Using the NgStyle Directive
Using the NgClass Directive
The <template> element
8 Service
What is service?
Create a service
Understanding Services Injecting Concepts
Async service and promise
Introduction to Observable
What is web service
how to create web service 3
how to consume rest service
posting data to client server architecture
Introduction to Material Design
Introduction to card Material Design .
What is Json Server .
Install json server and run and up into your local machine
crud operation using son server.
9 Dependency Injection
Why dependency injection? 2
Angular dependency injection
Injector provider
10 Data Binding
Interpolation
Property binding
Event binding
Attribute binding 2
Class binding
Style binding
Multiple components & passing data
11 Display data
Class Binding
Style Binding
Event Binding
Two-way Binding 3
Component Data Binding
Component Events
Ng-Model
12 User input
Binding to user input events
Get user input from the $event object
 Get user input from a template reference variable 2
Key event filtering (with key.enter)
13 Form
Types of Forms in Angular4
Introduction to Template Driven Forms.
Validation of Template Driven Forms.
Introduction Model Driven Forms.
Validation of Model Driven Forms. 2
Two way data binding using ngModel.
Model Driven Forms With Form Builder
How to post data via a angular forms with rest service.
14 Pipes
Introduction to Pipes
Why pipes are useful.
Type of pipes
Built-in pipes 2
parametrised pipes
how to create custom pipes
15 Router
Setting Up Router
Imperative Routing 2
Route Parameter
Child Routing
ANGULAR 4 & 5 &6,7
1 Angular4
Features of angular 4
Animation package
Angular Universal 2
Typescript 2.1 and 2.2 compatibility
Flat ES Modules (Flat ESM/FSEM)
Upgrading from angular 2 to 4
2 Angular 5:
What is new in Angular 5?
Introduction to Build optimizer. 2
New Router Lifecycle Events in Angular 5
Service Workers in Angular 5
Deprecations and Other Updates
f hours
Done

done

Done

Done
Done

Done

Done
Done

Done
Getting Started

Introduction

What is Angular 2?

How Angular Works ?

Difference between Angular and Other Framework

Advantages of AngularJS

Typescript

What is typescript?

Compare typescript with Javascript

Data Types & Variables

Variable & Operators

Control Structure and Decision making & loops

Typescript Functions & Strings

Typescript Object

Class , Abstract Class

Constructor Method

Type of Assertion

Interfaces

Application setup

Installing Angular JS

Configuration of Angular JS

Creating an Angular 2 project

Creating an Angular 2 project using CLI

Setup

Commands

What is NPM

Install Nom for Angular.

Architecture

Module

Component

Template

Metadata

Data binding

Directive

Attribute Directive
Structural Directive ,

Services

Dependency Injection

Directives

Understanding Directives

Directives Overview

Different kinds of directives

Build attribute directive

Apply the attribute directive to an element in a template

Respond to user-initiated events

Custom Attribute Directive

Structural And Attribute Directive

What is structural directive?

NgIf case study

What is attribute Directives

Using the NgStyle Directive

The <template> element

What is service?

Create a service

Understanding Services Injecting Concepts

Async service and promise

Introduction to Observable

What is web service

how to create web service

how to consume rest service

posting data to client server architecture

Introduction to Material Design

Introduction to card Material Design .

What is Json Server .

Install json server and run and up into your local machine
crud operation using son server.

Dependency Injection

Why dependency injection?

Angular dependency injection

Injector provider

Data Binding

Interpolation

Property binding

Event binding

Attribute binding

Class binding

Style binding

Multiple components & passing data

Display data

Class Binding

Style Binding

Event Binding

Two-way Binding

Component Data Binding

Component Events

Ng-Model

User input
Binding to user input events

Get user input from the $event object

Get user input from a template reference variable

Key event filtering (with key.enter)

Form

Types of Forms in Angular4

Introduction to Template Driven Forms.

Validation of Template Driven Forms.

Introduction Model Driven Forms.

Validation of Model Driven Forms.

Two way data binding using ngModel.

Model Driven Forms With Form Builder

How to post data via a angular forms with rest service.

Pipes

Introduction to Pipes

Why pipes are useful.

Type of pipes

Built-in pipes

parametrised pipes

how to create custom pipes

Router

Setting Up Router

Imperative Routing
Route Parameter

Child Routing

ANGULAR 4 & 5
Angular4

Features of angular 4

Animation package

Angular Universal

Typescript 2.1 and 2.2 compatibility

Flat ES Modules (Flat ESM/FSEM)

What is new in Angular 5?

Introduction to Build optimizer.

New Router Lifecycle Events in Angular 5

Service Workers in Angular 5

Deprecations and Other Updates

Ionic 3 (Building Mobile Apps for iOS + Android + Windows ) using AngularJS

Installing the Ionic 3 CLI

Creating a New Project with the Ionic 3 CLI

Listing Project Templates

Running our Project in the Browser and on a Device

Using Live Reload on a Device

Generating Project Components with the Ionic CLI

Getting Environment Information with Io

Creating an Ionic.io Account

Authenticating to Ionic.io Within the CLI

Using Ionic View to Run Your Application on a Device

Generating Splash Screen and Icon With the CLI–

Getting Started with Ionic 3

Creating an Ionic Application

Serving the Application

Folder Structure

Your First Application

Ionic Document Flow

Challenge - Create an Ionic Application

Run Your Application in a Browser