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


Angular2 and Angular1 Development

Reviews | 1425 Learners Course Agenda
Master in Angular2 and Angular1 by developing Single Page App. At the end of this course, students will able to use Angular and Node.js 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
: 30 Hours
: English




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

About the course

The AngularJS Development course is primarily designed for UI Developer(s)/Web Developer(s) who want to learn how to create single page web application using AngularJS. In this course, you will learn the Angular fundamental like bootstrap process, directives, statements, routes, filters, services 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 most popular JavaScript MVW Framework
  2. Understand AngularJS basic and advanced in-depth concepts
  3. Create custom directives, filters and different types of scopes in directive
  4. Use Bower to manage front-end libraries and frameworks
  5. Create and consume REST service
  6. Optimize web pages 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.


Introduction to Javascript

  1. Understanding JavaScript
  2. History of JavaScript

JavaScript Language Fundamentals

  1. Understanding JavaScript
  2. Types of Data Type - Primitive & Non-Primitive
  3. Naming a variable
  4. Declaring Variables with and without var
  5. Local vs. Global Variables


  1. Understanding Numbers
  2. Numbers mathematics
  3. NaN and Infinity
  4. Exponential Numbers


  1. Understanding Objects
  2. Primitive types as Objects
  3. Literal Object
  4. Creating Object
  5. Object Methods and Properties


  1. Understanding Function
  2. Anonymous Function
  3. Function Nesting
  4. Closures

Strict mode

  1. Understanding use strict directive
  2. Using strict mode
  3. Advantage of Strict mode
  4. Browser support


  1. Understanding Prototype
  2. Prototype Inheritance
  3. Understanding __proto__


JS Frameworks and SPA

  1. Understanding JS libs and frameworks
  2. Advantages of JS libs and frameworks
  3. Introduction to SPA
  4. SPA vs. MPA
  5. Most Popular SPA
  6. Advantages of SPA
  7. SPA with jQuery, Backbone.JS, Knockout.JS and Ember.JS

Introduction to AngularJS

  1. Understanding AngularJS
  2. JavaScript VS jQuery VS AngularJS
  3. Advantage of AngularJS
  4. AngularJS VS others JS Frameworks
  5. Browsers Support

Model, View and Controller

  1. Understanding MVC
  2. Creating Models or ViewModels
  3. Creating Controller and View

AngularJS Bootstrap Process

  1. Angular Initialization Process
  2. Automatic Bootstrap
  3. Manual Bootstrap

AngularJS Fundamentals

  1. Modules
  2. Scopes - $scope and $rootScope
  3. Expressions
  4. Built-In Directives - ng-app, ng-controller, ng-bind, ng-model, ng-init, ng-options, ng-if, ng-show, ng-hide, ng-repeat, ng-switch
  5. Built-In Filters - Currency, Date, Number, OrderBy, Lowercase, Uppercase, Filter

Scopes & Controllers

  1. Creating Child Controller
  2. Scope Inheritance
  3. $watch, $digest and $apply

Custom Directives and Filters

  1. Types of Directives - Shared, Inherit & Isolate
  2. Custom Directives
  3. Custom Filters


  1. AngularJS Events
  2. Static Events Binding
  3. Dynamic Events Binding
  4. Events Handling

Data Binding

  1. Understanding Data Binding
  2. Types of Data Binding
  3. Issues with Two-Way Data Binding
  4. Choosing Appropriate Data Binding

Dependency Injection

  1. Understanding Dependency Injection
  2. Methods to inject Dependency
  3. Implementing Dependency Injection


  1. Understanding Services
  2. Types of Services
  3. Choosing Services - Factory, Service, Provider, Value & Constant
  4. Creating Services
  5. Data sharing using Services

Angular Forms and Controls

  1. Angular forms VS HTML forms
  2. Angular form input controls
  3. Angular form events
  4. Angular form validation
  5. Angular form and controls properties
  6. Applying CSS based on error messages
  7. Creating Cascading Dropdown List

Data Storage

  1. Web Storage - Local Storage and Session Storage
  2. Cookies


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. Create shopping cart
  2. Integrate payment gateway
  3. Validate data at client side and server side
  4. Create REST Service using Node.js
  5. Scale application for Phone, Tablets, and Laptop & Desktop using Bootstrap
  6. Optimize your page performance
  7. Secure their application based on user roles
  8. Publish their App on IIS

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