Please enable Javascript to correctly display the contents on Dot Net Tricks!


Angular2 and Angular4 Development

Reviews | 1425 Learners Course Agenda
Master in Angular2 and Angular4 by developing Single Page App. At the end of this course, students will able to use Angular and REST API to develop an end-to-end Single Page App.


: Project-based Training Program
: UI Developer(s)/Web Developer(s)
: Visual Studio Code, Webstorm
Delivery method(s)
: Instructor-led Classroom/Online Training
: 28 Hours
: English




  • About the course
  • Course Curriculum
  • Assessment
  • Projects
  • F&Q's

About the course

The Angular Development course is primarily designed for UI Developer(s)/Web Developer(s) who want to learn how to create single page web application using Angular. In this course, you will learn the Angular2, Angular4 and TypeScript fundamental like modules, components, life cycle hooks, pipes, directives, services, forms validation, classes, interface, method overloading, arrow function etc. that help you to build rich, scalable, extensible and high performance single page web application and much more.

Course objectives

At the completion of this course, attendees will be able to;

  1. Understand Typescript core and advanced concepts
  2. Understand Angular2 and Angualar4 basic and advanced in-depth concepts
  3. Create components, services, pipe and forms validations etc.
  4. Create REST Service using Firebase
  5. Consume Firebase REST service
  6. Optimize web page performance
  7. Secure application based on user roles
  8. Scale SPA for Phone, Tablets, Laptop & Desktop using Bootstrap
  9. Publish their App

Who can do this course?

All professionals who are keen to develop interactive, light weight and highly extensible SPA should go for this course.


Anyone who wants to learn AngularJS development should have a basic knowledge of programming, JavaScript and HTML/HTML5.



  1. Issues with Plain JavaScript

  2. Introduction to TypeScript

  3. Advantages of TypeScript

  4. Getting Started with TypeScript

Classes and Interfaces

  1. Classes

  2. Access Modifiers

  3. Constructor

  4. Method Overloading

  5. Inheritance

Functions and Arrow Function

  1. Functions

  2. Arrow Function

Modules and Namespaces

  1. Modules

  2. Namespaces

Angular2 And Angular4

Introduction to Angular2 & Angular4

  1. Understanding Angular

  2. Advantage of Angular

  3. Angular1 vs. Angular2 vs. Angular4

  4. Browsers Support

Get Started with Angular2 & Angular4

  1. Setting up an Angular App

  2. Running an Angular App

  3. Understanding Angular folder structure

  4. Angular Initialization Process


  1. Introduction to Component

  2. Creating a Component

  3. Bootstrapping the Component


  1. Understanding Data Binding

  2. Attribute Binding

  3. Two-way Data Binding

  4. Event Binding etc.

  5. Choosing Appropriate Data Binding

Angular CLI

  1. Introduction to CLI

  2. Creating new project - ng new and ng init

  3. Building Project - ng build and ng serve

  4. Ng CLI options

  5. Ng CLI for creating components, services, directives and Pipe etc.

Directives and Pipes

  1. Built in Directives - ngIf, ngFor, ngSwitch etc.

  2. Angular Pipes

  3. Creating Custom Pipes


  1. Understanding Routing

  2. Defining Routes

  3. Attaching Routes to Actions

Advanced Components and Directives

  1. Components Life Cycle Hooks

  2. Nested Components

  3. Data sharing between nested components

  4. Creating Custom Directives

  5. Using a Component as a Directive


  1. Introduction to Angular Inheritance

  2. Components Inheritance

Angular Forms and Controls

  1. Introduction to Angular Forms

  2. Types of Angular Forms - Template Driven and Model Driven

  3. Template Driven vs. Model Driven

Template Driven Form

  1. Creating Template driven Form

  2. Angular form input controls

  3. Angular form validation

  4. Angular form and controls properties

Model Driven Form

  1. Creating Model driven Form

  2. Angular form input controls

  3. Angular form validation

  4. Angular form and controls properties


Building Rich Client-Side UI with Bootstrap

  1. Understanding Bootstrap
  2. Bootstrap Grid System
  3. Bootstrap Components

Mock-up Tests and Assignments

Dot Net Tricks's mock-up tests and assignments help the professionals to work on real-world projects and to get an edge in their careers and make their lives better. This training program includes 3 mock-up tests and 2 assignments.

Mockup-Tests objectives

At the completion of mockup-tests, attendees will be able to;

  1. Monitor theirs learning progress
  2. Evaluate themselves
  3. Crack theirs technical interview first round with objective questions

Assignments objectives

At the completion of assignments, attendees will be able to;

  1. Gain confidence to work on AngularJS project
  2. Evaluate theirs development skills
  3. Prepare themselves for real-application development

Project : Online Shopping Site

Desciption: You will learn how to develop an online shopping site. The site will show the list of products to User/Customer. A user can purchase products and see the previous order history. Here, admin will be responsible for adding products, categories and approving customer order. The application will use three-tier architecture with extensible approach. We would be using payment gateway to do online payment and finally publishing it on IIS.

Project Architecture: The primary goal of this architecture is to share as much code as possible across the web application and further reuse existing code for mobile apps development if necessary. This architecture will help you to develop web application with the recommended design patterns and practices.

What you will learn through project?

  1. Develop Angular Single Page App
  2. Break a project into multiple modules
  3. Create shopping cart
  4. Integrate payment gateway
  5. Validate User Inputs
  6. Create REST Service using Firebase
  7. Scale application for Phone, Tablets, and Laptop & Desktop using Bootstrap
  8. Optimize your page performance
  9. Secure their application based on user roles
  10. Publish their App on Cloud

Frequently Asked Questions

Q1. What resources do I need to join online course?

To join our online training class, you need to have a laptop or pc, a headphone and an internet connection.

Q2. Do you provide any course material?

Yes we do. All relevant course material and exercises you will be get through our mentors.

Q3. Do you provide any class video?

Yes we do. You will get the recorded sessions of your own online training classes, so that you can revise your class when you want.

Q4. What If I miss my online training class?

All online training classes are recorded. You will get the recorded sessions so that you can watch the online classes when you want. Also, you can join other class to do your missing classes.

Q5. What If I miss my classroom training class?

You can join other on going classroom batch classes to do your missing classes.

Q6. Do you prepare me for the job interview?

Yes, we do. We will discuss all possible technical interview questions and answers during the training program so that you can prepare yourself for interview.

Q7. Do you provide hands-on real application development?

Yes, we do provide you to do hands-on real application development.

Q8. Whom do I contact, if I have more queries?

You can give us a CALL at +91 113 303 4100 OR email us at


+91 11 330 34100


Shailendra Chauhan
Author, Architect, Corporate Trainer and Microsoft MVP

Professional Speaks