Этот курс будет практическим и предоставит вам практический опыт работы с React, включая более 25 заданий и 10 проектов. Мы начнем с основных фундаментальных концепций и перейдем к более продвинутым темам, чтобы вы стали опытным разработчиком React.js.
Мы будем создавать бэкенд с использованием .NET API и использовать его в React.js. Вам не нужно создавать API самостоятельно. Этот раздел можно пропустить, поскольку я буду предоставлять онлайн-хостинг для API, который можно использовать в рамках курса. Однако я все равно обучаю и развертываю API в рамках курса.
Моя цель с этим курсом проста - быть разработчиком .NET, который умеет адаптироваться к фреймворкам фронтенда по мере их развития. Я хочу создать один курс, который сосредоточится на том, чтобы бэкенд-разработчику получить качественный опыт работы с React.js таким образом, чтобы он был легким для понимания и обеспечивал глубокое понимание основ и продвинутых концепций React.js.
Это практический буткэмп, который приведет вас от нуля до эксперта в React JS!
Этот курс состоит из двух модулей:
Руководство для начинающих по React (8 проектов)
В первом модуле мы создадим 8 небольших проектов, чтобы понять основы React, Redux Toolkit и Hooks. После того, как мы освоим все основы, мы создадим полноценный сайт ресторана, где клиенты смогут размещать заказы с использованием своих кредитных карт, отслеживать статус заказов, а администратор сможет просматривать и управлять заказами.
Реальный проект с использованием React и .NET API
Во втором модуле мы создадим реальный проект, используя React и .NET API. Мы будем разрабатывать 10 проектов в рамках этого курса. В дополнение к этому, мы создадим полноценный веб-сайт ресторана с интеграцией платежей!
Это будет единственный курс, который вам потребуется, чтобы изучить и овладеть React JS, и мы будем интегрировать .NET API в процессе обучения.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Assignment 6 - Convert MainBody to Class Component
Урок 49.
00:03:09
Create CountOPedia
Урок 50.
00:03:55
Assignment 7 Solution - Setup CountOPedia
Урок 51.
00:01:32
Counter Application Buttons
Урок 52.
00:01:44
Click Events
Урок 53.
00:04:05
Setting and Retrieving State
Урок 54.
00:05:10
Demo - React State
Урок 55.
00:02:08
State Summary
Урок 56.
00:04:54
New SetState Syntax
Урок 57.
00:04:28
CountoPedia UI
Урок 58.
00:04:15
Random play and Reset Button
Урок 59.
00:01:25
Assignment 8 - Game Status and Last Play
Урок 60.
00:03:55
Assignment 8 Solution - Game Status and Last Play
Урок 61.
00:02:46
Create Project - ContactOPedia
Урок 62.
00:04:52
Add Components
Урок 63.
00:05:26
Skeleton of Components
Урок 64.
00:02:34
Add Contact UI
Урок 65.
00:07:30
Favorite and General Contact State
Урок 66.
00:06:36
Individual Contact UI
Урок 67.
00:03:03
Look and Feel ContactOPedia
Урок 68.
00:04:35
Add Contact Handler
Урок 69.
00:05:16
Add Contact in Action
Урок 70.
00:05:23
Add Validations
Урок 71.
00:02:49
Display Validation and Success Notification
Урок 72.
00:09:23
Toggle Favorites
Урок 73.
00:00:38
Assignment 10 - Delete Contact
Урок 74.
00:03:18
Assignment 10 Solution - Delete Contact
Урок 75.
00:03:55
Add Random User to Contact List
Урок 76.
00:06:35
Axios Call
Урок 77.
00:03:23
Demo - Adding Random Contact
Урок 78.
00:00:22
Assignment 11 - Remove All Contact
Урок 79.
00:01:40
Assignment 11 Solution - Remove all Contact
Урок 80.
00:05:47
Which Contact has to be updated
Урок 81.
00:06:19
Toggle UI Based on Update
Урок 82.
00:01:57
Cancel Button in Action
Урок 83.
00:05:28
Update Contact- Part 1
Урок 84.
00:02:29
Update Contact - Part 2
Урок 85.
00:03:05
Create Project - Cyclopedia
Урок 86.
00:03:07
Setup Random API
Урок 87.
00:07:21
Display Instructor
Урок 88.
00:04:54
Component Did Update
Урок 89.
00:05:12
Controlled Component
Урок 90.
00:05:30
Saving in LocalStorage
Урок 91.
00:02:41
Separating out Instructor
Урок 92.
00:05:04
Component will UnMount
Урок 93.
00:06:19
Load Student List
Урок 94.
00:01:25
Bug time
Урок 95.
00:04:57
Create WatchOPedia
Урок 96.
00:02:07
Setup Counter
Урок 97.
00:05:02
UseState in Action
Урок 98.
00:05:23
Gotchas with useState
Урок 99.
00:02:07
Objects and State
Урок 100.
00:02:30
Another Gotcha with useState
Урок 101.
00:01:08
Something Exciting
Урок 102.
00:04:06
WatchoPedia Movie Setup
Урок 103.
00:02:52
Assignment 12 Solution - Display Movie List
Урок 104.
00:05:20
Assignment 13 Solution - Add Movie to watch
Урок 105.
00:03:20
Initial Project
Урок 106.
00:06:56
Name and Feedback Input fields
Урок 107.
00:06:57
UseEffect Overview
Урок 108.
00:02:19
UseEffect - First Render Only
Урок 109.
00:02:06
UseEffect - Unmount in Action
Урок 110.
00:00:42
Assignment 14 - Use Effect
Урок 111.
00:02:05
Assignment 14 Solution - Use Effect
Урок 112.
00:04:05
Load Student on Counter Update
Урок 113.
00:06:09
useRef and previous values
Урок 114.
00:02:56
Use Ref on Student Count
Урок 115.
00:02:30
More common use of useRef
Урок 116.
00:03:43
useld Hook
Урок 117.
00:03:31
Setup RouteOPedia
Урок 118.
00:03:57
Create More Components
Урок 119.
00:06:10
First Route
Урок 120.
00:02:55
Link Component
Урок 121.
00:01:26
Assignment 15 - Product Routes
Урок 122.
00:02:48
Assignment 15 - Product Routes Solution
Урок 123.
00:01:35
Nested Routes
Урок 124.
00:00:45
Index in Nested Route
Урок 125.
00:01:38
Not Found
Урок 126.
00:05:47
Parameters in URL
Урок 127.
00:01:14
Assignment 16 - Parameters in URL
Урок 128.
00:02:58
NavLink Component
Урок 129.
00:01:39
Navigate using useNavigate Hook
Урок 130.
00:01:15
Using Link Component to Navigate
Урок 131.
00:02:52
Another Navigation Method
Урок 132.
00:02:04
Navigate back
Урок 133.
00:05:09
Setup ReduxOPedia
Урок 134.
00:05:20
Add Redux Store
Урок 135.
00:08:57
Create first Reducer and Actions
Урок 136.
00:03:12
Log State and Dispatch Action
Урок 137.
00:02:30
Retrieve value from state
Урок 138.
00:04:16
Dispatching Action from React Component
Урок 139.
00:03:51
Assignment 17 - Counter Multiplier
Урок 140.
00:02:45
Assignment 17 Solution - Counter Multiplier
Урок 141.
00:02:54
Add Destination Slice
Урок 142.
00:04:08
Display Destinations
Урок 143.
00:03:50
Select Destination
Урок 144.
00:02:40
Display selected destination
Урок 145.
00:05:16
Reset counter and destination
Урок 146.
00:04:12
Listen to action of a different Reducer
Урок 147.
00:01:37
Say NO to magic strings
Урок 148.
00:04:51
Custom Actions
Урок 149.
00:02:38
Alternative Approach for import and export
Урок 150.
00:04:33
Setup TravelOPedia
Урок 151.
00:03:17
Setup Destination Components
Урок 152.
00:04:55
Setup JSON Server
Урок 153.
00:10:23
Create Destination API
Урок 154.
00:05:02
Fetch Records from API
Урок 155.
00:01:43
Add Destination Controller Component
Урок 156.
00:03:43
Add Mutations
Урок 157.
00:05:06
Call POST Mutation
Урок 158.
00:00:45
query vs mutation
Урок 159.
00:04:36
Caching with RTK Query
Урок 160.
00:05:58
TAGS in Action
Урок 161.
00:00:50
Assignment 18 - Delete Destination
Урок 162.
00:02:26
Assignment 18 Solution - Delete Destination
Урок 163.
00:02:11
Response from Query and Parameters
Урок 164.
00:01:43
Separating out Individual Destination
Урок 165.
00:01:04
Assignment 19 - Edit Functionality
Урок 166.
00:08:44
Assignment 19 Solution - Edit Functionality
Урок 167.
00:05:59
Integrate RTK Query with Redux Store
Урок 168.
00:03:22
Call Another API
Урок 169.
00:02:35
Show Random Destination
Урок 170.
00:06:29
API is optional and you can use the API right here
Урок 171.
00:03:11
Setup Storage Account for Images on Azure
Урок 172.
00:02:01
Create API Project
Урок 173.
00:02:12
Install NuGet Packages
Урок 174.
00:06:14
Setup Connection String and DBContext
Урок 175.
00:08:01
Create SQL Tables and push Migrations
Урок 176.
00:04:15
Add Name to AspNetUsers
Урок 177.
00:03:43
Create Menu Item Table
Урок 178.
00:04:09
Seed Menu Items
Урок 179.
00:06:25
Get Menu Item and API Response
Урок 180.
00:03:43
Get Individual Menu Item
Урок 181.
00:06:09
Add Storage Account Connection String
Урок 182.
00:04:20
Implement Blob Service
Урок 183.
00:10:00
Create Menu Item
Урок 184.
00:01:34
Create Menu Item In Action
Урок 185.
00:07:28
Update Menu Item
Урок 186.
00:02:46
Delete Menu Item
Урок 187.
00:01:02
Correct Status Code and Success Flag
Урок 188.
00:03:52
Add Login and Register DTOs
Урок 189.
00:04:32
Auth Controller and Dependency Injection
Урок 190.
00:11:11
Register in Action
Урок 191.
00:04:07
Login in Action
Урок 192.
00:07:26
JWT Token
Урок 193.
00:04:38
Add Authentication and Authorization Endpoints
Урок 194.
00:03:11
Setup API for Authentication
Урок 195.
00:07:01
Add Security to Swagger
Урок 196.
00:07:41
Add Shopping Cart Models
Урок 197.
00:04:11
Shopping Cart Controller and Logic
Урок 198.
00:10:48
Update Shopping Cart Endpoint
Урок 199.
00:02:41
Test Shopping Cart Endpoint
Урок 200.
00:05:12
Get Shopping Cart
Урок 201.
00:04:34
Order Header and Details Model
Урок 202.
00:02:29
Order DTOs
Урок 203.
00:03:49
Get Order
Урок 204.
00:06:01
Create Order in Action
Урок 205.
00:03:39
Update Order Details
Урок 206.
00:05:39
Stripe Payment Endpoint
Урок 207.
00:06:02
Stripe Client Secret in Action
Урок 208.
00:01:31
Shopping Cart API Update
Урок 209.
00:05:10
Deploy API
Урок 210.
00:04:23
Typescript Introduction
Урок 211.
00:02:10
Create App with Typescript
Урок 212.
00:01:35
Package Json
Урок 213.
00:03:05
File CleanUp
Урок 214.
00:02:38
Install Bootstrap and Bootstrap Icons
Урок 215.
00:04:41
Header and Footer Component
Урок 216.
00:02:36
Header UI
Урок 217.
00:06:49
Fetch Menu Items & Interfaces in TS
Урок 218.
00:03:54
Better Structure
Урок 219.
00:03:50
Card Component
Урок 220.
00:03:24
Home Page UI
Урок 221.
00:05:43
Add Routing and Not Found
Урок 222.
00:05:09
Menu Item Details Page
Урок 223.
00:07:07
Add Redux and Tedux Toolkit to Project
Урок 224.
00:06:36
Add Query to Fetch Menu Items
Урок 225.
00:03:39
Call Slice to Fetch Data
Урок 226.
00:01:18
Display Loading Text
Урок 227.
00:01:01
Assignment 20 - Load Menu Item Details
Урок 228.
00:05:45
Assignment 20 Solution - Load Menu Item Details
Урок 229.
00:03:44
Manage Quantity on Menu Item Details
Урок 230.
00:04:12
User ID for Shopping Cart
Урок 231.
00:06:09
Setup Shopping Cart Query and Mutation
Урок 232.
00:05:08
Add to Cart in Action
Урок 233.
00:01:18
Assignment 21 - Add to Cart Home Page
Урок 234.
00:02:00
Assignment 21 Solution - Add to Cart Home Page
Урок 235.
00:02:18
Add Mini Loader on Home Page
Урок 236.
00:02:54
Mini Loader Component
Урок 237.
00:02:14
Main Loader
Урок 238.
00:02:03
Loader on Add to Cart in Details Page
Урок 239.
00:04:19
Shopping Cart Interface
Урок 240.
00:06:12
Get Shopping Cart and Store in Slice
Урок 241.
00:03:04
Shopping Cart Page
Урок 242.
00:06:06
Shopping Cart Summary
Урок 243.
00:04:23
Add Reducers to Shopping Cart Slice
Урок 244.
00:08:18
Shopping Cart Functional
Урок 245.
00:02:00
Show Distinct Items in Cart
Урок 246.
00:04:04
Display Pickup Details
Урок 247.
00:08:05
Controller Component Helper Method
Урок 248.
00:03:17
Loading Component
Урок 249.
00:05:19
Login and Register UI
Урок 250.
00:05:22
How Login and Register will work
Урок 251.
00:03:32
Add Auth API
Урок 252.
00:04:30
Authentication Slice and User Interface
Урок 253.
00:05:22
Controller Components in Register
Урок 254.
00:03:12
Response API Interface
Урок 255.
00:05:17
Register User
Урок 256.
00:01:46
Controller Login Fields
Урок 257.
00:03:03
Login in Action
Урок 258.
00:01:57
Add Token to LocalStorage
Урок 259.
00:03:26
Decode JWT Token
Урок 260.
00:04:05
Toggle Login and Logout button
Урок 261.
00:03:45
Login and Logout in Action
Урок 262.
00:02:42
Small Bug with Authentication
Урок 263.
00:07:50
Toastify Notifications
Урок 264.
00:00:52
Add Loader on Register
Урок 265.
00:05:10
Add Test Components for Authentication and Authorization
Урок 266.
00:07:28
Authentication with HOC
Урок 267.
00:02:56
Authorization with HOC
Урок 268.
00:04:25
Only Authenticated User can Add to Cart
Урок 269.
00:02:58
Dynamic User ID
Урок 270.
00:00:32
Cleanup test Components
Урок 271.
00:01:28
Load User Details of Logged in User
Урок 272.
00:03:36
Stripe and React
Урок 273.
00:02:16
Create Payment API
Урок 274.
00:06:01
Calling Payment API
Урок 275.
00:03:18
Use Location State
Урок 276.
00:04:03
Stripe Card Demo
Урок 277.
00:02:50
Order Summary UI
Урок 278.
00:04:43
Local Interfaces
Урок 279.
00:04:23
Dynamic Order Summary
Урок 280.
00:06:04
Stripe Processing
Урок 281.
00:03:22
Stripe success object
Урок 282.
00:01:57
Order API
Урок 283.
00:04:59
Create Order Object to Create Order
Урок 284.
00:11:54
Create Order
Урок 285.
00:03:22
Order Confirmed Logic
Урок 286.
00:06:36
Order Confirmation Page
Урок 287.
00:02:39
Get Order Endpoints in API
Урок 288.
00:02:12
My Orders UI
Урок 289.
00:08:20
Dynamic My Orders
Урок 290.
00:00:58
Bug with my orders
Урок 291.
00:04:16
Make a new component for Order List
Урок 292.
00:08:51
12 Order Details
Урок 293.
00:01:31
13 Assignment 22 - Solve Data Bug
Урок 294.
00:03:56
14 Manage Orders Header based on Role
Урок 295.
00:02:20
15 Status Color Helper Method
Урок 296.
00:02:32
16 Display Badge for Order Status
Урок 297.
00:01:26
17 Back to Order Button
Урок 298.
00:05:17
18 Buttons for Nest Status
Урок 299.
00:02:54
19 Order Status Badge on Order List
Урок 300.
00:03:26
20 Order API - PUT Endpoint
Урок 301.
00:05:13
21 Update Order Status
Урок 302.
00:01:35
22 Cancel & Completed Buttons Condition
Урок 303.
00:01:57
23 All Orders Page
Урок 304.
00:03:08
Create Menu Item List Page
Урок 305.
00:03:42
Assignment 23 - Dynamic Menu Item List
Урок 306.
00:03:59
Menu Item Upsert UI
Урок 307.
00:04:00
Controller Components Menu Item
Урок 308.
00:07:39
Upload Image in React
Урок 309.
00:03:20
Menu Item API Mutations
Урок 310.
00:05:17
Create Menu Item
Урок 311.
00:03:04
Update Designing
Урок 312.
00:03:59
Load Menu Item to Update
Урок 313.
00:05:03
Update Menu Item
Урок 314.
00:03:12
Category Dropdown
Урок 315.
00:01:45
Small Bug
Урок 316.
00:02:45
Delete Menu Item
Урок 317.
00:00:33
Assignment 25 - Data goes away on refresh
Урок 318.
00:01:28
Assignment 25 - Bug Solution
Урок 319.
00:01:58
Banner
Урок 320.
00:00:56
Renaming Folder
Урок 321.
00:03:19
Store Search Value in Redux
Урок 322.
00:06:58
Search in Banner
Урок 323.
00:05:06
Show all Category for Filter
Урок 324.
00:06:50
Category Filters in Action
Урок 325.
00:07:33
Sorting in Action
Урок 326.
00:03:05
Skip Getting Shopping Cart
Урок 327.
00:05:57
Authentication and Authorization End Points
Урок 328.
00:03:58
Deploy to Azure
Урок 329.
00:01:00
Introduction
Урок 330.
00:02:21
Add search to orders in API
Урок 331.
00:06:40
Add pagination to orders in API
Урок 332.
00:04:22
Add UI Filters
Урок 333.
00:03:24
Controller Components
Урок 334.
00:04:48
Local Filters in Action
Урок 335.
00:03:51
API Filters in Action
Урок 336.
00:00:38
Small Bug
Урок 337.
00:04:43
Get Total Records
Урок 338.
00:05:39
Pagination in Action
Урок 339.
00:03:29
Page Size in Action
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
C#/.NET: Основы (ООП, LINQ, автоматизация тестирования и многое другое)
C#/.NET Bootcamp: The Fundamentals (OOP, LINQ, Test Automation + more)
Единственный курс, который вам нужен для изучения программирования на C# и овладения платформой .NET. Изучите все с нуля и примените свои навыки на практике с помощью упражнений, викторин и проектов. Этот курс поможет вам получить необходимые навыки для начала карьеры в программировании на C#/.NET и трудоустройства в 2023 году.
ASP.NET Core Identity - Аутентификация и авторизация
ASP.NET Core Identity - Authentication & Authorization
ASP.NET Core теперь включает новую систему идентификации, которая заменяет устаревшую систему в ASP.NET. Очень важно, чтобы инженеры-программисты изучили эти важные навыки и применяли их при разработке приложений MVC, если они не хотят комбинировать Razor Pages с MVC. В этом курсе мы создадим собственный код с MVC для управления идентификацией, аналогичный библиотеке классов Identity Razor, но с MVC. Таким образом, вы можете научиться придерживат
Создание приложений с помощью React 17 и ASP.NET Core 6
Building Applications with React 17 and ASP.NET Core 6
С ASP.NET Core мы можем разрабатывать веб-API с помощью C#. С React вы можете создавать современные, быстрые и гибкие веб-приложения. В этом курсе мы будем использовать оба инструмента для создания проекта. Мы сделаем приложение со своей базой данных, пользовательской системой, серверной частью и пользовательским интерфейсом, где вы будете применять на практике концепции, изученные в курсе. В конце мы собираемся опубликовать наши приложения React
Этот курс обьяснит реальную ситуацию в мире с Blazor, заставит вас столкнуться со многими проблемами и поможет решить их по мере прохождения курса, даст возможность разработчикам перейти от создания простых примеров приложений к реализации более реальных концепций, шаблонов проектирования и функций. Для этого курса мы будем использовать последнюю версию .NET 6 вместе с Entity Framework Core и Stripe для обработки платежей.
Настройка и работа ASP.NET Core MVC на .NET 5. Часть 1
Этот курс для начинающих по ASP.NET Core 5 с использованием фреймворка MVC, начиная от базовой структуры до создания полнофункционального веб-сайта. Этот курс предназначен для всех, кто знаком с основами ASP.NET и хочет знать больше о приложениях с использованием ASP.NET Core MVC и интеграции его с Entity Framework Core.