HOT

Complete guide to building an app with .Net Core and React

Development

Rating4.7
Enroll Now

Complete guide to building an app with .Net Core and React, available at $94.99, has an average rating of 4.67, with 313 lectures, based on 7409 reviews, and has 45167 subscribers.

You will learn about Learn how to build an application from start to publishing with .Net Core (v2.2), React (with Typescript) and Mobx How to build a Web API in .Net Core with Clean Architecture using the CQRS + Mediator pattern How to use AutoMapper and MediatR packages in the .Net projects How to build a multi-project solution with .Net Core How to use Entity Framework Core as the Object Relational Mapper How to integrate ASPNET Core SignalR into an application for real time web communication How to add Identity and Authentication using .Net Core Identity How to build a Client side application for the API with React How to use MobX as a state management library How to build our own Photo upload widget with a Dropzone and a Cropper to resize images This course is ideal for individuals who are Beginners to .Net Core or React or Typescript who want to learn how to build something with these tools or Students who prefer the practical approach to learning rather than learning by theory It is particularly useful for Beginners to .Net Core or React or Typescript who want to learn how to build something with these tools or Students who prefer the practical approach to learning rather than learning by theory.

Enroll now: Complete guide to building an app with .Net Core and React

Summary

Title: Complete guide to building an app with .Net Core and React

Price: $94.99

Average Rating: 4.67

Number of Lectures: 313

Number of Published Lectures: 312

Number of Curriculum Items: 313

Number of Published Curriculum Objects: 312

Original Price: $189.99

Quality Status: approved

Status: Live

What You Will Learn

  • Learn how to build an application from start to publishing with .Net Core (v2.2), React (with Typescript) and Mobx
  • How to build a Web API in .Net Core with Clean Architecture using the CQRS + Mediator pattern
  • How to use AutoMapper and MediatR packages in the .Net projects
  • How to build a multi-project solution with .Net Core
  • How to use Entity Framework Core as the Object Relational Mapper
  • How to integrate ASPNET Core SignalR into an application for real time web communication
  • How to add Identity and Authentication using .Net Core Identity
  • How to build a Client side application for the API with React
  • How to use MobX as a state management library
  • How to build our own Photo upload widget with a Dropzone and a Cropper to resize images

Who Should Attend

  • Beginners to .Net Core or React or Typescript who want to learn how to build something with these tools
  • Students who prefer the practical approach to learning rather than learning by theory

Target Audiences

  • Beginners to .Net Core or React or Typescript who want to learn how to build something with these tools
  • Students who prefer the practical approach to learning rather than learning by theory

***Course has now been refreshed for .Net 7.0, React 18 and React Router v6***

Have you learnt the basics of ASP.NET Core and React? Not sure where to go next? This course should be able to help with that. In this course we learn how to build a multi-project ASP.NET Core solution that is built using Clean Architecture and the CQRS and Mediator pattern that makes our code easy to understand, reason about and extend.

Both ASP.NET Core and React are hot topics and this course will enhance your knowledge of both, simply by building an application from start to finish. In each module we learn something new, whilst incrementally adding features to the application. Building an application is significantly more rewarding than building yet another Todo List from the documentation!

Every line of code is demonstrated and explained and by the end of this course you will have the skills and knowledge to build your own application using the techniques taught in this course.

Here are some of the things you will learn about in this course:

  • Setting up the developer environment

  • Creating a multi-project solution using the the ASP.NET Core WebAPI and the React app using the DotNet CLI and the create-react-app utility.

  • Clean Architecture and the CQRS + Mediator pattern

  • Setting up and configuring ASP.NET Core identity for authentication

  • Using React with Typescript

  • Adding a Client side login and register function to our React application

  • Using React Router

  • Using AutoMapper in ASP.NET Core

  • Building a great looking UI using Semantic UI

  • Adding Photo Upload widget and creating user profile pages

  • Using React Final Form to create re-usable form inputs with validation

  • Paging, Sorting and Filtering

  • Using SignalR to enable real time web communication to a chat feature in our app

  • Publishing the application to both IIS and Linux

  • Getting an ‘A’ rating for security from a well known security scanning site.

  • Many more things as well

Tools you need for this course

In this course all the lessons are demonstrated using Visual Studio Code, a free (and fantastic) cross platform code editor. You can of course use any code editor you like and any Operating system you like… as long as it’s Windows, Linux or Mac

Is this course for you?

This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project. If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.

On this course we will build an example social network application that allows users to sign up to events (similar to MeetUp or Facebook), completely from scratch. All we start with is an empty terminal window or command prompt.

All you will need to get started is a computer with your favourite operating system, and a passion for learning how to build an application using ASP.NET Core and React

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course introduction

Lecture 2: Setting up the developer environment

Lecture 3: VS Code extensions

Lecture 4: Source code and Resources used on this course

Chapter 2: Walking Skeleton Part 1 – API

Lecture 1: Introduction

Lecture 2: Creating the .Net projects and references

Lecture 3: Reviewing the project files and startup

Lecture 4: The API controller and using postman

Lecture 5: Creating a domain entity

Lecture 6: Adding an Entity Framework Db Context

Lecture 7: Creating an Entity Framework code first migration

Lecture 8: Creating the database

Lecture 9: Seeding data to the Database

Lecture 10: Adding an API controller

Lecture 11: Saving changes into source control

Lecture 12: Summary of Section 2

Chapter 3: Walking Skeleton Part 2 – Client

Lecture 1: Introduction

Lecture 2: Creating the React project

Lecture 3: Reviewing the React project files

Lecture 4: Why React?

Lecture 5: React Components

Lecture 6: Typescript concepts

Lecture 7: Typescript demo

Lecture 8: Using Typescript with React

Lecture 9: React dev tools

Lecture 10: Fetching data from the API

Lecture 11: CORS Policy

Lecture 12: Semantic UI React

Lecture 13: Summary of section 3

Chapter 4: Creating a CRUD application using the CQRS + Mediator pattern

Lecture 1: Introduction

Lecture 2: Clean Architecture

Lecture 3: CQRS

Lecture 4: Creating our first Query handler

Lecture 5: Thin controllers in the API

Lecture 6: Adding a Details handler

Lecture 7: Adding a Create handler

Lecture 8: Adding an Edit handler

Lecture 9: Adding AutoMapper

Lecture 10: Adding a Delete handler

Lecture 11: Startup class housekeeping

Lecture 12: Cancellation tokens

Lecture 13: Using the debugger in VS Code

Lecture 14: Summary of section 4

Chapter 5: Creating a CRUD application in React

Lecture 1: Introduction

Lecture 2: Folder structure in React

Lecture 3: Adding an Activity interface

Lecture 4: Adding a Nav bar

Lecture 5: Adding some style to the nav bar

Lecture 6: Creating an activity dashboard

Lecture 7: Creating an activity list

Lecture 8: Creating a details view

Lecture 9: Creating an Activity form

Lecture 10: Selecting an activity to view

Lecture 11: Displaying the create/edit form

Lecture 12: Editing an activity and form basics in React

Lecture 13: Handle create and edit submission

Lecture 14: Using a GUID for the activity id

Lecture 15: Deleting an activity

Lecture 16: Summary of section 5

Chapter 6: Axios

Lecture 1: Introduction

Lecture 2: Setting up axios

Lecture 3: Axios types

Lecture 4: Adding loading indicators

Lecture 5: Posting data to the server

Lecture 6: Deleting activity on the server

Lecture 7: Summary of section 6

Chapter 7: MobX

Lecture 1: Introduction

Lecture 2: What is MobX?

Lecture 3: Setting up MobX

Lecture 4: MobX actions

Lecture 5: Refactoring the app to use MobX

Lecture 6: MobX strict mode

Lecture 7: Selecting an Activity using MobX

Lecture 8: Creating an Activity using MobX

Lecture 9: Deleting an activity using MobX

Lecture 10: Using a Javascript map object to store the activities

Lecture 11: Summary of section 7

Chapter 8: Routing

Lecture 1: Introduction

Lecture 2: Installing React Router

Lecture 3: Adding routes

Lecture 4: Adding nav links

Lecture 5: Adding a details link

Lecture 6: Getting an individual activity

Lecture 7: Using route parameters

Lecture 8: Adding the edit activity route

Lecture 9: Adding a key to the route

Lecture 10: Redirect after submission

Lecture 11: Moving the home page outside of nav

Lecture 12: Cleaning up unused code

Lecture 13: Summary of section 8

Chapter 9: Styling the User Interface

Lecture 1: Introduction

Instructors

Rating Distribution

  • 1 stars: 76 votes
  • 2 stars: 62 votes
  • 3 stars: 415 votes
  • 4 stars: 2072 votes
  • 5 stars: 4787 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Instagram Marketing Business Coach Certification Coaching

The Complete Instagram Marketing Masterclass

Amazon SEO & Listing Optimization SECRETS to Double Sales