Trang chủ

Web Development

React JS

Building Applications with React 17 and ASP.NET Core 6

Building Applications with React 17 and ASP.NET Core 6

Loại khoá học: Web Development

Use React, Hooks, ASP.NET Core, Entity Framework Core, Bootstrap, Leaflet and JWT to create a complete web application

50.000 VND

85 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

With ASP.NET Core we can develop Web APIs using C#.

With React you can create modern, fast and flexible web applications.

In this course we will use both tools to create a project. We will make an application with its database, user system, back-end and UI, where you will put into practice the concepts learned in the course.

At the end we are going to publish our React application and our ASP.NET Core application.

Some of the topics that we will see:

Web API development with ASP.NET Core
Database in SQL Server using Entity Framework Core
User system with Json Web Tokens (JWT)
Developing a Single Page Application (SPA) with React
Use React Hooks to create modern functional components
Creating forms using formik and yup
Make HTTP requests from React to ASP.NET Core using Axios
Create reusable components in React
Using React Router for browsing
Using maps with leaflet
Save spatial data to a database with NetTopologySuite
Allow users to upload images to be saved to Azure Storage or locally
We will configure CORS to allow our React application to communicate with our Web API
We will use environment variables, both in ASP.NET Core and React, so as not to hardcode the development and production URLs in our applications.

Upon completion of this course, you will have sufficient knowledge to face development challenges involving ASP.NET Core and React applications.

Bạn sẽ học được gì

Make a Web API with .NET Core

Develop React web applications

Use React Hooks for building functional components

Use Entity Framework Core for building a SQL Server database

Yêu cầu

The student should know the basics of HTML5 and CSS3
The student should know the basics of C# (functions, variables, loops, conditionals)
The student should know the basics of JavaScript

Nội dung khoá học

10 sections

Introduction

17 lectures

Introduction

00:57

What is React?

04:27

What is ASP.NET Core?

03:54

Installing Node

01:31

Adding React and Using Create-React-App

03:00

Installing Visual Studio

02:58

Installing Visual Studio Code

02:16

Installing the EF Core CLI Tool

01:21

Front-End and Back-End

02:22

Creating the React App

06:16

Creating the Web API with Visual Studio

02:17

Creating the Web API with Visual Studio Code and the dotnet CLI

03:11

Reverting Back to the Old Model

05:55

Creating the Combined Project

05:19

Configuring the tsconfig.json

00:44

Summary

01:16

Source Code of the Course

00:01

Review of Modern JavaScript

15 lectures

Introduction

00:52

Preparing the Development Environment

02:38

Let and Const

08:57

Arrow Functions and this

11:34

Template Strings

05:31

Ternary Operator

03:03

Enhanced Object Literals

06:40

Destructuring

06:45

Spread Operator - Arrays

06:28

Spread Operator - Objects

05:24

Classes

08:15

Map Function

05:06

Promises and Async Programming

11:58

Modules

07:55

Summary

02:06

First Steps with React

26 lectures

Introduction

01:22

The Problem with HTML

04:02

A Solution is React

08:07

Component and Application Structure

05:00

Functional vs Class Components

05:54

Making a Simple Component

02:58

What is JSX?

05:52

Fragments

02:06

Expressions in JSX

05:24

Conditionals - Ternary Operator

03:04

Events - Reacting to User Interaction

08:00

React Hooks and useState

04:41

Using the useState React Hook

05:11

Conditionals - if-else

07:45

Dynamically Generating UI from an Array

07:01

Reusing Functionality with Components - Parameters

07:55

Child to Parent Component Communication

04:52

Default Parameters

02:32

Projecting Content

09:48

CSS in React

10:53

Introduction to useEffect

02:11

Using useEffect

09:11

useContext React Hook for Message Broadcasting

10:39

Custom UI for Errors with ErrorBoundary

12:36

Introduction to prop-types

02:41

Summary

02:14

Applying What We Learned in the Project

8 lectures

Introduction

01:16

Cleanup

02:44

Individual Movie Component

07:28

Movies List Component

06:21

Making the MoviesList Component More Robust

09:44

Generic List Component

04:55

Installing Bootstrap

05:00

Summary

00:24

Routing

9 lectures

Introduction

01:02

Building the Menu Component

04:50

Configuring Routes with React Router

07:38

Route Configuration in an External File

06:27

Building the Pages of our Project

13:11

Using JavaScript for Navigation

03:23

Route Parameters

03:20

Handling Routes that do not exist

03:16

Summary

00:46

Forms

23 lectures

Introduction

01:07

Types of Forms

04:10

Building Our First Form

07:21

Validation Rules with Yup

07:00

Custom Validation Rules

06:33

Disabling Button When Submitting the Form

03:50

Creating the Edit Genres Form

08:30

Making the Filtering Movies Form

10:51

Creating the Actors Form

07:19

Working with Dates

07:21

Selecting the Picture of the Actor

14:18

Formatted Text with Markdown

06:50

Creating the Movie Theaters Form

05:57

Integrating Leaflet in React

12:41

Integrating Formik and Leaflet

07:48

Creating the Movies Form Component

09:47

Building a Multiple Selector Component

09:08

Relating Movies with Genres and Movie Theaters

14:48

Creating the Typeahead

08:46

Listing the Selected Actors

13:37

Reordering Elements in a List

09:28

Making a Footer

01:17

Summary

00:49

Introduction to ASP.NET Core

17 lectures

Introduction

00:56

Installing Postman

02:00

Creating the Repository

06:10

Controllers and Actions

09:49

Routing Rules

09:06

ActionReturn

04:29

Asynchronous Programming

05:07

Model Binding

07:50

Model Validation

06:26

Custom Validation

08:28

Dependency Injection

06:05

Services

09:51

Loggers

11:20

Middleware

09:38

Filters

08:02

Custom and Global Filters

07:40

Summary

01:16

HTTP and Databases

43 lectures

Introduction

00:42

Cleanup

03:59

Axios, Environment Variables and CORS

09:41

Installing and Configuring Entity Framework Core

07:37

Creating Genres - Web API

04:12

DTOs

07:36

Creating Genres - React

05:47

Transform Errors into Arrays

08:04

Display Web API Errors in React

04:04

Index Genres

04:18

Pagination - Web API

08:06

Building the Pagination Component

10:35

Paginating Genres

10:08

Editing Genres

08:28

Deleting Genres

07:48

Edit Entity

12:06

Index Entities

12:11

Actor Entity

07:10

Posting the Actor

09:09

Saving Images into Azure Storage

11:28

Saving Images Locally - Optional

06:50

Actors Index

04:15

Editing Actors

09:19

Movie Theater Entity

14:06

Creating Movie Theaters

03:15

Index Movie Theaters

03:21

Editing and Deleting Movie Theaters

02:14

Movie Entity

07:34

Movie Creation Backend

14:46

Loading the Data on the Movie Creation Page

08:05

Selecting Actors from the Database

09:52

Creating a Movie

09:07

Movie Details - Web API

09:16

Movie Details - React - Part 1

13:10

Movie Details - React - Part 2

09:58

Landing Page

06:20

Movie Edit - Backend

07:45

Movie Edit - React

10:06

Deleting a Movie

08:10

Movie Filter - Web API

05:40

Movie Filter - React - Part 1

10:18

Movie Filter - React - Part 2

09:50

Summary

00:51

Security

20 lectures

Introduction

01:00

Authentication and Authorization

03:46

Hiding Content If The User is Not Logged In

04:11

Using Claims in our React App

13:02

Protecting Routes From Unauthorized Users

04:29

Configuring Identity

06:45

Building the Register and Login Functionality

10:26

Adding The New Kind of Errors to our ParseBadRequest Filter

02:00

Building the Register Component

12:15

Building the Login Component

07:41

Extracting the Claims from the JWT

13:06

Building the Rating Functionality - Web API

08:55

Getting the Rating of the Movie

06:05

Displaying Icons in the React App

06:43

Building the Ratings Component

07:04

Sending the JWT using Interceptors

07:19

Configuring Claim-Based Authorization

06:28

Assign Admin Claim - Web API

04:54

Assign Admin Claim - React

10:27

Summary

00:58

Deployments

5 lectures

Introduction

00:57

Deploying the Web API to Azure App Service

07:25

Debugging Errors in Production using Application Insights

07:17

Deploying the React App to Firebase

06:23

Summary

00:27

Đánh giá của học viên

Chưa có đánh giá

Course Rating

5

0%

4

0%

3

0%

2

0%

1

0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Email

Nội dung

Khoá học liên quan

The Complete Java Development Bootcamp

The Complete Java Development Bootcamp

Trở thành Quality Control (QC) / Tester (kiểm thử phần mềm)

Trở thành Quality Control (QC) / Tester (kiểm thử phần mềm)

The Complete 2024 Web Development Bootcamp

The Complete 2024 Web Development Bootcamp

Build a Backend REST API with Python & Django - Advanced

Build a Backend REST API with Python & Django - Advanced

Complete C# Unity Game Developer 2D

Complete C# Unity Game Developer 2D

.NET 8 Microservices: DDD, CQRS, Vertical/Clean Architecture

.NET 8 Microservices: DDD, CQRS, Vertical/Clean Architecture

Java 17 Masterclass: Start Coding in 2024

Java 17 Masterclass: Start Coding in 2024

[NEW] Spring Boot 3, Spring 6 & Hibernate for Beginners

[NEW] Spring Boot 3, Spring 6 & Hibernate for Beginners

Building Applications with React 17 and ASP.NET Core 6

Building Applications with React 17 and ASP.NET Core 6

100 Days of Code: The Complete Python Pro Bootcamp

100 Days of Code: The Complete Python Pro Bootcamp

Python Mega Course: Learn Python in 60 Days, Build 20 Apps

Python Mega Course: Learn Python in 60 Days, Build 20 Apps

Complete React, Next.js & TypeScript Projects Course 2024

Complete React, Next.js & TypeScript Projects Course 2024

Advanced React: Design System, Design Patterns, Performance

Advanced React: Design System, Design Patterns, Performance

50 Hrs Big Data Mastery: PySpark, AWS, Scala & Data Scraping

50 Hrs Big Data Mastery: PySpark, AWS, Scala & Data Scraping

Flutter Bloc cho Mobile, Web, PC - Tôi chọn bạn

Flutter Bloc cho Mobile, Web, PC - Tôi chọn bạn

Machine Learning A-Z: AI, Python & R + ChatGPT Prize [2024]

Machine Learning A-Z: AI, Python & R + ChatGPT Prize [2024]

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi