Angular 6

Book your Seat by a One-time Registration Fee of Rs.2000/-


Angular is a very powerful open source JavaScript Framework mainly maintained by Google. It is used in Single Page Application (SPA) projects. It extends HTML DOM with additional attributes and makes it more responsive to user actions. Angular is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache license version 2.0. It gives designers a utility to use HTML as a template language and offers them to use new HTML syntax specific to the websites.

3RI Technologies is a one of the best Angular 6 training institute in Pune. Our Angular course is a must for web designers and developers who want to pursue their career in front end development. Our Angular 6 training in Pune covers all learning modules for Web development with the Anugular 6 course. Our trainers are well experienced and industry professionals who always strive to deliver the best training to students. Our high end infrastructure with well equipped labs is just few add ons in our Angular JS course. Angular has gained a lot of popularity in the recent times and is considered to be one of the best frameworks available nowadays. Web being explored so much since past few decades, developing websites is a must for every business entity; considering that 3RI Technologies has come up with this new and advanced Angular training course with Angular 6 version for web developers who want to explore and excel in their career. In our Angular classes in Pune, students work on the live projects individually. We also provide post training sessions and full placement support to our students. Sounds interesting!!!You can directly walkin to any of our branches at Pimple Saudagar and Deccan to know more and enroll yourself.

Course Features

  • Hands on Experience on Live Project
  • Online portal for E-learning Management
  • A Web based project like E commerce Website
  • Mobile Application in Native and hybrid platform using angular and ionic3
  • 100 % Placement Assistance
  • Resume Preparation
  • Interview Preparation
  • Missed Sessions Covered
  • Multiple Batches
  • Flexible Timings
  • Live Project Work/Assignments
  • Free Soft Skill Sessions


  • Knowledge of HTML / CSS is required
  • Candidate should have a good knowledge of JavaScript and Object Oriented JavaScript


  • 7-8 Weekends (Weekend Batch)

  • Course Syllabus

    Angular 6 Training Course
    1. Getting Started
      • Introduction
      • What is Angular ?
      • How Angular Works ?
      • Difference between Angular and Other Framework
      • Advantages of AngularJS
    2. Typescript
      • What is typescript?
      • Compare typescript with Javascript
      • Data Types & Variables
      • Variable & Operators
      • Control Structure and Decision making & loops
      • Typescript Functions & Strings
      • Typescript Object
      • Class , Abstract Class
      • Constructor Method
      • Type of Assertion
      • Interfaces
    3. Application setup
      • Installing Angular JS
      • Configuration of Angular JS
      • Creating an Angular 2 project
      • Creating an Angular 2 project using CLI
    4. NodeJS
      • Setup
      • Commands
      • What is NPMM
      • Install Npm for Angular.
    5. Architecture
      • Module
      • Component
      • Template
      • Metadata
      • Data binding
      • Directive
        • Attribute Directive
        • Structural Directive
      • Services
      • Dependency Injection
    6. Directives
      • Understanding Directives
      • Directives Overview
      • Different kinds of directives
      • Build attribute directive
      • Apply the attribute directive to an element in a template
      • Respond to user-initiated events
      • Pass value into the directive with an @Input data binding
      • Custom Attribute Directive
    7. Structural And Attribute Directive
      • What is structural directive?
        • NgIf case study
        • NgFor,NgSwitch
      • What is attribute Directives
        • Using the NgStyle Directive
        • Using the NgClass Directive
        • The <'template'> element
    8. Service
      • What is service?
      • Create a service
      • Understanding Services Injecting Concepts
      • Async service and promise
      • Introduction to Observable
      • What is web service
      • how to create web service
      • how to consume rest service
      • posting data to client server architecture
      • Introduction to Material Design
      • Introduction to card Material Design .
      • What is Json Server .
      • Install json server and run and up into your local machine
      • crud operation using son server.
    9. Dependency Injection
      • Why dependency injection?
      • Angular dependency injection
      • Injector provider
    10. Data Binding
      • Interpolation
      • Property binding
      • Event binding
      • Attribute binding
      • Class binding
      • Style binding
      • Multiple components & passing data
    11. Display data
      • Class Binding
      • Style Binding
      • Event Binding
      • Two-way Binding
      • Component Data Binding
      • Component Events
      • Ng-Model
    12. User input
      • Binding to user input events
      • Get user input from the $event object
      • Get user input from a template reference variable
      • Key event filtering (with key.enter)
    13. Form
      • Types of Forms in Angular4
      • Introduction to Template Driven Forms.
      • Validation of Template Driven Forms.
      • Introduction Model Driven Forms.
      • Validation of Model Driven Forms.
      • Two way data binding using ngModel.
      • Model Driven Forms With Form Builder
      • How to post data via a angular forms with rest service.
    14. Pipes
      • Introduction to Pipes
      • Why pipes are useful.
      • Type of pipes
      • Built-in pipes
      • parametrised pipes
      • how to create custom pipes
    15. Router
      • Setting Up Router
      • Imperative Routing
      • Route Parameter
      • Child Routing
    ANGULAR 4 & 5
    1. Angular4
      • Features of angular 4
      • Animation package
      • Angular Universal
      • Typescript 2.1 and 2.2 compatibility
      • Flat ES Modules (Flat ESM/FSEM)
      • Upgrading from angular 2 to 4
    2. Angular 5:
      • What is new in Angular 5?
      • Introduction to Build optimizer.
      • New Router Lifecycle Events in Angular 5
      • Service Workers in Angular 5
      • Deprecations and Other Updates
    Ionic 3 (Building mobile apps for IOS+Android+Windows ) using Angular
      • Installing the Ionic 3 CLI
      • Creating a New Project with the Ionic 3 CLI
      • Listing Project Templates
      • Running our Project in the Browser and on a Device
      • Using Live Reload on a Device
      • Generating Project Components with the Ionic CLI
      • Getting Environment Information with Io
      • Accessing the Ionic Documentation
      • Creating an Account
      • Authenticating to Within the CLI
      • Creating an Application on the Platform
      • Using Ionic View to Run Your Application on a Device
      • Generating Splash Screen and Icon With the CLI–
      • Getting Started with Ionic 3
      • Creating an Ionic Application
      • Serving the Application
      • Folder Structure
      • Your First Application
      • Ionic Document Flow
      • Challenge - Create an Ionic Application
      • Run Your Application in a Browser

    Inquire Now


    Student's Reviews about 3RI