HTML Tags, Table/Div, Forms, image, form, css syntax, selectors, css properties, JavaScript concept, JavaScript events, various types of validation

Introduction to Angular, Angular CLI commands, Basic configuration & installation, Angular environment setup. Create angular project and understand folder structure.

Angular Components, Components Lifecycle, create custom module, understand the role of AppModule and Component Declaration, component style, Databinding, string interpolation, property binding, property binding vs. string interpolation, passing and using data with event binding, two way databinding. Component Interaction using @Input and @Output decorator.

Understanding Angular Directives, @Component Directive, Structural Directives, Attribute Directives Custom Directives, Introduction Pipes, Built-in Pipes, Chaining Pipes, Custom Pipes.

Understanding Angular Routing system. Set different rout. Pass data using url, receive data from route. Angular lazy loading. Routing using guard.

Angular Service, Dependency Injection, Injecting A Service into Another Service, Understanding observable, Parts of an Http Request HttpClient.

Angular forms, Types of forms, Template-driven vs. Reactive forms, Template-driven forms, Reactive Forms, What is Form Validation? Types of Form Validation, Built-in Validators, Form control’s status and validity.

What is API, API Basics, Front-end and API integrations, Showing dynamic data on Front-end through API from Database.

After learning to create Front-end of a web application using Angular, a live project work will be assigned where the APIs will be written by the back-end developers of our development unit and the students will create the Front-end in Angular and will connect the APIs to show dynamic data from the database. It will be a fully API driven project.

On successful completion of the training and the assigned project work, students get certified as Trainee Angular Developer by Handson.