Angular JS

  • Batch Timings :
  • Starting Date :

Course Overview

Angular is an advanced client-side framework based on the MVC pattern that allows developers to extend the HTML vocabulary and make the written code much more expressive and readable.


  • Resume & Interviews Preparation Support
  • Hands on Experience on Project.
  • 100 % Placement Assistance
  • Resume Preparation
  • Interview Preparation
  • Multiple Flexible Batches

At the end of Web Designing with Angular Training Course, Participants will be able to:

  • Make real time projects in Angular.
  • Learn how to build production-ready Angular 6  applications through a number of hands-on application.
  • Develop modern, complex, responsive and scalable web applications with Angular
  • Understand the importance of the web as a medium of communication.

Course Duration

  • Weekdays: 1.5-2 Months(40-50 hours)
  • Weekends: 6-8 weekends

Prerequisites :

  • Basic Knowledge of Programming would be a Plus point but it is not necessary for this course.
  • Basic of Front End Designing tools such as HTML, CSS and JavaScript is desirable, however not mandatory.


1.1 Getting Started

  • Difference between Angular JS and Angular
  • Introduction to Angular
  • What is Angular and How it Works?
  • How does Angular get started?
  • First Angular App
  • File & Folder Structure of Angular Application

1.2 Typescript

  • Introduction
  • Why using typescript.
  • Basic Data Types & Variables
  • Using Types
  • Type Assertion
  • Operators & their types
  • Loops
  • Constructor Method
  • Inheritance of Classes
  • Typescript Object
  • Working with Class
  • Working with Function

1.3 Installation and Configuration

  • Installing Angular
  • Configuration of Angular
  • Creating an Angular project using CLI
  • Installing Git and Node
  • Setup for local environment

1.4 Architecture

  • Architecture of Angular
  • Component
  • Modules
  • Services
  • Dependency Injection
  • Directive
  • Attribute Directive
  • Structural Directive

1.5 Components

  • What are components?
  • Understanding Components life cycle hooks
  • Creating and using components

1.6 Communicating Between Components

  • Passing Data into a Child Component
  • Passing Data out of a Child Component
  • Communication between sibling components

1.7 Directives

  • What are directives?
  • Directive types
  • About Directive Scope
  • Creating Directives
  • Structural directives (ngIF, ngFor, ngSwitch)
  • Style and Class Directives ( ngClass, ngStyle)

1.8 Databinding

  • One-way databinding and Two-way databinding.
  • Property binding and Interpolation
  • Event binding
  • Attribute binding
  • Class binding
  • Style binding
  • Ng-Model
  • Use of @Input and @Output

1.9 Pipes

  • Why pipes are useful?
  • Parameterizing pipes
  • Custom pipes

1.10 Template Driven Forms

  • Introduction
  • 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 ngSubmit
  • Disable the form’s submit button until the form is valid
  • Resetting the form
  • Form with @ViewChild

1.11 Reactive Forms

  • Introduction
  • More Form Controls
  • Form Control Properties
  • setValue and patchValue
  • Validating Form Elements
  • Submitting and Resetting forms
  • Observing and Reacting to Form Changes
  • Using FormBuilder

1.12 Communicating with the Server Using HTTP, Observables, and Rx

  • Moving Data Storage to the Server
  • Listening to Resolved Data Changes
  • Using Querystring Parameters
  • Using POST and PUT
  • Using DELETE
  • Integrating Authentication with the Server
  • Persisting Authentication Status Across Page Refreshes
  • Saving User Data to the Server
  • Implementing Logout

1.13 Services & Dependency injection

  • Introduction to Services and Dependency Injection
  • Why do we need Services?
  • Creating a Logging Service
  • Injecting the Logging Service into Components
  • Creating a Data Service
  • Understanding Hierarchical Injector
  • How many Instances of Service?
  • Injecting Services into Services
  • Using Service for Cross-Component Communication

1.14 Authentication, Routing and Navigation.

  • Introduction
  • Configuring
  • Navigating
  • Parameterized routes
  • Adding Multiple Pages to Your App
  • Adding Your First Route
  • Accessing Route Parameters
  • Linking to Routes
  • Navigating from Code

1.15 Services

  • What is service?
  • How to use services?


Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production, and graphic design. While the terms web design and web development are often used interchangeably, web design is technically a subset of the broader category of web development.

Classes are held on weekdays and weekends. You can check available schedules and choose the batch timings which are convenient for you.

Towards the end of the course, all participants will be required to work on a project to get hands on familiarity with the concepts learnt. This Project will be reviewed by our instructors and industry experts. On successful completion, you will be awarded a certificate.