0% found this document useful (0 votes)
28 views

Angular-5 Training Syllabus

This document provides an introduction to Angular and TypeScript. It covers key topics such as TypeScript types, Angular modules, components, data bindings, directives, pipes, services, forms and routes. Angular is a web application framework that uses TypeScript for static typing and features like classes, interfaces and decorators. The document outlines the basics of Angular applications including installation, project structure, components and data bindings.

Uploaded by

mari A
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
28 views

Angular-5 Training Syllabus

This document provides an introduction to Angular and TypeScript. It covers key topics such as TypeScript types, Angular modules, components, data bindings, directives, pipes, services, forms and routes. Angular is a web application framework that uses TypeScript for static typing and features like classes, interfaces and decorators. The document outlines the basics of Angular applications including installation, project structure, components and data bindings.

Uploaded by

mari A
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

Introduction to Angular & TypeScript 

AngularJS vs Latest Angular 

Why Angular 

Web Components 

JavaScript and its Issues 

What is TypeScript 

TypeScript vs JavaScript vs ES6 

Benefits of TypeScript 

TypeScript 

​Typing System 
TypeScript Types 

Arrays Types 

Functions 

Interfaces 

Object Oriented Programming 

Classes and Class Constructors 

Properties, Methods, Getters and Setters 

Generics and Decorators 

Introduction to Angular 

Angular Installation 

Angular CLI 
Serving and Building the Application 

Project Structure 

Angular Modules 

Root and Featured Modules 

Imports, Declarations, Providers and Dependencies 

Components 
What are Components 

App Component 

Component Syntax 

Selectors, Templates and Styles 

Nested Components 

Component Life Cycle 

Initialization Hooks 

Destroy Hooks 

Data Bindings 

Angular Data Bindings 

String Interpolation 

Property & Event Bindings 

Two Way Data Binding 

Template Variables 

Component Communications 
Input and Output 

ViewChild 

Content Projection 

Events and Event Emitters 

Listening to Event Emitters 

Directives 
Angular Directives 

Attribute Directives 

Built-In Attribute Directives 

Structural Directives 

Built-In Structural Directives 

NgIf and NgFor Directives 

Custom Directives 

Pipes 

What are Pipes 

Built-In Angular Pipes 

Currency Pipe 

Number Pipe 

Percent Pipe 

Lower and Upper Case Pipes 

Date Pipe 
Custom Pipes 

Services 
What are Services in Angular 

Injectable Services 

Dependency Injection 

Singletons 

Export and Import Services 

Shared Services 

Providing Services 

Forms 

Forms Module 

Template Driven Forms 

NgForm 

NgModel 

Form Validations 

Touched & Untouched states 

Pristine & Dirty states 

Valid and Invalid 

Form Submit 

 
 
 
Reactive Forms 

What are Reactive Forms 

Reactive vs Template Driven Forms 

Form Group 

Form Control 

Form Builders 

Form Validators 

Set Validators 

Clear Validators 

Listening to Form Values 

 
Routes 
What are Routes 

How to Configure Routes 

Router Outlet 

Router Navigation 

Route Parameters 

Routes for Root and Child 

Query Parameters 

Activated Routes 

Route Guards 
HTTP 
HTTP Module 

Promises 

Reactive Programming 

Observables 

Subscriptions 

JSONP 

Error Handling 

Working with FireBase 

Accessing from MongoDB 

 
 

You might also like