Главная страницаКатегория react.jsКурс React с Hooks, Context API и Redux

Курс React с Hooks, Context API и Redux

Name: Курс React с Hooks, Context API и Redux
Rating: 3.7 (20 reviews)

The React Developer Course with Hooks, Context API and Redux

udemy

★3.7 (всего оценок - 20)

Загрузить

Продолжительность

25 ч 56 мин

Категория

React.js

Количество уроков

226 Видео

Дата добавления

18 мар. 2020 г., 20:29

Язык

Английский

Дата выхода

1 мар. 2020 г., 22:17

Научитесь создавать приложения React, используя Hooks, Context API, Redux, React-Router, Koa Framework, Typescript и многое другое! React - одна из самых популярных библиотек для создания клиентских приложений с использованием HTML, CSS и javascript. Если вы хотите зарекомендовать себя как разработчик внешнего интерфейса или полного стека, вам необходимо изучить React.

Этот курс следует практическому подходу, что означает, что весь курс структурирован вокруг создания веб-приложений, и различные концепции будут подробно объяснены по мере их появления. Приложение, для которого требуется серверная часть, будет построено с использованием NodeJS, Koa, Typescript и MongoDB в качестве базы данных.

О чем этот курс?

Этот курс о React, Hooks, Context API и Redux. Погрузитесь глубже в эти темы, создав реальные приложения и разверните свои приложения React в режиме реального времени в Интернете.

Этот курс для вас?

Этот курс для вас, если

вы думаете о том, чтобы начать работу в качестве frontend разработчика
вы начинаете как новичок в React
Вы уже знаете основы React
Вы разработчик Angular или Vue, который хочет погрузиться в React

Приложения, которые вы будете создавать

BMI калькулятор
Приложение Генератор паролей
Приложение календаря с Context API
Приложение Ticket (с React, Redux, Koa Framework, Typescript, MongoDB и другими ...)

Вот некоторые вещи, которые вы узнаете в этом курсе

React основы, такие как компоненты, состояние, props и т. д.
Создавайте настраиваемые многократно используемые компоненты, такие как inputs, кнопки, формы, ползунки, флажки, выпадающие списки, модалки и тд.
React Hooks (useState, useEffect, useMemo, useReducer и т. д.)
Настройка и использование React Context API
React-Router, Redux, Редукторы, Действия, Redux-Thunk, Redux-Persist и другие
Установите серверную часть, используя Koa и Typescript
Создайте собственный REST API
Добавьте аутентификацию JWT в приложение React
Формы и проверка форм в приложениях React
Развертывание приложений с помощью gh-pages, firebase, netlify и heroku
И многое другое

Посмотреть больше

Урок 1.00:03:51
Introduction
Урок 2.00:05:15
Install Tools
Урок 3.00:01:51
BMI Calculator Demo
Урок 4.00:02:47
Password Generator Demo
Урок 5.00:03:44
Calendar App Demo
Урок 6.00:07:45
Ticket App Demo
Урок 7.00:02:25
Project Introduction
Урок 8.00:02:30
App Structure Description
Урок 9.00:07:16
Create BMI Calculator Project
Урок 10.00:06:26
Install Bootstrap
Урок 11.00:05:32
Create BMI Component
Урок 12.00:05:23
Add BMI Component HTML
Урок 13.00:08:22
Create Form Input Component
Урок 14.00:04:38
Use Form Input Component
Урок 15.00:06:51
Select Tag Method
Урок 16.00:03:58
Set Default Unit
Урок 17.00:01:53
Set Default Unit Alternatively
Урок 18.00:11:06
Form Input OnChange Method - Part 1
Урок 19.00:04:26
Form Input OnChange Method - Part 2
Урок 20.00:02:46
Reset Button Method
Урок 21.00:01:25
Metric BMI Formula
Урок 22.00:05:50
Metric BMI Method
Урок 23.00:03:16
Convert Height to Meters
Урок 24.00:05:45
Display BMI Values
Урок 25.00:01:14
Imperial BMI Formula
Урок 26.00:06:14
Imperial BMI Method
Урок 27.00:05:48
Display BMI Category
Урок 28.00:03:42
Set BMI Category Color
Урок 29.00:04:14
Set BMI Background Color
Урок 30.00:04:03
BMI Calculator Conclusion
Урок 31.00:09:43
Deploy BMI Calculator to Github Pages
Урок 32.00:04:02
Project Introduction
Урок 33.00:05:06
Password Generator Structure
Урок 34.00:05:08
Create Password Generator Project
Урок 35.00:03:51
Add Bootstrap and Font Awesome
Урок 36.00:09:23
Create Main Component
Урок 37.00:07:44
Create Header Component
Урок 38.00:06:31
Create Display Component
Урок 39.00:08:29
Add Buttons to Display Component
Урок 40.00:09:38
Container Component
Урок 41.00:10:26
Create Button Component
Урок 42.00:10:39
Add Slider Component
Урок 43.00:07:17
Slider Component Styles
Урок 44.00:03:17
Slider Prop Types
Урок 45.00:14:29
Checkbox Component
Урок 46.00:05:51
Use Checkbox with Array Map
Урок 47.00:01:51
Checkbox Prop Types
Урок 48.00:09:31
Add Linear Gradient to Slider
Урок 49.00:08:02
Dynamically Move Linear Gradient
Урок 50.00:03:25
Set Slider Range Value
Урок 51.00:09:13
Check and Uncheck Boxes
Урок 52.00:07:44
Helper Functions - Part 1
Урок 53.00:08:06
Helper Functions - Part 2
Урок 54.00:10:49
Use Generate Password Method
Урок 55.00:05:06
Display Generated Password
Урок 56.00:08:24
Generate New Password Method
Урок 57.00:04:06
Hook Slider with Password Display
Урок 58.00:09:59
Change Password Display Background
Урок 59.00:06:54
Change Password with Checkboxes
Урок 60.00:09:02
Disable Checkboxes
Урок 61.00:07:07
Copy to Clipboard
Урок 62.00:03:26
Copy from Container Component
Урок 63.00:08:57
Tooltip Component
Урок 64.00:06:11
Select Dropdown
Урок 65.00:09:26
Checkbox Properties Method
Урок 66.00:07:35
Change Select Type - Part 1
Урок 67.00:04:06
Change Select Type - Part 2
Урок 68.00:03:58
Set PIN Minimum Length
Урок 69.00:02:17
Set PIN Minimum Length with Generate Password Button
Урок 70.00:07:24
Deploy Password Generator App to Netlify
Урок 71.00:05:25
Calendar App Introduction
Урок 72.00:06:52
Create Calendar App
Урок 73.00:01:59
Context API
Урок 74.00:03:39
Add Bootstrap
Урок 75.00:02:17
Calendar App Structure
Урок 76.00:08:35
Create Main Component
Урок 77.00:04:58
Add CSS Style
Урок 78.00:04:36
Sidebar Display
Урок 79.00:03:59
Install Full Calendar React Module
Урок 80.00:11:38
Add Full Calendar React Component
Урок 81.00:03:33
Fix Calendar Typo
Урок 82.00:06:09
Add Bootstrap Modal
Урок 83.00:09:15
Event Form Fields
Урок 84.00:07:27
Install React DatePicker
Урок 85.00:15:52
Add Event Form Props
Урок 86.00:10:46
Add Props to AddEvent Component
Урок 87.00:10:21
Add Event Functionality - Part 1
Урок 88.00:08:36
Add Event Functionality - Part 2
Урок 89.00:11:18
Create Event Method
Урок 90.00:09:32
Context API Setup - Part 1
Урок 91.00:03:58
Context API Setup - Part 2
Урок 92.00:14:39
AddEvent Context Method
Урок 93.00:07:35
Display Events in Sidebar
Урок 94.00:05:53
Display Events on Calendar
Урок 95.00:11:48
Custom Storage React Hook
Урок 96.00:07:57
Get Events Method
Урок 97.00:05:39
Set Selected Events
Урок 98.00:06:51
Select Modal
Урок 99.00:08:42
Edit Event Function
Урок 100.00:09:26
Add Properties to Edit Fields
Урок 101.00:03:01
Fix Controlled Error
Урок 102.00:06:01
Set Background Color on Select Tag
Урок 103.00:08:31
Edit Event Functionality
Урок 104.00:08:17
Delete Event Functionality
Урок 105.00:02:40
Remove Selected Event on Delete
Урок 106.00:08:25
Trigger Modal From Calendar
Урок 107.00:05:50
Create Description Input Field
Урок 108.00:07:08
Set Description
Урок 109.00:01:14
Reset Description Field
Урок 110.00:02:14
Set Calendar Event Limit
Урок 111.00:05:30
Show Start Time Inside Form
Урок 112.00:07:05
Create Toast Component
Урок 113.00:08:21
Add Toast Component Styles
Урок 114.00:08:21
Create Active Events Context Method
Урок 115.00:07:10
AddEvent Toast Method
Урок 116.00:08:04
Display Active Toast
Урок 117.00:07:04
Delete Toast
Урок 118.00:01:40
Remove App State Warning
Урок 119.00:05:59
Use SetInterval To Display Toast
Урок 120.00:08:36
Play Sound - Part 1
Урок 121.00:06:41
Play Sound - Part 2
Урок 122.00:08:43
Persist Toast Message
Урок 123.00:02:29
Fix Active Events Error
Урок 124.00:01:10
Calendar App Conclusion
Урок 125.00:12:09
Deploy App to Firebase
Урок 126.00:02:31
Ticket App Introduction
Урок 127.00:02:11
Install MongoDB
Урок 128.00:03:05
Ticket App Description
Урок 129.00:08:00
Create Server-Side Project
Урок 130.00:06:59
Add TSLint Rules
Урок 131.00:03:38
Add Script Command in Package.json
Урок 132.00:03:28
Add Editor Config
Урок 133.00:02:51
Install Koa Types
Урок 134.00:10:01
Server Setup - Part 1
Урок 135.00:06:05
Server Setup - Part 2
Урок 136.00:09:38
Database Setup
Урок 137.00:05:12
Setup Routes File
Урок 138.00:06:13
Create User Schema - Part 1
Урок 139.00:08:10
Create User Schema - Part 2
Урок 140.00:09:46
Password Presave Hook
Урок 141.00:11:23
Register User Function - Part 1
Урок 142.00:07:21
Register User Function - Part 2
Урок 143.00:07:30
Use Postman to Test Registration
Урок 144.00:05:18
Create Registration JWT Token
Урок 145.00:10:50
Login User Method
Урок 146.00:08:10
Verify Token Method
Урок 147.00:04:03
Ticket Interface
Урок 148.00:07:16
Ticket Schema
Урок 149.00:13:53
Add Ticket Method - Part 1
Урок 150.00:04:49
Add Ticket Method - Part 2
Урок 151.00:06:04
Get All Tickets
Урок 152.00:07:06
Edit Ticket Method
Урок 153.00:05:46
Delete Ticket Method
Урок 154.00:04:23
Close Ticket Method
Урок 155.00:07:52
Create User Controller
Урок 156.00:06:19
Install Socket.io
Урок 157.00:07:02
Create Socket.io Connection
Урок 158.00:02:19
Auth Pages Description
Урок 159.00:05:49
Create React Ticket Project
Урок 160.00:09:14
Create Auth Paths
Урок 161.00:09:17
Form Input Component
Урок 162.00:05:47
Form Input PropTypes
Урок 163.00:07:46
Use Form Input in Registration Component
Урок 164.00:10:03
Create Radio Input
Урок 165.00:08:03
Create Reusable Button
Урок 166.00:02:38
Login Form Inputs
Урок 167.00:10:12
Register onSubmit Method
Урок 168.00:05:10
Fix Controlled Element Error
Урок 169.00:12:35
Validate Inputs Method
Урок 170.00:01:30
Fix Validate Input Typo Error
Урок 171.00:03:25
Login onSubmit Method
Урок 172.00:11:30
Redux Setup
Урок 173.00:05:08
Create Auth Service
Урок 174.00:07:32
Auth Reducer
Урок 175.00:11:49
Auth Register Action
Урок 176.00:08:52
Redirect To Dashboard From Register Page
Урок 177.00:06:18
Redirect To Dashboard From Login Page
Урок 178.00:08:44
Error Reducer
Урок 179.00:09:12
Create Private Route
Урок 180.00:08:38
Redux Persist
Урок 181.00:11:51
Create Navbar
Урок 182.00:12:16
Card Box Component
Урок 183.00:01:58
Change Add Ticket Button
Урок 184.00:09:37
Show Entries Component
Урок 185.00:08:13
Create Table Head
Урок 186.00:06:44
Table Body Component
Урок 187.00:12:34
Create Modal Component
Урок 188.00:13:19
Add Ticket Form
Урок 189.00:12:56
Create Dropdown Component
Урок 190.00:05:35
Dropdown Ticket Values Array
Урок 191.00:13:04
on Add Ticket Method
Урок 192.00:06:40
Add New Ticket Service Method
Урок 193.00:08:55
Add Token To Request
Урок 194.00:04:18
Fix Auth Token Error
Урок 195.00:02:10
Clear Form Fields Method
Урок 196.00:15:18
Modal Reducer
Урок 197.00:07:00
Hide Add Ticket Modal
Урок 198.00:04:12
Ticket Service Methods
Урок 199.00:05:08
Ticket Reducer Cases
Урок 200.00:09:55
Add Ticket Action Methods
Урок 201.00:09:45
Display Card Box Values
Урок 202.00:08:11
Add Socket.io Client
Урок 203.00:13:34
Display Table Data
Урок 204.00:15:15
Table Entries Functionality
Урок 205.00:08:57
User Reducer
Урок 206.00:11:24
Edit Ticket Modal Component
Урок 207.00:05:12
Open Edit Modal
Урок 208.00:02:26
Try Edit Ticket
Урок 209.00:05:50
Delete Mark Ticket
Урок 210.00:03:21
Disable Action Buttons
Урок 211.00:07:30
Enable Button For User Tickets
Урок 212.00:10:39
Reset State on Logout
Урок 213.00:07:32
Create Filtered Ticket Component
Урок 214.00:05:15
Navigate To Filtered Page
Урок 215.00:06:25
Filter Component Back Button
Урок 216.00:09:06
Create Filter Ticket Function
Урок 217.00:06:25
Set Filter Page Title
Урок 218.00:09:06
Create API Endpoint Method
Урок 219.00:03:23
Ticket App Conclusion
Урок 220.00:06:22
Add Dotenv to Backend
Урок 221.00:01:19
Create Mongodb Atlas Database
Урок 222.00:05:51
Create Github Repo for Backend Project
Урок 223.00:07:53
Deploy Backend to Heroku
Урок 224.00:04:08
Deploy React App to Netlify
Урок 225.00:12:22
Fix Netlify Routing Error
Урок 226.00:07:21
Add PM2 Process Manager to Backend

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+195