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


ASP.NET MVC with Angular Development

The ASP.NET MVC5 with Angular Development course is primarily designed for .NET Beginner(s)/Professional(s) who want to learn how to create web applications using ASP.NET MVC5 and Angular. In this course, you will learn how to create web pages, custom validation.
MVC Training Program


A community of more than 6 million developers. More than 1.7k companies contributing to the .NET platform.
A complete hands-On training including project development using industry best practices and design priciples.
Stack Overflow, Alaska Airlines, FoxSports, DishTV, Samsung, Vodafone, TCS & many other MNC's worldwide use .Net across industries.
Average salary of Microsoft .Net Developer is $98k (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 ASP.NET MVC with Angular Development course is primarily designed for .NET Beginner(s)/Professional(s) who want to learn how to create web applications using ASP.NET MVC and Angular. In this course, you will learn how to create web pages, custom validation attributes, custom helpers, querying database using Entity Framework ORM, making page more interactive using Angular4, mobile friendly application and finally publish it on IIS.

Module 1


  1. Introduction to ASP.NET MVC
  2. ASP.NET MVC vs. ASP.NET Web Form
  3. Advantages of ASP.NET MVC

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

Model, View, Controller & Actions

  1. Understanding Model, View and Controller
  2. Types of Views
  3. Creating Controller
  4. Understanding Actions
  5. Actions and Non-Actions Methods
  6. Understanding Action Results
  7. 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.

Routes & URLs

  1. Introduction to Routing
  2. Defining Routes
  3. Attribute Routing
  4. Need of attributes routing

Module 2


  1. Understanding Html Helpers
  2. Types of Html Helpers
  3. Built-In Html Helpers
    1. Standard Helpers
    2. Strongly Typed Helpers
    3. Templated Helpers
  4. Inline Helpers
  5. Custom Helpers
  6. Url helpers

Server-side Data Receiving Ways

  1. Action Parameters
  2. View Models/Objects
  3. FormCollection

Partial Views

  1. Static Partial View
  2. Dynamic Partial View

Module 3

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

Data Passing Techniques

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

Assessment #1

  1. Mock-up test
  2. Assignment

Module 4

Entity Framework

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

Data Modeling Approaches

  1. Entity Framework Data Modelling Approaches
  2. Choosing DB First, Model First or Code First

Code First Modeling

  1. Defining Mapping using Data Annotation
  2. Implementing CRUD Operations
  3. Defining Mapping using Fluent API

Database Migration, DB Procedures and Functions

  1. Entity Framework Code First Migrations
  2. Updating Database when the Model Changes
  3. Calling Stored Procedures and functions
  4. 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

Model First Modeling

  1. Creating Model
  2. Creating Database from Model

Module 5

Repository Design Pattern and Unit of Work Design Patterns

  1. Understanding Repository and UOW Design Pattern
  2. Need of Repository Design Pattern
  3. Need to Unit of Work Design Pattern
  4. Implementing Repository and UOW Design Pattern

Dependency Injection

  1. Understanding Dependency Injection
  2. Need of Dependency Injection
  3. Implementing DI

WebGrid: Listing, Paging and Sorting

  1. Creating Custom Paging Method
  2. Using WebGrid for Listing, Paging and Sorting
  3. Ajax WebGrid

Assessment #2

  1. Mock-up test
  2. Assignment

Module 6

Introduction to Angular2+4 & Angular5

  1. Introduction to Angular
  2. Advantages of Angular
  3. Angular1 vs. Angular2
  4. Browsers Support

Get Started with Angular5

  1. Setting up an Angular App
  2. Running an Angular App
  3. Understanding Angular folder structure
  4. Angular Initialization Process

Angular Building Blocks: Components, Modules, Decorators

  1. Understanding Component
  2. Creating a Component
  3. Understanding Modules
  4. Understanding Decorators


  1. Understanding Data Binding
  2. Attribute Binding
  3. Two-way Data Binding
  4. Event Binding etc.


  1. Understanding Routing
  2. Defining Routes
  3. Routing Building Blocks – Routes, Router Outlet and Router Link

Module 7

Directives and Pipes

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

Angular Forms and Controls

  1. Introduction to Angular Forms
  2. Creating Angular Form
  3. Angular form input controls
  4. Angular form validation
  5. Angular form and controls properties


  1. Introduction to Services
  2. Creating Services
  3. Data sharing using Services

Assessment #3

  1. Mock-up test
  2. Assignment

Module 8


  1. Introduction to SOA
  2. Introduction to REST
  3. REST Principles
  4. Understanding ASP.NET Web API
  5. Choosing between WCF and WebAPI

ASP.NET Web API Controller & Actions

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

Database Operations and Postman

  1. CRUD Operations using Web API
  2. Using Postman for testing Web API
  3. Consuming Web API using ASP.NET MVC

Angular SPA

  1. Setting Up Angular App using Visual Studio
  2. Building and Running Angular using Visual Studio
  3. Consuming Web API using Angular

Module 9

Unit Testing

  1. What is Unit Testing
  2. Advantages of Unit Testing

.NET Unit Testing

  1. .NET Unit Test Frameworks
  2. Understanding Mocking
  3. Advantage of Mocking
  4. Writing, Debugging and Running Unit Tests Cases

Angular Unit Testing

  1. Angular Unit Testing Framework
  2. Unit Testing with Jasmine and Karma
  3. Writing, Debugging and Running Unit Tests Cases

Module 10 (Project: Online Shopping Site Development)

Discussing Project Architecture

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

Developing Project

  1. Designing Application Architecture
  2. Developing DAL layer using Entity Framework Code First

Implementing Design Pattern

  1. Developing BAL layer
  2. Repository Design Pattern
  3. User Login Process
  4. Dependency Injection

Module Development

  1. Creating Admin Module using Area
  2. Creating User Module using Area

Forms Authentication

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

ASP.NET MVC Pipeline and Filters

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

Assessment #4

  1. Mock-up test
  2. Assignment

Module 11 (Project: Online Shopping Site Development)

Securing ASP.NET MVC App

  1. Implementing Security using Custom Authentication Filter
  2. Implementing Authorization using Custom Authorization Filter
  3. Passing Logged in User Info Across the App

Category and Product Listing

  1. Category CRUD Operations
  2. Product CRUD Operations

Bundling & Minification

  1. Understanding Bundling & Minification
  2. Minimize number of static files requests

Web API and Angular

  1. Developing Web API for shopping Cart
  2. Setting Up Angular with ASP.NET MVC
  3. Developing Shopping Site Store using Angular

Shopping Cart

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

Module 12 (Project: Online Shopping Site Development)

Payment Gateway

  1. Understanding Payment Gateway Process
  2. Integrating Payment Gateway
  3. Sending/Receiving data to and from Payment Gateway
  4. Placing order

Error Logging

  1. Understanding ELMAH
  2. Configuring ELMAH
  3. Saving errors into database

Securing ASP.NET Web API

  1. Understanding Token based Security
  2. Implementing Token based Security
  3. Customizing principal
  4. Implementing Authorization


  1. Deployment on IIS

Mock-up Tests and Assignments

Dot Net Tricks’ 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.Each mockup test includes 20 multiple choice questions.

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 technologies
  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, an admin will be responsible for adding products, categories and approving customer order. The application will use the three-tier architecture with the extensible approach. We would be using a 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.

ASP.NET MVC Project Architecture

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 Application core layer using Entity Framework Code First approach

  4. Create Repository layer using Repository and Unit of Work 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 Angular

  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 +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 Program
: .NET Beginner(s)/Professional(s)
: VS 2017, SQL Server 2014
Delivery method
: Instructor-led Sessions
: 40 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.