Angular

  1. Getting Started
  • Introduction
  • What is Angular 2?
  • How Angular Works ?
  • Difference between Angular and Other Framework
  • Advantages of Angular
  1. 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
  1. Application setup
  • Installing Angular JS
  • Configuration of Angular JS
  • Creating an Angular 2 project
  • Creating an Angular 2 project using CLI
  1. NodeJS
  • Setup
  • Commands
  • What is NPM
  • Install Nom for Angular
  1. Architecture
  • Module
  • Component
  • Template
  • Metadata
  • Data binding
  • Directive
  • ▪ Attribute Directive
  • ▪ Structural Directive ,
  • Services
  • Dependency Injection
  1. Angular UI design patterns
  • Material Design
  • What is material design
  • How to use and setup material environment
  • Material components and layouts:
  • Bootstrap
  • ▪ How to install bootstrap in angular environment
  • ▪ Bootstrap layout and components
  1. 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
  • Pass value into the directive with an @Input data binding
  • Custom Attribute Directive
  1. Structural and Attribute Directive
  • What is structural directive?
  • ▪ NgIf case study
  • ▪ NgFor, NgSwitch
  • What is attribute Directives
  • ▪ Using the NgStyle Directive
  • ▪ The element
  1. 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
  • posting data to client server architecture
  • Introduction to Material Design
  • Introduction to card Material Design .
  • What is Json Server
  1. Dependency Injection
  • Why dependency injection?
  • Angular dependency injection
  • Injector provider
  1. Data Binding
  • Interpolation
  • Property binding
  • Event binding
  • Attribute binding
  • Class binding
  • Style binding
  • Multiple components & passing data
  1. Display data
  • Class Binding
  • Style Binding
  • Event Binding
  • Two-way Binding
  • Component Data Binding
  • Component Events
  • Ng-Model
  1. 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)
  1. Form o 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.
  1. Pipes  Introduction to Pipes
  • Why pipes are useful.
  • Type of pipes
  • Built-in pipes
  • parametrized pipes
  1. Router
  • Setting Up Router
  • Imperative Routing
  • Route Parameter
  • Child Routing
  1. What are the change in every version of angular
  • Difference and changes in various angular versions.
  • Latest angular version and it’s features