AngularJS Course Description

AngularJS is a JavaScript-based framework for dynamic web apps. It is a client-side MVC framework. It lets you extend HTML’s syntax to express your application’s components clearly. Angular is a framework for building client applications in HTML and either JavaScript or a language like TypeScript that compiles to JavaScript.
Use AngularJS to quickly create UI views with simple and powerful template syntax. Its command line tool helps start building fast, add components and tests, then instantly deploy. We use Visual studio code as editor for intelligent code completion and instant errors checking.
Call us now at (+91) 8123 8678 49 if you are looking for AngularJS training classes at Bangalore, Whitefield location or online.


Knowledge of HTML, CSS and JavaScript is required to learn AngularJS.


Please fill this form and we will get back to you soon

AngularJS Course Curriculum

Set up the Development Environment for AngularJS

  • How to install Node.js
  • How to install npm
  • How to install Angular CLI
  • How to install visual studio code
  • How to create a project and run it

Angular Architecture Overview

  • Modules
  • Components
  • Templates
  • Metadata
  • Data binding
  • Directives
  • Services
  • Dependency injection

Template & Data Binding

  • Displaying Data
  • Showing component properties with interpolation
  • Constructor and variable initialization
  • Showing an array property with *ngFor
  • Creating a class for the data
  • Conditional display with NgIf
  • HTML in templates
  • Property binding
  • Component Interaction
  • Component Styles


  • How to use Pipes
  • Built-in pipes
  • Parameterizing a pipe
  • Chaining pipes
  • Custom pipes


  • Setup
  • Transitioning between two states
  • States and transitions
  • The wildcard state *
  • Entering and leaving
  • Animatable properties and units
  • Animation timing
  • Multi-step animations with keyframes


  • Binding to user input events
  • Get user input
  • Key event filtering
  • Template-driven forms
  • Create a form component
  • Two-way data binding with ngModel
  • Form Validation


  • Angular modularity
  • The root AppModule
  • Bootstrapping in main.ts
  • Declare directives and components
  • Service providers
  • Import supporting modules

Dependency Injection

  • Why dependency injection?
  • Configuring the injector
  • Registering providers in an NgModule
  • Registering providers in a component
  • Injector providers


  • Setup: installing the module
  • Making a request for JSON data
  • Reading the full response
  • Requesting non-JSON data
  • Sending data to the server
  • Events

Routing & Navigation

  • Router imports
  • Configuration
  • Router links
  • Activated route
  • Router events