Angular Training

ALM

Introduction to Software Development Life Cycle (Application Lifecycle Management)

Execution of Software Development Life Cycle (Application Lifecycle Management)

Types Of Applications

Fundamentals of Web Applications

Introduction to Version Control System

Centralised Version Control System

Distributed Version Control System

Git & GitHub Introduction

Git Workflow

GitHub For Collaboration

Git Branching Model

Git Merging Branches

Pull Requests

HTML, CSS, Bootstrap, & Javascript

HTML & CSS

Introduction to HTML

Document Structure (DOCTYPE, head, body)

Basic Structure of an HTML Document :A typical HTML document consists of a hierarchical structure of nested elements represented by tags.

Basic Tags (headings, paragraphs, links, etc.)

Attributes

Favicons

HTML Comments

Introduction to CSS

External, Internal, and Inline Styles

Properties and Values

Selectors (Type, class, ID, attribute, pseudo-class, pseudo-element, combinator)

Specificity and Cascade

Deep Dive into HTML and CSS

Inheritance and Initial/Default Values

Typography in CSS (font-family, font-size, font-weight, line-height, letter-spacing.)

Box Model (content, padding, border, margin)

Units of measurements in CSS.

Margin Collapsing

Border (border-radius, border-image)

Outline

Background Properties (background-color, background-image, background-size, background-repeat, background-position)

Box-shadow and Text-shadow

Lists (ordered, unordered, description lists)

Tables (thead, tbody, tfoot, tr, td, th)

Forms

Input Types (text, password, radio, checkbox, etc.)

Form Attributes (action, method, etc.)

Form Validation (required, pattern, etc.)

Labels and Accessibility in Forms

Positioning

(static, relative, absolute, fixed, sticky) - Display Property (block, inline, inline-block, none) - Floating Elements (float, clear) - Visibility (visible, hidden, collapse) - Overflow (visible, hidden, scroll, auto) - Z-index and Stacking Context

Layouts

Flexbox (flex container, flex items, main axis, cross axis, justify-content, align-items)

Grid (grid container, grid items, grid lines, grid tracks, grid areas, grid-template)

Animations

Transitions (transition-property, transition-duration, transition-timing-function, transition-delay)

Transforms (translate, rotate, scale, skew)

Animations (keyframes, animation-name, animation-duration, animation-fill-mode, etc.)

Advanced Tags

Multimedia Elements (audio, video, img)

Semantic HTML (article, section, nav, aside, etc.)

Embedding External Content (iframe, embed, object)

Figure and Fig caption

Responsive Design

Responsive Design

Picture and Source (for responsive images)

Media Queries (min-width, max-width, orientation, resolution, etc.)

Adaptive Design vs. Responsive Design

Basics

Variables

Hoisting

Data Types

Operators

Functions, Parameters

Return Statements

Function Expressions

Default Parameters

Control Structures

Conditional Statements

The `if` statement

The `else` statement

The `else if` statement

Switch Cases

Using `break` and `continue` statements within loops

Loops

The `for` loop

The `for...of` loop

The `for...in` loop

The `while` loop

The `do...while` loop

Arrays

Arrays, Objects, and their Methods

Spread/Rest Operators

Array Destructuring

Array Methods

Object Methods

Spread/Rest Operators

Object Destructuring

Combining the properties of multiple source objects into a target object with `Object.assign()`

Return an array of an object's enumerable property names with `Object.keys()`

Return an array of an object's enumerable property values with `Object.values()`

Returns an array of key-value pairs with `Object.entries()`

Copy the structure of an object, excluding its values using `Object.create()`

Defining or modifying object properties with specific attributes with `Object.defineProperty()` and `Object.defineProperties()`.

Checking if an object has a specific property with `Object.hasOwnProperty()`

Make an object's properties immutable with `Object.freeze()`

*String & Date Methods

Template Literals

JavaScript Functions and Scope

IIFE (Immediately Invoked Function Expressions)

Anonymous Functions

Higher-Order Functions, Callback Functions

Arrow Functions

Closures

Document Object Model - DOM

DOM Tree, Nodes, etc

DOM Manipulation

Event Listeners

Event Delegation

DOM Traversal

DOM Manipulation using createElement, appendChild, and insertBefore

AJAX

Asynchronous JavaScript

Callbacks

Promises

Async/Await

OOP in JavaScript

Objects and Classes

Getters and Setters

Prototypes: Understanding the prototype chain, creating objects using `Object.create()`

Inheritance: Prototype-based inheritance, ES6 class-based inheritance using `extends` and `super`

Properties and Methods

Constructor Functions

Execution Context and Scope Chain

Modules and Import/Export

Error Handling (try...catch)

Regular Expressions

RegEx and Forms

Web Workers

Performance and Optimization Tips 9 ( Self Learning )

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