Adnan Mohsin December 31, 2016 Comments 2.00

"ASP.NET MVC Training with AngularJS

: Project-based Training Program
: .NET Beginner(s)/Professional(s)
: Visual Studio 2015, SQL Server 2014
Delivery method(s)
: Instructor-led Classroom/Online Training
: 40 Hours
: English





Course objectives

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

  1. Create custom html helpers and validations attributes
  2. Use jQuery to make user friendly web pages
  3. Query database using Entity Framework ORM code first approach
  4. Design and develop scalable architecture
  5. Create DAL Layer using Entity Framework Code First approach
  6. Scale application for Phone, Tablets, Laptop & Desktop using Bootstrap
  7. Create interactive app using AngularJS
  8. Do errors logging by using ELMAH
  9. Optimize web page performance
  10. Secure application based on user roles
  11. Publish theirs Apps on IIS

Who can do this course?

All .NET Beginner(s)/Professional(s) who are keen to develop interactive, light weight and highly extensible web application should go for this course.


Anyone who wants to learn ASP.NET MVC with AngularJS development should have a basic knowledge of C#, JavaScript and HTML. 




  1. Understanding ASP.NET MVC
  3. ASP.NET MVC Version History
  4. Understanding Model, View and Controller
  5. Advantages of ASP.NET MVC
  6. Design Pattern VS Architectural Pattern
  7. Layer VS Tier
  8. MVC pattern VS 3-Tier Architecture

Visual Studio Project Templates

  1. Understanding Visual Studio ASP.NET MVC Templates
  2. Creating an ASP.NET MVC project
  3. Understanding ASP.NET MVC project folder structure
  4. Understanding configuration files

Controller & Actions

  1. Understanding Controller
  2. Creating Controller
  3. Understanding Actions
  4. Actions and Non Actions Methods
  5. Understanding Action Results


  1. Types of Views
  2. Creating Standard View
  3. Creating Layout Page
  4. Communication between Controller and View

Razor View Engine

  1. Understanding Razor View Engine
  2. Razor View Engine VS Web Form Engine
  3. Razor Syntax
  4. Razor Statements, Loops etc.

ViewModel & Strongly Typed View

  1. Creating ViewModel
  2. Creating Strongly Typed View

Partial Views

  1. Static Partial View
  2. Dynamic Partial View

Routes & URLs

  1. Introduction to Routing
  2. Routing VS Url Rewriting
  3. Defining Routes
  4. Route Evaluation
  5. Attribute Routing

HTML Helpers

  1. Understanding Html Helpers
  2. Types of Html Helpers
  3. Built-In Html Helpers
  4. Inline Helpers
  5. Custom Helpers
  6. Url Helpers

AJAX Helpers

  1. Introduction to AJAX Helpers
  2. Using AJAX Helpers

Data Passing Techniques

  1. ViewData
  2. ViewBag
  3. TempData
  4. Session
  5. Query String
  6. Hidden Fields
  7. Cookies

ViewModel & Validation

  1. Creating ViewModel
  2. Understanding ASP.NET MVC Validation
  3. Need of Server Side and Client Side Validation
  4. Validation with Data Annotation

Custom Validation

  1. Custom client side Validation
  2. Custom Server side validation


Introduction to Bootstrap

  1. Introduction to Responsive Design
  2. Need of Bootstrap
  3. Bootstrap Fundamentals
  4. Bootstrap Grid System

Bootstrap Development

  1. Bootstrap Components
  2. Header, Footer, Navigation Bar
  3. Bootstrap Modals
  4. Bootstrap Form Elements
  5. Bootstrap Icons
  6. Typography
  7. Customizing Bootstrap
  8. Panels, Sliders, Tooltips



  1. Understanding LINQ
  2. LINQ - What, Why & When
  3. Flavors of LINQ
  4. Advantages of LINQ
  5. Var Type
  6. Anonymous Type
  7. Lambda Expression
  8. Query Based Syntax and Method Based Syntax
  9. Deferred Execution
  10. Immediate Execution
  11. Deferred/Lazy Loading
  12. Eager Loading
  13. LINQ Joins


  1. What is LINQPad
  2. Configuring LINQPad
  3. Querying database using LINQPad
  4. Testing LINQ query using LINQPad


Introduction to jQuery

  1. Understanding jQuery
  2. jQuery - What, Why & When
  3. JavaScript VS jQuery
  4. Advantage of jQuery

jQuery Selectors

  1. What are Selectors
  2. Types of Selectors
  3. Using Universal, Element, Class and Id Selectors
  4. Selecting & Manipulating Html elements

Interacting with DOM

  1. Get and Set Nodes value, html and text
  2. Adding and Removing Nodes
  3. Adding and Removing Classes
  4. Show, Hide and Empty

Events Handling

  1. Understanding jQuery Events Methods
  2. bind(), live(), delegate() and on()
  3. Choosing appropriate Event methods


  1. Understanding jQuery Ajax
  2. Making GET and POST Request

Entity Framework

Introduction to Entity Framework

  1. What is ORM
  2. ORMs used with .NET
  3. Understanding Entity Framework
  4. Advantages of Entity Framework

Data Modeling Approach

  1. Entity Framework Data Modeling Approach
  2. Choosing DB First, Model First or Code First

Code First Modeling

  1. Defining Mapping using Data Annotation
  2. Defining Mapping using Fluent API
  3. Entity Framework Code First Migrations
  4. Updating Database when the Model Changes
  5. CRUD Operations
  6. Calling Stored Procedures
  7. Code First with existing Database

Database First Modeling

  1. Creating Model from Database
  2. CRUD Operations
  3. Updating Model when the Database Changes
  4. Changing and Updating Mapping
  5. Calling Stored Procedures

.NET Unit Testing Frameworks

Unit Testing

  1. Understanding Unit Testing
  2. Test Driven Development (TDD)
  3. Behavior Driven Development (BDD)
  4. Advantages of Unit testing
  5. .NET Unit Testing frameworks

MS Test, XUnit and Moq

  1. Writing Unit Tests using xUnit
  2. Running and Debugging Unit Tests
  3. Understanding Mocking
  4. Advantage of Mocking
  5. Installing and Configuring Moq Framework
  6. Writing Unit Tests with Moq


Introduction to ASP.NET Web API

  1. What is REST
  2. Understanding ASP.NET Web API
  3. ASP.NET Web API VS WCF Rest VS Web Service
  4. Advantages of ASP.NET Web API

Controller & Actions

  1. Understanding Controller & Actions
  2. Creating Controller
  3. Creating Actions

Consuming Web API & Deployment

  1. Consuming Web API
  2. Hosting Web API

Securing Web API (with Project)

  1. Implementing basic Authentication
  2. Implementing Authorization

Optimization & Deployment of ASP.NET MVC Project

  1. Bundling & Minification
  2. Deploying Application


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

Building Rich Client-Side UI with Bootstrap

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

Templates & Routing

  1. Understanding Templates
  2. Types of Templates
  3. Understanding Routing
  4. Angular UI Routing
  5. Defining Routes
  6. Route Evaluation


  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

Project Development

Application Architecture

  1. Designing Application Architecture
  2. Developing DAL Layer using Entity Framework

Implementing Repository Design Pattern

  1. Understanding Repository Design Pattern
  2. Need of Repository Design Pattern
  3. Implementing Repository Design Pattern
  4. Understanding Dependency Injection

Implementing Dependency Injection

  1. Understanding Dependency Injection
  2. Advantage of Dependency Injection
  3. DI Container
  4. Implementing DI using Unity Container

Designing and Developing Project

  1. Developing User Signup Process
  2. Developing Category and Product CRUD Operations
  3. Developing Customer CRUD Operations

Extending ASP.NET MVC

  1. ASP.NET MVC Pipeline
  2. ASP.NET MVC Filters
  3. Extending ASP.NET MVC Filters
  4. Configuring ASP.NET MVC Filters

Implementing Security

  1. Understanding Forms Authentication
  2. Customizing principal
  3. Implementing custom Forms Authentication
  4. Implementing Authorization

Securing Web API

  1. Implementing basic Authentication
  2. Implementing Authorization

Product Listing

  1. Product Listing
  2. Developing Shopping Cart using AngularJS

Shopping Cart

  1. Products Searching
  2. Products Filtering
  3. Adding Products to Shopping Cart
  4. Removing Products to Shopping Cart

Payment Gateway

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


  1. Deploying Application on IIS


Mock-up Tests and Assignments

'CSHARPTUTOR' 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 4 mock-up tests and 4 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 ASP.NET MVC project with latest technologie
  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?

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

  1. Create shopping cart

  2. Integrate payment gateway

  3. Create DAL layer using Entity Framework Code First approach

  4. Create BAL layer using Repository design pattern

  5. Decouple modules using Dependency Injection

  6. Break a project into multiple modules using ASP.NET MVC Areas

  7. Use view models for validations

  8. Create Service layer using Web API

  9. Scale application for Phone, Tablets, Laptop & Desktop using Bootstrap

  10. Create interactive app using AngularJS

  11. Do errors logging by using ELMAH

  12. Optimize web pages performance

  13. Secure application based on user roles

  14. Authenticate/authorize user using ASP.NET MVC custom filters

  15. Publish your App on IIS

Frequently Asked Questions

Q1. Do you provide any course material?

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

Q2. 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.

Q3. 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.

Q4. What If I miss my classroom training class?

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

Q5. 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.

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

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

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

You can give us a CALL at +92 313 0015265 OR email us at




This course is mainly designed keeping perspective of Mastering Expertise on ASP.Net MVC and Angular JS for both Beginners as well as Professionals with optimum Hands-On Practice provision.

Search widget


Latest posts

Design Patterns Design Patterns in Programming

What is a Design Pattern? According to MSDN, "A design pattern is a description of a set of interacting classes that provide a framework for a solution to a generalized problem in a specific context or environment. In other words, a pattern suggests a solution to a particular problem or issue in object-oriented software development.”

May 05, 2017 16 0

C# Ref and Out parameters in C Sharp

This tutorial explains the concepts of Ref and Out Keywords in C # programming. These two keywords are also frequently asked in most interviews.

January 15, 2017 16 0

WPF Vector Graphics in WPF

In this article, I will discuss how we can create a Line, Rectangle, ellipse and Polygon control in WPF at design-time using XAML and at run-time using C#.I will also explain their properties to format such as fill property. After that, i will show you to set an image as the background of any shape object.

January 08, 2017 16 0

C# What is the difference between an Abstract Class and an Interface

One question is always out there in most interviews. What is the difference between an Abstract Class and an Interface and why do you use one over the other? It seems like a simple question but most often, the answer to this question is not sufficient for the interviewer and can cost a job. So, I have decided to write an article about them and have tried to explain it.

December 26, 2016 16 0