Mastering ASP.NET MVC with React

Reviews Curriculum
The Mastering ASP.NET MVC with React course is primarily designed for .NET Beginner(s)/Professional(s) who want to learn how to create web applications using ASP.NET MVC and React. In this course, you will learn how to create web pages, custom validation attributes, custom helpers, querying database using Entity Framework ORM, making pages more interactive using React, mobile friendly application and finally publish it on IIS.
Course Preview

Upcoming Batches

Class will start with one hour of orientation session, covering the learning path and objective of the program. You will have the flexibility to select batch as per your schedule and time preference.
Skills you will master
  • Design Patterns
  • Web API
  • Unit Testing
  • JavaScript
  • MVC
  • Entity Framework
  • C#
  • Project Development
  • React

Career Outlook

Career Opportunity 6 Million of professionals associated with ASP.Net MVC with React across the globe

Salary Trend

$102,500 is the median advertised salary for Software Developer in 2017. Companies competing to hire the limited number of Software Engineer are willing to offer up to US $500,000 per year. (Indeed.com & Dice.com)

Job Titles Include

Software Developer, Software Engineer, Web Developer, Front end Developer, Full Stack Developer

Course Description

  • About the course
  • Course Curriculum
  • Assessment
  • Project (Hands-On)
  • F&Q's

The Mastering ASP.NET MVC with React course is primarily designed for .NET Beginner(s)/Professional(s) who want to learn how to create web applications using ASP.NET MVC and React. In this course, you will learn how to create web pages, custom validation attributes, custom helpers, querying database using Entity Framework ORM, making pages more interactive using React, mobile friendly application and finally publish it on IIS.


Course objectives

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

  1. Create custom html helpers and validations attributes

  2. Query database using Entity Framework ORM code first approach

  3. Design and develop scalable architecture

  4. Create Application Core layer using Entity Framework Code First approach

  5. Scale application for Phone, Tablets, Laptop & Desktop

  6. Understand and Implement Repository, Unit of Work and Dependency Injection Design Pattern

  7. Understand React Core and advanced concepts

  8. Do errors logging by using ELMAH

  9. Optimize web page performance

  10. Understand Filters and Apply filters

  11. Secure application based on user roles

  12. Secure ASP.NET Web API using Token based security

  13. 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 app should go for this course.

Pre-requisites

Anyone who wants to learn Mastering ASP.NET MVC with React should have a basic knowledge of C# and HTML.

ASP.NET MVC

ASP.NET MVC

Introduction

  1. Understanding ASP.NET MVC
  2. ASP.NET vs. MVC vs. ASP.NET Web Form vs. ASP.NET MVC
  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

Controller & Actions

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

Views

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

MVC Pattern and 3-Tier

  1. Understanding Model, View and Controller
  2. Design Pattern vs. Architectural Pattern
  3. Layer vs. Tier
  4. MVC pattern vs. 3-Tier Architecture

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. Routing vs. Url Rewriting
  3. Defining Routes
  4. Attribute Routing
  5. Need of attributes routing

Helpers

  1. Understanding Html Helpers
  2. Types of Html Helpers
  3. Built-In Html Helpers
  4. Standard Helpers
  5. Strongly Typed Helpers
  6. Templated Helpers
  7. Inline Helpers
  8. Custom Helpers
  9. 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

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

Data Passing Techniques

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

WebGrid: Listing, Paging and Sorting

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

ASP.NET Web API

  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

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

Entity Framework

Entity Framework

Entity Framework Fundamentals

  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

Code First Modeling (Contd.)

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

Data Listing and Paging

  1. Implementing Paging, Sorting and Searching
  2. Using WebGrid for Data Listing
  3. Using AJAX with WebGrid

Design Patterns

  1. Managing code using Three Tier Architecture
  2. Understanding Repository and UOW Design Pattern
  3. Need of Repository Design Pattern
  4. Need to Unit of Work Design Pattern
  5. Implementing Repository and UOF Design Pattern

Dependency Injection

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

MVC Unit Testing

MVC Unit Testing

Unit Testing

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

.NET Unit Test Frameworks

  1. MS Test
  2. xUnit
  3. NUnit

Test Driven Development (TDD)

  1. Introduction to TDD
  2. Using TDD in app
  3. Advantages of TDD

Mocking

  1. Introduction to Mocking
  2. Mocking Frameworks – Moq, TypeMoq
  3. Advantages of Mocking

Unit Tests for Controller and Actions

  1. Writing unit tests for ASP.NET MVC controller
  2. Debugging unit tests
  3. Verify the actual and expected result

Visual Studio Live Unit Test

  1. Introduction to Visual Studio Live Unit Tests
  2. Testing unit tests using Visual Studio Live unit tests

React

React

JavaScript and ES6

  1. Understanding JavaScript
  2. Understanding ES6
  3. JavaScript Data Types – Primitive & Non-Primitive
  4. Naming a variable
  5. Number Mathematics

var, let and const

  1. Using var
  2. Using let
  3. Using const

Functions and Arrow Function

  1. Different types of Functions
  2. Named Function
  3. Anonymous Function
  4. Arrow Function
  5. Anonymous Function vs. Arrow Function

Objects and Constructor Function

  1. Creating Object
  2. Literal Object
  3. Primitive types as Objects
  4. Constructor Function

Class and Methods

  1. ES6 Class
  2. Class Members
  3. Templated String

Introduction to React

  1. Introduction to React
  2. Why React?
  3. Advantages of React

Setting Up Environment

  1. Installing Node.js
  2. Installing Visual Studio and Visual Studio Code
  3. Useful VS Extensions for React Development

Get Started with React

  1. Setting up the React App
  2. Running the React App
  3. React Initialization Process
  4. React Virtual DOM

JSX

  1. Introduction to JSX
  2. JSX for components
  3. Attributes
  4. Expressions
  5. Conditional rendering
  6. List and iteration

Data Binding and Event

  1. Data Binding
  2. Events in React
  3. Event Binding
  4. Events Handling and passing arguments

Assessment #3

  1. Mock-up Test

Routing using React Router

  1. Understanding Routing
  2. Introduction to React Router
  3. Defining Routes
  4. Routes Handling
  5. Handling Route Parameters
  6. Nested Routes

React Components

  1. Understanding Component
  2. Types of Components
  3. Creating Stateless Components
  4. Creating Stateful Components
  5. Props, State and Ref

Advanced React Components

  1. Inheritance
  2. Reusable Components
  3. Composition: Data Sharing Among Components
  4. Passing Data to Child Component
  5. Component Life-Cycle

React Forms and Controls

  1. Introduction to React Forms
  2. Types of Forms
  3. Uncontrolled Form
  4. Controlled Forms
  5. Form Validations
  6. Custom Validations

Project

Project

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

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 using React

  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 React

  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. Securing ASP.NET Web API using Token based security

  16. Publish your App on IIS

Master Program Certificate

Dot Net Tricks Certificate

Dot Net Tricks allows its esteemed users to take your skills to the next level with articles, books and courses on the most popular programming languages. Skill Assessments are good for anyone and everyone practicing technology.

In less than 10 minutes, with our skill assessments having 20 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.

Dot Net Tricks 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 technologies
  2. Evaluate theirs development skills
  3. Prepare themselves for real-application development

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

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 using React

  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 React

  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. Securing ASP.NET Web API using Token based security

  16. Publish your App on IIS

Q1. What is Masters Program and how is it different from the individual courses offered by Dot Net Tricks?

Masters Program is a structured learning path recommended by leading industry experts and ensures that you transform you to be a master of multitude skills, and this program aims at providing you an in-depth knowledge of the each and every skill. Individual courses at Dot Net Tricks focus on specialization in one or two specific skills, however, if you intend to become a master, then this is the path for you to follow.

Q2. Who are your mentors?

All our mentors are highly qualified and experience professionals. All have at least 8-10 yrs of development experience in various technologies and are trained by Dot Net Tricks to deliver interactive training to the participants.

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. Whom do I contact, if I have more queries?

You can give us a CALL at +91 113 303 4100 OR email us at enquiry@dotnettricks.com

Q5. Can I share my course with someone else?

In short, no. Check our licensing that you agree to by using Dot Net Tricks LMS. We track this stuff, any abuse of copyright is taken seriously. Thanks for your understanding on this one.

Q6. Do you offer certificates of completion?

Yes, We would be providing you with the certificate of completion of the program, once you have successfully submitted all the assessment and it has been verified by our subject matter experts.

Q7. How do I enroll for the course?

You can enroll in the course by doing payment. Payment can be made using any of the following options.
  1. Visa debit/credit card
  2. Net banking
  3. Through PayPal

Q8. How do I get an invoice?

You'll get a receipt upon checkout, however, if you need an invoice send us your details and we'll get one back to you right away.

Q9. Student discounts?

Yes, Dot Net Tricks provides student discount to learners who cannot afford the fee. Email us from your student account, or attach your student ID.

Q10. How do I setup my team?

Purchase the team license, then drop us an email with a list of user emails you’d like to have access, we'll create your team accounts.

Q11. Do you provide any course material or live session videos?

Yes we do. You will get access to the entire content including class videos, mockups, and assignments through LMS.

Q12. Do you provide technology version upgrade session free?

Yes we do. As the technology upgrades your content gets updated at no cost.

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

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

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

Like the Curriculum

Want to know more. Please do share your details.

Price Details

  • ASP.NET MVC
    8,000
  • Entity Framework
    3,500
  • MVC Unit Testing
    2,000
  • React
    6,000
  • Project
    4,000
Total 23,500
Discount Offered 5,001

18,499 23,500

ENROLL NOW
*Instructor-led Course. Price exclusive of taxes.

Course Features

Anywhere, Any Device

All sessions can be attended from anywhere, and using any device. Staying at home or office, you can upgrade yourself with latest technologies.

Instructor-led Sessions

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.

Assessments

Each Module will be followed by objective mockup tests and practical assignments which help you to monitor your learning progress and Evaluate yourself.

Real-life Case Studies

All the sessions are delivered using real-life examples. You will learn how to develop real project using industry recomended principles and practices.

365 Days Access

You will get 365 days access to the LMS. This includes video, course material, exercise files and ppts used during the session.

Forum

We have a community forum for all our learners wherein you can enrich their learning through peer interaction and knowledge sharing.

Technical Support

We have online support team available to help you with any technical queries you may have during the course.

Certification

At the end of the course, you need to complete one project. On successful completion, you will receive course completion certificate.

We've trained thousands of developers at some of the world's largest tech companies, including:

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

+