AngularJS Training Course in Chandigarh Mohali

1. Introduction to Angular.

• What is Angular?
• Features of AngularJS and Angular.
• AngularJS (vs) Angular.
• Steps to Set up for the local development environment.
• Executing First Angular program using NodeJS and NPM.
• Executing First Angular program using Visual Studio.

Module 2. Angular Architecture

• Basic Building Blocks of Angular Applications.
• Angular Modules and @NgModule decorator.
• Angular Libraries.
• Component, Templates, and Metadata.
• Services and Dependency Injection.

Module 3. Displaying Data using Templates

• About Directives.
• Components Properties and Interpolation.
• Built-In Directive.
• Creating a class for data (Model object)
• Template Expressions.
• Working with Arrays.
• External HTML Template File.

Module 4. Data Binding

• Binding properties and Interpolation.
• One-way Binding / Property Binding.
• Event Binding.
• Two-way Binding.
• Two-way binding with NgModel.
• Attribute Binding.
• Style and Class Binding.

Module 5. Styles Binding

• Style and Class Bindings.
• Using Component Styles.
• Special selectors.
• Loading Styles into Components.

Module 7. Template Driven Forms.

• Create the component that controls the form.
• Create a template with the initial form layout.
• Bind data properties to each form input control with the ngModel two-way data binding syntax.
• Add the name attribute to each form input control.

• Add custom CSS to provide visual feedback.
• Show and hide validation error messages.
• Handle form submission with submit.
• Disable the form submits button until the form is valid.
• Resetting the form.

Module 8. Reactive Forms.

• Reactive Forms Introduction.
• More Form Controls.
• Form Control Properties.
• set Value and patch Value.
• Validating Form Elements.
• Submitting and Resetting forms.
• Observing and Reacting to Form Changes.
• Using Form Builder.

Module 9. Pipes

• Built-in Pipes.
• Using parameters and chaining Pipes.
• Custom Pipes.
• Parameterized Custom Pipe.
• Pipes and Change Detection.
• Pure and Impure pipes.

Module 10.Custom Directives.

• Custom Attribute Directive.
• Using HostListener.

• Using HostBinding.
• Custom Validator Directive.

Module 12: Services in Angular.

• Building and Injecting Custom Services.
• Service using another Service.
• Built-In $http Service.
• Promises and Observables.
• Get Request.

Module 13: Angular Routing

• Configuring and Navigating.
• Parameterised routes.
• Nested (or) Child Routes.

Module 14: Angular Modules.

• AppModule as Root Module.
• Feature modules.
• Lazy Loading a Module.
• Shared Module.

Module 15:  Performing CRUD Operations as in Real time Angular Application.

• Create an ASP.NET MVC Web API Application.
• Add Angular Seed, download files and Configure Project.
• Setup Project for Entity Framework Code First Model.

• Add Web API Controller to perform CRUD Operations using EF.
• Create Angular Feature and Routing Modules.
• Configure Angular to use HTTP and Json Services.
• Program Angular Modules to performing CRUD Operations.