С ASP.NET Core мы можем разрабатывать веб-API с помощью C#. С React вы можете создавать современные, быстрые и гибкие веб-приложения. В этом курсе мы будем использовать оба инструмента для создания проекта. Мы сделаем приложение со своей базой данных, пользовательской системой, серверной частью и пользовательским интерфейсом, где вы будете применять на практике концепции, изученные в курсе. В конце мы собираемся опубликовать наши приложения React и ASP.NET Core.
Некоторые из тем, которые мы увидим:
Разработка веб-API с помощью ASP.NET Core
База данных в SQL Server с использованием Entity Framework Core
Пользовательская система с веб-токенами Json (JWT)
Разработка одностраничного приложения (SPA) с помощью React
Используйте React Hooks для создания современных функциональных компонентов
Создание форм с помощью formik и yup
Делайте HTTP-запросы из React в ASP.NET Core с помощью Axios.
Создавайте повторно используемые компоненты в React
Использование React Router
Использование карт с leaflet
Сохранение пространственных данных в базе данных с помощью NetTopologySuite
Разрешение пользователям загружать изображения для сохранения в хранилище Azure или локально
Мы настроим CORS, чтобы наше приложение React могло взаимодействовать с нашим веб-API.
Мы будем использовать переменные среды как в ASP.NET Core, так и в React, чтобы не хардкорить URL-адреса разработки и продакшена в наших приложениях.
По завершении этого курса у вас будет достаточно знаний для решения задач разработки, связанных с приложениями ASP.NET Core и React.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Creating the Web API with Visual Studio Code and the dotnet CLI
Урок 13.
00:05:56
Reverting Back to the Old Model
Урок 14.
00:05:20
Creating the Combined Project
Урок 15.
00:00:45
Configuring the tsconfig.json
Урок 16.
00:01:17
Summary
Урок 17.
00:00:53
Introduction
Урок 18.
00:02:39
Preparing the Development Environment
Урок 19.
00:08:58
Let and Const
Урок 20.
00:11:35
Arrow Functions and this
Урок 21.
00:05:32
Template Strings
Урок 22.
00:03:04
Ternary Operator
Урок 23.
00:06:41
Enhanced Object Literals
Урок 24.
00:06:46
Destructuring
Урок 25.
00:06:29
Spread Operator - Arrays
Урок 26.
00:05:25
Spread Operator - Objects
Урок 27.
00:08:16
Classes
Урок 28.
00:05:07
Map Function
Урок 29.
00:11:59
Promises and Async Programming
Урок 30.
00:07:56
Modules
Урок 31.
00:02:07
Summary
Урок 32.
00:01:23
Introduction
Урок 33.
00:04:03
The Problem with HTML
Урок 34.
00:08:08
A Solution is React
Урок 35.
00:05:01
Component and Application Structure
Урок 36.
00:05:55
Functional vs Class Components
Урок 37.
00:02:59
Making a Simple Component
Урок 38.
00:05:53
What is JSX?
Урок 39.
00:02:07
Fragments
Урок 40.
00:05:25
Expressions in JSX
Урок 41.
00:03:05
Conditionals - Ternary Operator
Урок 42.
00:08:01
Events - Reacting to User Interaction
Урок 43.
00:04:42
React Hooks and useState
Урок 44.
00:05:12
Using the useState React Hook
Урок 45.
00:07:46
Conditionals - if-else
Урок 46.
00:07:02
Dynamically Generating UI from an Array
Урок 47.
00:07:56
Reusing Functionality with Components - Parameters
Урок 48.
00:04:53
Child to Parent Component Communication
Урок 49.
00:02:33
Default Parameters
Урок 50.
00:09:49
Projecting Content
Урок 51.
00:10:54
CSS in React
Урок 52.
00:02:12
Introduction to useEffect
Урок 53.
00:09:12
Using useEffect
Урок 54.
00:10:40
useContext React Hook for Message Broadcasting
Урок 55.
00:12:37
Custom UI for Errors with ErrorBoundary
Урок 56.
00:02:42
Introduction to prop-types
Урок 57.
00:02:15
Summary
Урок 58.
00:01:17
Introduction
Урок 59.
00:02:45
Cleanup
Урок 60.
00:07:29
Individual Movie Component
Урок 61.
00:06:22
Movies List Component
Урок 62.
00:09:45
Making the MoviesList Component More Robust
Урок 63.
00:04:56
Generic List Component
Урок 64.
00:05:01
Installing Bootstrap
Урок 65.
00:00:25
Summary
Урок 66.
00:01:03
Introduction
Урок 67.
00:04:51
Building the Menu Component
Урок 68.
00:07:39
Configuring Routes with React Router
Урок 69.
00:06:28
Route Configuration in an External File
Урок 70.
00:13:12
Building the Pages of our Project
Урок 71.
00:03:24
Using JavaScript for Navigation
Урок 72.
00:03:21
Route Parameters
Урок 73.
00:03:17
Handling Routes that do not exist
Урок 74.
00:00:47
Summary
Урок 75.
00:01:08
Introduction
Урок 76.
00:04:11
Types of Forms
Урок 77.
00:07:22
Building Our First Form
Урок 78.
00:07:01
Validation Rules with Yup
Урок 79.
00:06:34
Custom Validation Rules
Урок 80.
00:03:51
Disabling Button When Submitting the Form
Урок 81.
00:08:31
Creating the Edit Genres Form
Урок 82.
00:10:52
Making the Filtering Movies Form
Урок 83.
00:07:20
Creating the Actors Form
Урок 84.
00:07:22
Working with Dates
Урок 85.
00:14:19
Selecting the Picture of the Actor
Урок 86.
00:06:51
Formatted Text with Markdown
Урок 87.
00:05:58
Creating the Movie Theaters Form
Урок 88.
00:12:42
Integrating Leaflet in React
Урок 89.
00:07:49
Integrating Formik and Leaflet
Урок 90.
00:09:48
Creating the Movies Form Component
Урок 91.
00:09:09
Building a Multiple Selector Component
Урок 92.
00:14:49
Relating Movies with Genres and Movie Theaters
Урок 93.
00:08:47
Creating the Typeahead
Урок 94.
00:13:38
Listing the Selected Actors
Урок 95.
00:09:29
Reordering Elements in a List
Урок 96.
00:01:18
Making a Footer
Урок 97.
00:00:50
Summary
Урок 98.
00:00:57
Introduction
Урок 99.
00:02:01
Installing Postman
Урок 100.
00:06:11
Creating the Repository
Урок 101.
00:09:50
Controllers and Actions
Урок 102.
00:09:07
Routing Rules
Урок 103.
00:04:30
ActionReturn
Урок 104.
00:05:08
Asynchronous Programming
Урок 105.
00:07:51
Model Binding
Урок 106.
00:06:27
Model Validation
Урок 107.
00:08:29
Custom Validation
Урок 108.
00:06:06
Dependency Injection
Урок 109.
00:09:52
Services
Урок 110.
00:11:21
Loggers
Урок 111.
00:09:39
Middleware
Урок 112.
00:08:03
Filters
Урок 113.
00:07:41
Custom and Global Filters
Урок 114.
00:01:17
Summary
Урок 115.
00:00:43
Introduction
Урок 116.
00:04:00
Cleanup
Урок 117.
00:09:42
Axios, Environment Variables and CORS
Урок 118.
00:07:38
Installing and Configuring Entity Framework Core
Урок 119.
00:04:13
Creating Genres - Web API
Урок 120.
00:05:48
Creating Genres - React
Урок 121.
00:08:05
Transform Errors into Arrays
Урок 122.
00:04:05
Display Web API Errors in React
Урок 123.
00:07:37
DTOs
Урок 124.
00:04:19
Index Genres
Урок 125.
00:08:07
Pagination - Web API
Урок 126.
00:10:36
Building the Pagination Component
Урок 127.
00:10:09
Paginating Genres
Урок 128.
00:08:29
Editing Genres
Урок 129.
00:07:49
Deleting Genres
Урок 130.
00:12:07
Edit Entity
Урок 131.
00:12:12
Index Entities
Урок 132.
00:07:11
Actor Entity
Урок 133.
00:09:10
Posting the Actor
Урок 134.
00:11:29
Saving Images into Azure Storage
Урок 135.
00:06:51
Saving Images Locally - Optional
Урок 136.
00:04:16
Actors Index
Урок 137.
00:09:20
Editing Actors
Урок 138.
00:14:07
Movie Theater Entity
Урок 139.
00:03:16
Creating Movie Theaters
Урок 140.
00:03:22
Index Movie Theaters
Урок 141.
00:02:15
Editing and Deleting Movie Theaters
Урок 142.
00:07:35
Movie Entity
Урок 143.
00:14:47
Movie Creation Backend
Урок 144.
00:08:06
Loading the Data on the Movie Creation Page
Урок 145.
00:09:53
Selecting Actors from the Database
Урок 146.
00:09:08
Creating a Movie
Урок 147.
00:09:17
Movie Details - Web API
Урок 148.
00:13:11
Movie Details - React - Part 1
Урок 149.
00:09:59
Movie Details - React - Part 2
Урок 150.
00:06:21
Landing Page
Урок 151.
00:07:46
Movie Edit - Backend
Урок 152.
00:10:07
Movie Edit - React
Урок 153.
00:08:11
Deleting a Movie
Урок 154.
00:05:41
Movie Filter - Web API
Урок 155.
00:10:19
Movie Filter - React - Part 1
Урок 156.
00:09:51
Movie Filter - React - Part 2
Урок 157.
00:00:52
Summary
Урок 158.
00:01:01
Introduction
Урок 159.
00:03:47
Authentication and Authorization
Урок 160.
00:04:12
Hiding Content If The User is Not Logged In
Урок 161.
00:13:03
Using Claims in our React App
Урок 162.
00:04:30
Protecting Routes From Unauthorized Users
Урок 163.
00:06:46
Configuring Identity
Урок 164.
00:10:27
Building the Register and Login Functionality
Урок 165.
00:02:01
Adding The New Kind of Errors to our ParseBadRequest Filter
Урок 166.
00:12:16
Building the Register Component
Урок 167.
00:07:42
Building the Login Component
Урок 168.
00:13:07
Extracting the Claims from the JWT
Урок 169.
00:08:56
Building the Rating Functionality - Web API
Урок 170.
00:06:06
Getting the Rating of the Movie
Урок 171.
00:06:44
Displaying Icons in the React App
Урок 172.
00:07:05
Building the Ratings Component
Урок 173.
00:07:20
Sending the JWT using Interceptors
Урок 174.
00:06:29
Configuring Claim-Based Authorization
Урок 175.
00:04:55
Assign Admin Claim - Web API
Урок 176.
00:10:28
Assign Admin Claim - React
Урок 177.
00:00:59
Summary
Урок 178.
00:00:58
Introduction
Урок 179.
00:07:26
Deploying the Web API to Azure App Service
Урок 180.
00:07:18
Debugging Errors in Production using Application Insights
Урок 181.
00:06:24
Deploying the React App to Firebase
Урок 182.
00:00:28
Summary
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
React с нуля для начинающих. +3 проекта в портфолио!
Frontend-разработка - одна из самых популярных и востребованных профессий современности. Интересная и увлекательная. А React - самый популярный ее инструмент, разработанный компанией Facebook. На React сделаны Instagram, Facebook, Twitter, AirBnb, PayPal, Uber, Netflix, Vkontakte, Vimeo, Trello, сервисы Яндекса, сам проект курсов Udemy и много-много других крупных продуктов.
Изучи разработку приложений при помощи самой популярной JS библиотеки простым и понятным для новичков языком! React.js — это самая популярная на данный момент библиотека JavaScript, которую вы можете использовать во фронтенде для создания современных пользовательских интерфейсов. В этом курсе вы изучите современный React с самого начала, шаг за шагом, используя практические и интересные примеры кода, важную теорию о том, как React
В этом курсе мы научимся писать web-приложения на React. В разработке мы будем использовать только самые современные подходы и API. Мы досконально изучим React Hooks API, узнаем все секреты и подводные камни хуков. Также мы разберемся как правильно писать функциональные компоненты и проектировать архитектуру приложения с их помощью. Более десяти часов видео. Детальное объяснение теории и разбор множества практических примеров.
Full Stack React Bootcamp с .NET API [2023] [10 проектов]
Full Stack React Bootcamp with .NET API [2023] [10 Projects]
Этот курс будет практическим и предоставит вам практический опыт работы с React, включая более 25 заданий и 10 проектов. Мы начнем с основных фундаментальных концепций и перейдем к более продвинутым темам, чтобы вы стали опытным разработчиком React.js.Мы будем создавать бэкенд с использованием .NET API и использовать его в React.js. Вам не нужно создавать API самостоятельно. Этот раздел можно пропустить, поскольку я буду предоставлять онлайн-хост
Создание приложения на основе микросервисов с использованием .Net и NextJS с нуля
Build a Microservices app with .Net and NextJS from scratch
Микросервисы - это последний 'модный' и горячий тематический раздел в сфере веб-разработки на данный момент, и в наше время владение микросервисами становится все более и более важным в навыках разработчика. Этот курс призван научить вас, как создавать приложение на основе микросервисов, используя .Net для бэкэнд-сервисов и Next.js для клиентского приложения. Мы начинаем с нуля и постепенно создаем приложение до тех пор, пока у нас не будет завер