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


Angular2+4 with ExpressJS Development

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.
Angular Training

Why Angular?

An open source and widely used framework created by google, to build cross-platform desktop, web and mobile apps.
A complete hands-On training including project development using industry best practices and design priciples.
Paytm, American Express, Dell, Wal-Mart and many Fortune 500 companies are using Angular as their front-end development framework.
Average salary of Angular Developer is $102k (based on salary data).
Free Skill Challenge to Know Where you Stand?

In less than 5 minutes, with our skill challenge having 15 questions, you can identify your knowledge gaps and strengths. Your results tell you, how much you know, and what you need to learn. Here at Dot Net Tricks, you can learn the essential skills to be an exceptional leader and an outstanding professional.

Self-Paced Learning
  • Learn to build industry relevant projects
  • Access to interactive Learning Platform
  • Measure Progress through Assessments
  • Access to support forum
  • Learn Anytime, Anywhere, on Any Device
  • 1 Yr. of access to pre-recorded sessions videos

Course Description

  • About the course
  • Course Curriculum
  • Assessment
  • Project (Hands-On)
  • 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.

Module 1


  1. Issues with Plain JavaScript
  2. Introduction to TypeScript
  3. Advantages of TypeScript
  4. Getting Started with TypeScript
  5. Setting VS Code for TypeScript

TypeScript Fundamentals

  1. TypeScript Data Types
  2. Numbers
  3. Strings
  4. Loops


  1. Functions
  2. Arrow Function
  3. Default and Optional Parameters
  4. Function overloading

Classes, Access Modifiers and Constructors

  1. Classes
  2. Access Modifiers
  3. Constructor
  4. Constructor Overloading
  5. Static Members

Inheritance and Interfaces

  1. TypeScript Inheritance
  2. Introduction to Interface
  3. Using Interfaces

Generics and Modules

  1. Generics
  2. Creating Modules
  3. Importing Modules

Module 2

Introduction to Angular2

  1. Understanding Angular2
  2. Advantage of Angular2
  3. Angular1 vs. Angular2
  4. Browsers Support

Get Started with Angular2

  1. Setting up an Angular 2 App
  2. Running an Angular 2 App
  3. Understanding Angular2 folder structure
  4. Angular2 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

Angular2 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
  6. components, services, directives and Pipe etc.

Module 3

Directives and Pipes

  1. Built in Directives-ngIf, ngFor, ngSwitch etc.
  2. Creating Custom Directives
  3. Angular2 Pipes
  4. Creating Custom Pipes


  1. Bootstrap Fundamentals
  2. Bootstrap Grid System
  3. Bootstrap Components
  4. Bootstrap JavaScript


  1. Understanding Routing
  2. Defining Routes
  3. Nested Routes
  4. Attaching Routes to Actions
  5. Defining Templates

Module 4

Advanced Components and Directives

  1. Components Life Cycle Hooks
  2. Nested Components
  3. Data sharing between nested components


  1. Introduction to Angular2 Inheritance
  2. Components Inheritance

Angular Forms and Controls

  1. Introduction to Angular 2 Forms
  2. Types of Angular2 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

Module 5


  1. Introduction to SPA
  2. SPA vs. MPA
  3. Most Popular SPA
  4. Advantages of SPA


  1. Understanding Angular2 Services
  2. Creating

Database Operations with REST Service

  1. Introduction to REST
  2. Developing REST services using Node.js and MongoDB
  3. REST Service CRUD Operations

Module 6

Unit Testing

  1. Understanding Unit Testing
  2. Angular Unit Testing Framework
  3. Unit Testing with Jasmine and Karma
  4. Writing Unit Tests
  5. Running and Debugging Unit Tests with VS

Module 7 (Project: Online Flight Booking Site Development)

Discussing Project Architecture

  1. Understanding Application layers
  2. Discussing Application Entities Properties
  3. Discussing Relationship among Application Entities

Developing Application Architecture

  1. Designing Application Architecture
  2. Developing REST API
  3. Developing User Login and Signup Page

Module 8 (Project: Online Flight Booking Site Development)


  1. Implementing Token based Authentication
  2. Managing User session
  3. Implementing Authorization

Route Protection

  1. Protecting a Route from Unauthorized Access
  2. Need of Route Protection

Developing Category, Product Operations

  1. Developing Category CRUD Operations
  2. Developing Product CRUD Operations

Product Listing

  1. Displaying Products to Users
  2. Applying Paging and Sorting

Module 9 (Project: Online Flight Booking Site Development)


  1. Creating Cart
  2. Adding Products to Cart
  3. Removing Products from Cart

Payment Gateway

  1. Understanding Payment Gateway Process
  2. Integrating Payment Gateway
  3. Listing Successful Transactions
  4. Listing Failed Transactions

Module 10 (Project: Online Flight Booking Site Development)


  1. Understanding Github
  2. Creating Github Repository
  3. Uploading code to Github repository
  4. Performing operations on repository


  1. Deploying using Github
  2. Angular2 Hosting Options
  3. Hosting Angular App on cloud server Heroku

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


You will learn how to develop an online Flight Booking site. The site will show the list of flights to User/Customer. A user can buy a ticket for a flight and check ticket availability. He can see the previous booking history. Here, admin will be responsible for adding flights with their tickets. The application will use three-tier architecture with the extensible approach. We would be using the payment gateway to do online payment and finally publishing it.

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.

Angular Project Architecture

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
Instructor Led Training
  • Interactive instructor-led live sessions
  • Live Q&A sessions with mentor
  • Learn to build industry relevant projects
  • Access to interactive Learning Platform
  • Measure Progress through Assessments
  • Access to support forum
  • Learn Anytime, Anywhere, on Any Device
  • 1 Yr. of access to pre-recorded & live sessions videos
  • Certificate of Completion

Upcoming Batches

One-to-One Training

Get personal mentoring on any topics or a certain section that might be troubling you. One-to-One mentoring offer valuable insight into what it takes to get ahead.

Dot Net Tricks For Corporate Training

Our corporate training programs are specially designed as per industry requirements, so that your employees can develop applications with latest technologies. As a trusted and resourceful training partner, Dot Net Tricks helps you achieve success with its industry-leading instructional design and customer training initiatives.
Professional Reviews
Previous Next

Course Overview

: 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

Course Features

All sessions can be attended from anywhere, any time and using any device. Staying at home or office, you can upgrade yourself with latest technologies.
All sessions are led by our expert mentors. Even you have access to your live online training sessions video which will be available to you through LMS within 24 hours.
All the sessions are delivered using real-life examples. You will learn how to develop real project using industry recomended principles and practices.
Each Module will be followed by objective mockup tests and practical assignments which help you to monitor your learning progress and Evaluate yourself.
You get 365 days access to the Learning Management System (LMS). This includes video, course material, exercise files and ppts used during the session.
Towards the end of the course, you will be working on a project. Dot Net Tricks certifies you based on the project.
We have a community forum for all our learners wherein you can enrich their learning through peer interaction and knowledge sharing.
We have 24x7 online support team available to help you with any technical queries you may have during the course.