Mastering ASP.NET MVC with React

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

0

% OFF, Limited Time Offer!

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

Upcoming Batches

About the course

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.

Like the Course

Want to know more. Please do share your details.

Course Curriculum

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

    Assessment

    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

    Project (Hands-On)

    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

    Like the Curriculum

    Want to know more. Please do share your details.

    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.

    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 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 recommended principles & practices.

    LMS Access

    You will get access to our world class Learning platform. This includes video, course material, exercise files and ppts used during the session.

    Discuss Interview Q&A

    Each topic will be covered with the essential interview Q&A being asked to you in your technical interview. Prepare yourself to get your job.

    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.

    Mastering ASP.NET MVC with React Certification

    DotNetTricks Mastering ASP.NET MVC with React Certificate Holders work at 1000s of companies like:

    Dot Net Tricks Certificate

    Training Bundles

    Learn new skills and apply them in real-life to build end to end applications. Start your career today by joining our bundle training programs.

    Professional Reviews

    Like the Reviews

    Want to know more. Please do share your details.

    FAQs

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

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

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

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

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

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

    Q7. Do you provide technology version upgrade session free?

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

    Q8. 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.
    Live Batches
    +91 9999 123 502
    Accept cookies and close this message