Angular for Beginners

This lecture covers the following:

• Identifier

• Datatypes

• String Interpolation

• Loops

This lecture covers the following:

• Tuples

• Destructuring

This lecture covers the following:

• Optional Parameters

• Default values for Parameters

• Rest Parameters

• Function Overloading

• Lambda Functions

This lecture covers the following:

• How to create classes and object

• Importance of this keyword

• Constructor

• Inheritance

• Calling super class's constructor

This lecture covers the following:

• How to create and use Interface

• What is duck typing

This lecture covers the following:

• How to install Angular CLI

• How to use Angular CLI

• Creating a new Angular Application

This lecture covers the following:

• What is an Angular Module

• What is an Angular Component

• Attributes of Component - selector and template

• How to start Angular Live Development Server

• How to create Template

• Invoking Angular Application from Browser

• Remove unnecessary component from default Application

This lecture covers the following:

• Using Angular CLI to create Component

• Artifacts related to a Component

• How to associate Component with Module

• How to specify bootstrap component

• Updating index.html

• Creating Template of Component

• How to refer to properties of Component in Template

• Working with Style Sheet

This lecture covers the following:

• How to handle events in Angular

• How to use Template Reference Variable

• How to pass data from Template to Component

• Data binding between Component and Template

• Displaying error messages from Component

• How to create component manually

This lecture covers the following:

• Using Angular Snippets Extension in VS Code

• Generating component using Snippets

• How to use a custom class to store data

• Using an array of objects

• Using *ngFor directive to iterate an Array

• How to detect bugs in Application

• How to manipulate Array of objects with input in Template

• Options for data persistence

This lecture covers the following:

• How to hide/show view based on condition

• Interpolation in Template

• Data Binding  - Property Binding

This lecture covers the following:

• Checking for duplicate players

• Using some() method of Array

• Validating age

This lecture covers the following:

• Multiple ways to bind data to properties

• HTML Attribute vs. DOM Property

• How to trigger redrawing template

This lecture covers the following:

• How to bind values to Attributes

• How to add or remove CSS classes using Class Binding

• How to modify CSS style attributes using Style Binding

• Event Binding

• Passing information about event handling using $event

This lecture covers the following:

• Using attribute binding in Team component

• Adding position for Player

This lecture covers the following:

• How to use ngClass directive

• How to use ngStyle directive

This lecture covers the following:

• How to use *ngIf directive

• How to use ng-template with *ngIf

• How to else in *ngIf directive

This lecture covers the following:

• How to use ngSwitch, *ngSwitchCase and *ngSwitchDefault

This lecture covers the following:

• Using exported values - index, first, last, even and odd

This lecture covers the following:

• What is a pipe and how to use pipes for formatting

• Predefined Pipes

• Using date  pipe

• Using currency, number and percentage pipes

• Using uppercase,  titlecase and slice pipes

• Using json pipe

This lecture covers the following:

• Creating custom pipe - BracketsPipe

• Passing parameters to custom pipe

This lecture covers the following:

• What is a Service

• How to inject service into a component - Dependency Injection

• How to share data and code between components using Service

• How to use providers attribute of Component

This lecture covers the following:

• How to use service with multiple Component

• How to share code and data between Components using Service

• Understanding Angular Injector

• Using Service at Module level - providers attribute of Module

• How to use Services to make code maintenance easy

• Stack Service Assignment

• Using @Optional decorative for optional services

This lecture covers the following:

• How to create Stack Service

• How to use Stack Service in multiple Components

This lecture covers the following:

• How to nest components

• How to pass data from one components from another

• How to use @Input() decorator

• How to send event from one component to another

• How to use @Ouput() decorator

• Using multiple instances of the same component

This lecture covers the following:

• How to create Parent component

• How to create Child component

• How to send data from Parent to Child instance

• How to send event from Child to Parent and handle it in Parent

• How to pass data along with event

This lecture covers the following:

• How to take user input using forms

• Different types of forms - Template and Reactive

• Using FormsModule

• How to use two-way binding using ngModel directive

• How to bind HTML elements with properties in Component

• How to use ngSubmit to handle form submit event

• Understanding FormControl and FormGroup classes

This lecture covers the following:

• How to validate data using validators

• How ngForm and get form status

• Conditionally display error messages

• Using null safe operator to avoid error messages

• How to use FormControl properties like dirty, invalid, errors etc.

• Styling form based on CSS classes set by Angular

• Built-in Validators

This lecture covers the following:

• How to create FormGroup and FormControl objects

• How to associate FormGroup and FormControls in Form

• Using predefined validators

• Creating custom validators for Control

• Using custom validators for Form

This lecture covers the following:

• What is ReactiveX

• How to use HttpClient service to make AJAX calls

• Getting data from a JSON file using AJAX

• Using Observable and Subscriber

This lecture covers the following:

• Understanding Observables and Subscribers

• Making an AJAX call to REST API

• How to handle errors from REST API

This lecture covers the following:

• How to retrieve countries by Region using AJAX

• Retrieving list of Regions

• Getting list of countries based on selected Region

This lecture covers the following:

• What is Mock API

• What is JSON Server

• How to install JSON Server

• How to make data available to JSON Server

• How to start server JSON Server and access it

• How to use Postman App to test your REST API

This lecture covers the following:

• How to make AJAX call to Mock API

• Make POST request using data of a Form

• How create a Service to make AJAX  calls

• Using Observable operators

• How to use a component to access Service that makes AJAX calls