ANGULAR 5 - Course Curriculum

Angular JS We are the best training providers of Angular JS in navi mumbai, kharghar with excellent placements. By giving the perfect Angular JS Training in navi mumbai, we differ very much from others.By the expert guidance in learning Angular JS Training in navi mumbai we can proudly say we are the top providers.

Target Audience

10th & 12th class students Undergraduates, Graduates Post-Graduates & Job aspirants


Html, CSS, JavaScript


2 Months Duration, Classes taken 5 Days a week


5 day in a week, Weekend batch, Only Sunday batch

Download brochure

You can download brochure instantly

Fee Structure

Full Package 10,000/-

Drop Your Message


  1. Course Introduction.
  2. What is Angular?
  3. Angular vs Angular 2 vs Angular 4+
  4. Project Setup and First App.
  5. Editing the First App.
  6. The Course Structure.
  7. What is TypeScript.
  8. A Basic Project Setup using Bootstrap for Styling
  1. How an Angular App gets Loaded and Started
  2. Components
  3. Using Custom Components
  4. Creating Components with the CLI & Nesting Components
  5. Working with Component Templates
  6. Working with Component Style
  7. Assignment 1: Practicing Components
  8. What is Databinding
  9. String Interpolation
  10. Property Binding
  11. Property Binding vs String Interpolation
  12. Event Binding
  13. Bindable Properties and Events
  14. Passing and Using Data with Event Binding
  15. Two-Way-Databinding
  16. Important: FormsModule is Required for Two-Way-Binding
  17. Combining all Forms of Databinding
  18. Assignment 2: Practicing Databinding
  19. Understanding Directives
  20. Using ngIf to Output Data Conditionally
  21. Enhancing ngIf with an Else Condition.
  1. Splitting Apps into Components
  2. Property & Event Binding Overview
  3. Binding to Custom Properties
  4. Assigning an Alias to Custom Properties
  5. Binding to Custom Events
  6. Assigning an Alias to Custom Events
  7. Custom Property and Event Binding Summary
  8. Understanding View Encapsulation
  9. More on View Encapsulation
  10. Using Local References in Templates.
  11. Getting Access to the Template & DOM with @ViewChild.
  12. Understanding the Component Lifecycle
  13. Lifecycle Hooks.
  14. Lifecycle Hooks and Template Access.
  15. Assignment 3: Practicing Property & Event Binding and View Encapsulation
  1. ngFor and ngIf
  2. ngClass and ngStyle
  3. Creating a Basic Attribute Directive
  4. Using the Renderer to build a Better Attribute Directive
  5. More about the Renderer
  6. Using HostListener to Listen to Host Events
  7. Using HostBinding to Bind to Host Properties
  8. Binding to Directive Properties
  9. What Happens behind the Scenes on Structural Directives
  10. Building a Structural Directive
  1. Why would you Need Services?
  2. Creating a Logging Service
  3. Injecting the Logging Service into Components
  4. Creating a Data Service
  5. Understanding the Hierarchical Injector
  6. How many Instances of Service Should It Be?
  7. Injecting Services into Services
  8. Using Services for Cross-Component Communication
  9. Assignment 4: Practicing Services
  1. Why do we need a Router?
  2. Understanding the Example Project.
  3. Setting up and Loading Routes.
  4. Navigating with Router Links.
  5. Understanding Navigation Paths.
  6. Styling Active Router Links.
  7. Navigating Programmatically.
  8. Using Relative Paths in Programmatic Navigation
  9. Passing Parameters to Routes
  10. Fetching Route Parameters
  11. Fetching Route Parameters Reactively
  12. An Important Note about Route Observables
  13. Passing Query Parameters and Fragments
  14. Retrieving Query Parameters and Fragments
  15. Setting up Child (Nested) Routes
  16. Using Query Parameters - Practice
  17. Configuring the Handling of Query Parameters
  18. Redirecting and Wildcard Routes
  19. Important: Redirection Path Matching
  20. Outsourcing the Route Configuration
  21. An Introduction to Guards
  22. Protecting Routes with canActivate
  23. Protecting Child (Nested) Routes with canActivateChild
  24. Using a Fake Auth Service
  25. Controlling Navigation with canDeactivate.
  1. Analyzing a Built-in Angular Observable
  2. Building & Using a First Simple Observable.
  3. Building & Using a Custom Observable from Scratch.
  4. Unsubscribe!
  5. Where to learn more.
  6. Using Subjects to Pass AND Listen to Data.
  7. Understanding Observable Operators.
  1. Template-Driven (TD) vs Reactive Approach
  2. TD: Creating the Form and Registering the Controls
  3. TD: Submitting and Using the Form
  4. TD: Understanding Form State
  5. TD: Accessing the Form with @ViewChild
  6. TD: Adding Validation to check User Input
  7. Built-in Validators & Using HTML5 Validation
  8. TD: Using the Form State
  9. TD: Outputting Validation Error Messages
  10. TD: Set Default Values with ngModel Property Binding
  11. TD: Using ngModel with Two-Way-Binding
  12. TD: Grouping Form Controls
  13. TD: Handling Radio Buttons
  14. TD: Setting and Patching Form Values
  15. TD: Using Form Data
  16. TD: Resetting Forms
  17. Assignment 5: Practicing Template-Driven Forms.
  18. Introduction to the Reactive Approach
  19. Reactive: Setup
  20. Reactive: Creating a Form in Code.
  21. Reactive: Syncing HTML and Form.
  22. Reactive: Submitting the Form.
  23. Reactive: Adding Validation.
  24. Reactive: Getting Access to Controls.
  25. Reactive: Grouping Controls.
  26. Reactive: Arrays of Form Controls (FormArray).
  27. Reactive: Creating Custom Validators.
  28. Reactive: Using Error Codes.
  29. Reactive: Creating a Custom Async Validator.
  30. Reactive: Reacting to Status or Value Changes.
  31. Reactive: Setting and Patching Values.
  32. Assignment 6: Practicing Reactive Forms.
  1. Introduction & Why Pipes are Useful
  2. Using Pipes
  1. Introduction & How Http Requests Work in SPAs
  2. Sending Requests (Example: POST Request)
  3. Adjusting Request Headers
  4. Sending GET Requests
  5. Sending a PUT Request
  6. Transform Responses Easily with Observable Operators (map())
  7. Using the Returned Data
  8. Catching Http Errors
  9. Using the "async" Pipe with Http Requests.
  1. How Authentication Works in Single-Page-Applications
  2. More about JWT
  3. Creating a Signup Page and Route
  4. Setting up the Firebase SDK
  5. Signing Users Up
  6. Signin Users In
  7. Requiring a Token (on the Backend)
  8. Sending the Token
  9. Checking and Using Authentication Status
  10. Adding a Logout Button
  11. Route Protection and Redirection.
  12. Wrap Up
  1. Request Configuration and Response.
  2. Requesting Events.
  3. Setting Headers.
  4. Interceptors.
  1. A brush up with possible interview questions for an awesome career in Front End Development with Angular.