Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development ASP.NET Core

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

The complete guide to building an app from start to finish using ASP.NET Core, React (with Typescript) and Mobx
Bestseller
Rating: 4.7 out of 54.7 (3,257 ratings)
17,536 students
Created by Neil Cummings
Last updated 2/2021
English
English [Auto], French [Auto]
30-Day Money-Back Guarantee

What you'll 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
Curated for the Udemy for Business collection

Course content

47 sections • 625 lectures • 68h 41m total length

  • Preview06:44
  • Setting up the developer environment
    05:36
  • VS Code extensions
    05:59
  • Source code and Resources used on this course
    01:57

  • Introduction
    07:51
  • Creating the .Net projects and references
    09:41
  • Reviewing the project files and startup
    11:53
  • The API controller and using postman
    06:06
  • Creating a domain entity
    04:41
  • Adding an Entity Framework Db Context
    13:41
  • Creating an Entity Framework code first migration
    07:38
  • Creating the database
    08:07
  • Seeding data to the Database
    07:14
  • Preview10:16
  • Saving changes into source control
    07:34
  • Summary of Section 2
    07:26

  • Introduction
    03:30
  • Creating the React project
    07:07
  • Reviewing the React project files
    10:05
  • Why React?
    02:46
  • React Components
    07:33
  • Typescript concepts
    07:09
  • Typescript demo
    11:12
  • Using Typescript with React
    11:03
  • React dev tools
    03:34
  • Preview10:10
  • CORS Policy
    04:59
  • Semantic UI React
    11:19
  • Summary of section 3
    04:47

  • Introduction
    04:12
  • Clean Architecture
    09:33
  • CQRS
    04:00
  • Creating our first Query handler
    09:40
  • Preview03:47
  • Adding a Details handler
    03:47
  • Adding a Create handler
    09:11
  • Adding an Edit handler
    06:52
  • Adding AutoMapper
    06:21
  • Adding a Delete handler
    06:12
  • Startup class housekeeping
    05:34
  • Cancellation tokens
    07:46
  • Preview08:06
  • Summary of section 4
    03:06

  • Introduction
    02:42
  • Folder structure in React
    05:34
  • Adding an Activity interface
    06:41
  • Adding a Nav bar
    04:37
  • Adding some style to the nav bar
    08:04
  • Preview06:20
  • Creating an activity list
    06:19
  • Creating a details view
    09:05
  • Creating an Activity form
    03:19
  • Selecting an activity to view
    12:04
  • Displaying the create/edit form
    09:32
  • Editing an activity and form basics in React
    10:31
  • Handle create and edit submission
    05:53
  • Using a GUID for the activity id
    05:31
  • Deleting an activity
    03:47
  • Summary of section 5
    02:40

  • Introduction
    02:28
  • Setting up axios
    06:13
  • Axios types
    07:01
  • Adding loading indicators
    07:23
  • Posting data to the server
    08:17
  • Deleting activity on the server
    06:31
  • Summary of section 6
    01:57

  • Introduction
    02:23
  • What is MobX?
    09:47
  • Setting up MobX
    07:55
  • MobX actions
    05:02
  • Refactoring the app to use MobX
    07:52
  • MobX strict mode
    04:48
  • Selecting an Activity using MobX
    13:23
  • Creating an Activity using MobX
    10:03
  • Deleting an activity using MobX
    07:31
  • Using a Javascript map object to store the activities
    08:53
  • Summary of section 7
    03:04

  • Introduction
    05:17
  • Installing React Router
    04:23
  • Adding routes
    06:05
  • Adding nav links
    03:13
  • Adding a details link
    03:36
  • Getting an individual activity
    07:54
  • Using route parameters
    07:38
  • Adding the edit activity route
    10:36
  • Adding a key to the route
    06:43
  • Redirect after submission
    06:03
  • Moving the home page outside of nav
    03:34
  • Cleaning up unused code
    05:49
  • Summary of section 8
    00:58

  • Introduction
    02:40
  • Styling the activity list
    05:17
  • Grouping the activities by date
    08:13
  • Preview06:15
  • Activity details page
    04:38
  • Populating the detailed components
    06:35
  • Adding the activity filter component
    07:40
  • Styling the home page
    05:51
  • Summary of section 9
    01:44

  • Introduction
    07:19
  • Validation with data annotations
    04:50
  • Fluent Validation
    08:37
  • Handling API Error responses
    06:10
  • Handling API Error responses part 2
    08:58
  • Handling API Error responses part 3
    05:16
  • Handling API Error responses part 4
    07:24
  • Handling exceptions
    12:42
  • Preparing for setting up error handling in the client app
    07:42
  • Using an interceptor to handle API error responses
    04:04
  • Adding a not found component
    07:30
  • Handling 400 errors
    08:02
  • Handling 500 errors on the client
    08:33
  • Handling the validation error from an invalid GUID
    06:45
  • Summary of section 10
    04:06

Requirements

  • Some development experience required (3 -6 months)
  • A computer with Mac OSX, Windows or Linux installed
  • A passion for learning how to build web applications

Description

***Course has now had a major update updated for .Net 5.0 and React 17***

Note: The true length of this course is approximately 32 hours.   The legacy version of the course has been moved to the end after the new version of the course.

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

Who this course is for:

  • 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

Featured review

Stefan Jarina
Stefan Jarina
151 courses
17 reviews
Rating: 5.0 out of 5a year ago
In general I really enjoyed the course. The course itself is just perfect. Instructor is one of the best on Udemy. Also I appreciate a lot the use of Typescript. I did not enjoy React though (JSX/TSX is just not for me), so I can say now that I'm gonna stay with Angular and Vue.js. I also didn't particularly like the Mediator style of separation (like more the standard repository approach), but this is more of a personal taste. All and all, I can definitely recommend this course.

Instructor

Neil Cummings
Professional freelance software developer
Neil Cummings
  • 4.6 Instructor Rating
  • 21,067 Reviews
  • 83,007 Students
  • 4 Courses

Neil Cummings is a professional freelance software developer.  Starting out in the IT industry about 15 years ago, initially working mostly on SharePoint before embracing more lightweight frameworks such as Angular and ASP.NET Core.

He has worked for companies such as Microsoft and Rackspace before trying out the freelance route.  Also a Microsoft certified trainer.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.