Angular Developer Course in Tamil

The basic building blocks of the Angular are components.  here we discuss them in more detail.

We will create each file which required for an Angular component manually without using any commands.

In this video, we will create an angular component manually. Understand what are the files need and configurations needed for this.

What is a root component? How you replace it with your component?

What is Databinding ?  How they help in getting data from view to component and vice versa.

You display values from component to view or template using a syntax called String Interpolation

We need to use Safe Navigation Operator or Optional Chaining to avoid some errors.

We can set values to HTML elements properties like innerText, disabled etc using the property binding.

We listen Webpage events like mouse click, Key type with Event binding and do any action with component.

Introduction and Overview of this Project

In this we will do create operation in CRUD.

In this we will do read operation in CRUD.  We simply list the items in  the UI.

First part of Update operation in CRUD.  Before updating a data, we need to edit a data. So update operation covered in next part.

In this we will do Update operation in CRUD. 

Deleting a data is a simple task.

We have completed the CRUD Operations. But I have extended it like adding "completed list" on this project.

ngFor is a Structural Directives used to Show list of Items

ngIf is a Structural directive used to show or hide items based on condition.

ngClass is a structural directives which is used to apply CSS Style classes on elements.

• Understanding of Directives and Their Types. Deep

• Practice knowledge of Structural directives like ngIf, ngFor, ngSwitch

• Practice knowledge of Structural directives ngClass and Style

• How you can use it your application

Learn how to create a simple directive to highlight a content when mouse over.

Pipes are used to transform your data into some format.
We have inbuilt pipes like date, currency, uppercase , lowercase etc

• Component can send to another component using different techniques.

• We will learn how to send parent to child component and vice versa

Understanding the Two different approaches in Forms handling

Understanding the Reactive Forms and setting default values

How to do form validation in Template Driven Forms

How to  do Form Validation in Reactive Forms

Practically we need to use the lifecycle methods in order to understand them.