What is Angular JS?

Angular JS is an open-source Model-View-Controller(MVC) framework to develop a dynamic webpage that is similar to the JavaScript framework. Angular Js is a client-side JavaScript framework and it is based on HTML and JavaScript, so there is no need to learn another syntax or language. It increases the ability of HTML by adding built-in attributes and elements and also provides an ability to create custom attributes using easy JavaScript.

Angular JS Training in Chandigarh

Jiyes Learning Institute is one of the leading organizations which is providing the best Angular JS training course in Chandigarh. Trainer of Jiyes Learning Institute believes in to deliver the quality education to the students and clear all the concept of Angular JS so that you can be a skilled Angular JS Developer. We allow our candidates to work in live angular framework applications and 100% job Placement. Our Professionals are having very good experience in JavaScript and angular latest versions like Angular 4, 5 and 6 and they train you up to the industry standard.

A candidate completing the best Angular JS course in Chandigarh certification have good career opportunities in the IT Sector. Jiyes Learning Institute has vast experience of providing live project based Angular JS training in Chandigarh.

Get In Touch With Us!

Angular JS Training Syllabus

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.

2. Angular Architecture

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

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.

4. Data Binding

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

5. Styles Binding

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

6. Advanced Component Features

  • Revising what are Components?
  • Components Life-Cycle Hooks.
  • Dynamic components using NgComponent Outlet.

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.

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.

9. Pipes

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

10.Custom Directives

  • Custom Attribute Directive.
  • Using HostListener.
  • Using HostBinding.
  • Custom Validator Directive.

11: Dependency Injection.

  • Understanding Dependency Injection.
  • Understanding DI in Angular Framework.
  • Exploring Provider.
  • Types of Tokens.
  • Types of Dependencies.
  • Configuring DI using Providers.
  • Implementing DI in Angular.
  • Optional Dependencies.

12: Services in Angular

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

13: Angular Routing

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

14: Angular Modules.

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

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

  • Crete 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.