Angular training

HTML Tags

HTML Attributes

HTML Editors

HTML Document Structure

HTML Headings

HTML Paragraphs

HTML Styles

HTML Comments

HTML Blocks, Classes, Ids

HTML Tables

HTML Lists

HTML Images

HTML Forms

HTML File Paths

Introduction to CSS

CSS Selectors

Inserting CSS in to HTML(Inline, Internal,External)

Colors, Borders, Background, margins, padding.

Working with core concepts of CSS

Box/Model,Outline,Fonts,Links,Lists,Tables,Combinations

Introduction to TypeScript

Type Script Compiler

Variables

Datatypes

Object oriented programming

Classes

Inheritance

polymorphism

Abstraction

Interfaces

Abstract classes

Enums

Type Inference

Type Compatibility

Advanced Types

Symbols

Iterators and Generators

Namespaces

Modules

Generics

Introduction to Angular

Different versions of Angular

Differences between Angularjs, Angular 2/4/5/6/7.

Building blocks of Angular.

Environment Setup

First Application using Angular.

Components

Generating Components using Angular CLI

Templates

Directives

Services

Dependency Injection

Generating Services using CLI.

Property Binding

Attribute Binding

Adding Bootstrap

Class Binding

Style Binding

Event Binding

Event Filtering

Template Variables

Two-way Binding

Pipes

Custom Pipes

Input Properties

Aliasing Input Properties

Output Properties

Passing Event Data

Aliasing Output Properties

Templates

ngContent

ngContainer

Adding Styles

View Encapsulation

Introduction to Directives

ngIf

ngSwitchCase

ngFor

ngStyle

Hidden Property

ngFor and Change Detection

The Leading Asterisk

ngClass

Safe Traversal Operator

Creating Custom Directives

Intro to Template driven forms

Building a Bootstrap Form

Adding Validation

Types of Forms

ngModel

Specific Validation Errors

Styling Invalid Input Fields

Intro to Template-driven forms

Cleaner Templates

ngForm

ngModelGroup

Disabling the Submit Button

Working with Radio Buttons

Working with Checkboxes

Working with Drop-down Lists

Intro to Reactive Forms

Creating Controls Programmatic-ally

Adding Validation

Specific Validation Errors

Implementing Custom Validation

Asynchronous Operations

Asynchronous Validation

Showing a Loader Image

Validating the Form Upon Submit

Nested FormGroups

FormArray

FormBuilder

JSONPlaceHolder

Getting Data

Creating Data

Updating Data

Deleting Data

OnInit Interface

Separation of Concerns

Extracting a Service

Handling Errors

Handling Unexpected Errors

Handling Expected Errors

Throwing Application-specific Errors

Handling Bad Request Errors

Importing Observable Operators and Factory Methods

Global Error Handling

Extracting a Reusable Error Handling Method

Extracting a Reusable Data Service

The Map Operator

Optimistic vs Pessimistic Updates

Observables vs Promises

Introduction

Routing in a Nutshell

Configuring Routes

RouterOutlet

RouterLink

RouterLinkActive

Getting the Route Parameters

Manual Testing

Automation Testing

POC:

Design a small Single Page Application(in Angular 2/4/5/6/7 ) to manage a list of people.

Create at least 3 views:
> list all people
> edit a person
> delete a person