udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Полный курс веб-разработчика React (с Hooks и Redux)
The Complete React Developer Course (w/ Hooks and Redux)
★4.3 (всего оценок - 79)
Продолжительность
39 ч 15 мин
Категория
React.jsКоличество уроков
200 Видео
Дата добавления
17 апр. 2018 г., 05:03
Язык
Английский
Дата выхода
23 дек. 2017 г., 00:00
Дата обновления
5 янв. 2021 г., 12:37
Узнайте, как создавать и запускать веб-приложения React с помощью React v16, Redux, Webpack, React-Router v4 и многое другое. Этот курс был просто обновлен для поддержки React v16 (React Fiber)!
Вы пытались изучить React раньше? Легко спускаться в кроличью дыру в библиотеках и инструментах, чтобы выйти из нее, не зная, как создавать и запускать приложение Real-world React. Вы настраиваете все, но вы не знаете, как библиотеки подходят друг другу (или даже используете ли вы правильный вариант). Звучит знакомо? Я построил этот курс, чтобы показать вам, как вы можете создавать и запускать реальные веб-приложения React.
Полный курс веб-разработчиков React (второе издание) начинается с основных принципов и охватывает все, что вам нужно для создания и запуска React веб-приложений!
Вы увидите, что нужно для создания и запуска приложения React, начиная с первой строки кода и заканчивая окончательным производственным развертыванием.
Этот курс был разработан с одной целью: превратить вас в профессионального разработчика React, способного разрабатывать, тестировать и развертывать реальные приложения для производства.
Из первых видео вы будете строить каждый проект, а также выполнять задачи программирования, которые я разработал, чтобы проверить и укрепить то, что вы узнали.
На протяжении всего курса вы создадите два веб-приложения React:
- Первое приложение, приложение для принятия решений, называемое Indecision, является нашим стартовым приложением. Вы узнаете основы React, видя именно то, что нужно, чтобы запустить приложение React.
- Второе приложение, менеджер расходов под названием Expensify, имеет все функции, которые вы ожидаете от реального приложения. Вы настроите аутентификацию, учетные записи пользователей, маршрутизацию, тестирование, проверку формы, хранилище базы данных и тд.
Будьте в курсе происходящего в постоянно меняющемся мире.
Мир React меняется быстро, и именно поэтому я всегда стараюсь поддерживать этот курс как можно более актуальным. Вы можете понять, что получаете доступ к горячим клавишам
Все, что вам нужно, входит в один простой в использовании курс.
Я наметил все, что вам нужно знать, в интерактивном простеньком пакете, предназначенном для того, чтобы вы заработали за пару недель.
Нет лучшего времени для изучения Реакта.
Реакт никуда не денется. Такие компании, как Facebook, Walmart, Uber, Airbnb и Netflix, сейчас используют React в производстве.
Они также внесли значительные инвестиции в экосистему React, создав новые библиотеки и инструменты, которые ускоряют и упрощают разработку React. От самого большого до самого маленького, каждый раз использует React и новые рабочие места.
Более 18 разделов где вы узнаете:
- React
- Redux
- React-Router
- Webpack
- Babel
- Тестирование Jest
- Enzyme
- App Debugging
- App Deployment
- Firebase
- Authentication
- Git/GitHub
- ES6/ES7
- и много другого.
Посмотреть больше
- Урок 1.00:04:54Welcome & Asking Good Questions
- Урок 2.00:05:11"Why should I learn React?"
- Урок 3.00:00:51Section Intro: Setting up Your Environment
- Урок 4.00:01:36Installing Visual Studio Code
- Урок 5.00:04:25Installing Node.js & Yarn
- Урок 6.00:02:08Section Intro: Hello React
- Урок 7.00:12:01Setting up a Web Server
- Урок 8.00:18:39Hello React
- Урок 9.00:17:27Setting up Babel
- Урок 10.00:14:44Exploring JSX
- Урок 11.00:10:21JSX Expressions
- Урок 12.00:22:35Conditional Rendering in JSX
- Урок 13.00:16:30ES6 Aside: const and let
- Урок 14.00:12:37ES6 Aside: Arrow Functions
- Урок 15.00:19:58ES6 Aside: Arrow Functions Part II
- Урок 16.00:16:40Events and Attributes
- Урок 17.00:11:53Manual Data Binding
- Урок 18.00:17:54Forms and Inputs
- Урок 19.00:14:16Arrays in JSX
- Урок 20.00:08:32Picking an Option
- Урок 21.00:09:11Build It: Visibility Toggle
- Урок 22.00:01:19Section Intro: React Components
- Урок 23.00:07:22Thinking in React
- Урок 24.00:20:53ES6 Classes: Part I
- Урок 25.00:18:08ES6 Classes: Part II
- Урок 26.00:14:37Creating a React Component
- Урок 27.00:05:44Nesting Components
- Урок 28.00:13:35Component Props
- Урок 29.00:10:35Events & Methods
- Урок 30.00:11:25Method Binding
- Урок 31.00:06:51What Is Component State?
- Урок 32.00:08:19Adding State to Counter App: Part I
- Урок 33.00:11:01Adding State to Counter App: Part II
- Урок 34.00:07:16Alternative setState Syntax
- Урок 35.00:08:14Build It: Adding State to VisibilityToggle
- Урок 36.00:17:07Indecision State: Part I
- Урок 37.00:14:34Indecision State: Part II
- Урок 38.00:03:42Summary: Props vs. State
- Урок 39.00:00:55Section Intro: Stateless Functional Components
- Урок 40.00:13:48The Stateless Functional Component
- Урок 41.00:09:50Default Prop Values
- Урок 42.00:07:04React Dev Tools
- Урок 43.00:16:23Removing Individual Options
- Урок 44.00:10:08Lifecycle Methods
- Урок 45.00:14:37Saving and Loading Options Data
- Урок 46.00:10:35Saving and Loading the Count
- Урок 47.00:01:16Section Intro: Webpack
- Урок 48.00:09:07What Is Webpack?
- Урок 49.00:08:26Avoid Global Modules
- Урок 50.00:16:32Installing & Configuring Webpack
- Урок 51.00:18:33ES6 import/export
- Урок 52.00:11:19Default Exports
- Урок 53.00:11:29Importing npm Modules
- Урок 54.00:09:28Setting up Babel with Webpack
- Урок 55.00:18:13One Component per File
- Урок 56.00:05:17Source Maps with Webpack
- Урок 57.00:08:49Webpack Dev Server
- Урок 58.00:17:34ES6 class properties
- Урок 59.00:01:14Section Intro: Using a Third-Party Component
- Урок 60.00:06:26Passing Children to Component
- Урок 61.00:18:46Setting up React-Modal
- Урок 62.00:02:26Bonus: Refactoring Other Stateless Functional Components
- Урок 63.00:00:50Section Intro: Styling React
- Урок 64.00:13:17Setting up Webpack with SCSS
- Урок 65.00:14:49Architecture and Header Styles
- Урок 66.00:04:59Reset That $#!*
- Урок 67.00:14:19Theming with Variables
- Урок 68.00:15:25Big Button & Options List
- Урок 69.00:14:14Styling the Options List
- Урок 70.00:16:41Styling Option Item
- Урок 71.00:18:01Styling React-Modal
- Урок 72.00:12:58Mobile Considerations
- Урок 73.00:02:54Bonus: Favicon
- Урок 74.00:02:50Section Intro: React Router
- Урок 75.00:04:40Server vs. Client Routing
- Урок 76.00:06:55Setting Up Budget App
- Урок 77.00:20:14React-Router 101
- Урок 78.00:05:59Setting up a 404
- Урок 79.00:14:09Linking Between Routes
- Урок 80.00:12:31Organizing Our Routes
- Урок 81.00:09:11Query Strings and URL Parameters
- Урок 82.00:18:28Build It: Router for Portfolio Site
- Урок 83.00:01:36Section Intro: Redux
- Урок 84.00:13:34Why Do We Need Something Like Redux?
- Урок 85.00:07:54Setting up Redux
- Урок 86.00:13:01Dispatching Actions
- Урок 87.00:09:36Subscribing and Dynamic Actions
- Урок 88.00:15:50ES6 Object Destructuring
- Урок 89.00:10:39ES6 Array Destructuring
- Урок 90.00:16:42Refactoring and Organizing
- Урок 91.00:12:06Reducers
- Урок 92.00:13:41Working with Multiple Reducers
- Урок 93.00:17:37ES6 Spread Operator in Reducers
- Урок 94.00:14:37Spreading Objects
- Урок 95.00:09:53Wrapping up Our Reducers
- Урок 96.00:16:55Filtering Redux Data
- Урок 97.00:06:15Sorting Redux Data
- Урок 98.00:01:07Section Intro: Connecting React and Redux
- Урок 99.00:15:03Organizing Redux
- Урок 100.00:15:31The Higher Order Component
- Урок 101.00:15:41Connecting Store and Component with React-Redux
- Урок 102.00:09:10Rendering Individual Expenses
- Урок 103.00:14:22Controlled Inputs for Filters
- Урок 104.00:08:42Dropdown for Picking SortBy
- Урок 105.00:20:10Creating Expense Add/Edit Form
- Урок 106.00:21:35Setting up a Date Picker
- Урок 107.00:16:45Wiring up Add Expense
- Урок 108.00:19:07Wiring up Edit Expense
- Урок 109.00:05:34Redux Dev Tools
- Урок 110.00:19:45Filtering by Dates
- Урок 111.00:03:04Section Intro: Testing React Components
- Урок 112.00:19:35Setting up Jest
- Урок 113.00:16:56Testing Expenses Action Generators
- Урок 114.00:11:07Testing Filters Action Generators
- Урок 115.00:17:04Testing Expenses Selector
- Урок 116.00:14:08Testing Filters Reducer
- Урок 117.00:15:11Testing Expenses Reducer
- Урок 118.00:12:14Snapshot Testing
- Урок 119.00:21:54Enzyme
- Урок 120.00:15:43Snapshot Testing with Dynamic Components
- Урок 121.00:11:52Mocking Libraries with Jest
- Урок 122.00:16:55Testing User Interaction
- Урок 123.00:17:40Test Spies
- Урок 124.00:14:40Testing AddExpensePage
- Урок 125.00:19:01Testing EditExpensePage
- Урок 126.00:14:51Testing ExpenseListFilters
- Урок 127.00:12:28Testing ExpenseListFilters: Part II
- Урок 128.00:01:01Section Intro: Deploying Your Apps
- Урок 129.00:04:27Installing Git
- Урок 130.00:05:18What is Git?
- Урок 131.00:12:55Integrating Git into Our Project
- Урок 132.00:18:09Setting up SSH and Github
- Урок 133.00:13:08Production Webpack
- Урок 134.00:16:48Creating Separate CSS Files
- Урок 135.00:13:15A Production Web Server with Express
- Урок 136.00:16:45Deploying with Heroku
- Урок 137.00:15:37Regular vs Development Dependencies
- Урок 138.00:12:33New Feature Workflow
- Урок 139.00:17:26Build It: Adding Total Selector
- Урок 140.00:18:40Build It: Adding Summary Component
- Урок 141.00:01:12Section Intro: Firebase 101
- Урок 142.00:11:41Getting Firebase
- Урок 143.00:15:00Writing to the Database
- Урок 144.00:14:31ES6 Promises
- Урок 145.00:10:55Promises with Firebase
- Урок 146.00:05:43Removing Data from Firebase
- Урок 147.00:10:42Updating Data
- Урок 148.00:17:55Fetching Data From Firebase
- Урок 149.00:15:13Array Data in Firebase: Part I
- Урок 150.00:14:57Array Data in Firebase: Part II
- Урок 151.00:01:19Section Intro: Firebase with Redux
- Урок 152.00:18:50Asynchronous Redux Actions
- Урок 153.00:17:00Testing Async Redux Actions: Part I
- Урок 154.00:12:13Testing Async Redux Actions: Part II
- Урок 155.00:21:16Creating a Separate Test Database
- Урок 156.00:06:39Heroku Environment Variables
- Урок 157.00:12:39Fetching Expenses: Part I
- Урок 158.00:13:53Fetching Expenses: Part II
- Урок 159.00:12:04Remove Expense
- Урок 160.00:10:32Update Expense
- Урок 161.00:01:00Section Intro: Firebase Authentication
- Урок 162.00:19:27Login Page and Google Authentication
- Урок 163.00:11:06Logging Out
- Урок 164.00:12:49Redirecting Login or Logout
- Урок 165.00:15:50The Auth Reducer
- Урок 166.00:13:05Private Only Routes
- Урок 167.00:05:30Public Only Routes
- Урок 168.00:18:34Private Firebase Data
- Урок 169.00:14:59Data Validation and Deployment
- Урок 170.00:00:34Section Intro: Styling Budget App
- Урок 171.00:13:46Styling Login Page
- Урок 172.00:15:36Styling Buttons
- Урок 173.00:12:21Styling Summary Area
- Урок 174.00:10:06Styling List Filters
- Урок 175.00:11:31Styling Inputs
- Урок 176.00:13:20Styling Expense Form
- Урок 177.00:13:04Styling Expenses List: Part I
- Урок 178.00:17:59Styling Expenses List: Part II
- Урок 179.00:09:27Adding Loader
- Урок 180.00:04:56Babel Polyfill
- Урок 181.00:01:58Final Deployment
- Урок 182.00:01:36Section Into: What Now?
- Урок 183.00:18:06Creating the Final Boilerplate
- Урок 184.00:03:19Budget App Enhancements
- Урок 185.00:01:10Indecision App Enhancements
- Урок 186.00:02:49New App Idea: Blog
- Урок 187.00:01:12Until Next Time
- Урок 188.00:00:30Section Intro
- Урок 189.00:16:47Using Create React App
- Урок 190.00:15:51The useState Hook
- Урок 191.00:12:19useState vs. setState
- Урок 192.00:16:22Complex State with useState
- Урок 193.00:11:25The useEffect Hook
- Урок 194.00:11:58useEffect Dependencies
- Урок 195.00:08:12Cleaning up Effects
- Урок 196.00:14:47The useReducer Hook
- Урок 197.00:20:01The Context API & useContext Hook: Part I
- Урок 198.00:16:59The Context API & useContext Hook: Part II
- Урок 199.00:02:44Fragments
- Урок 200.00:20:17Creating Custom Hooks
Автор - udemy
Комментарии
waefesПожалуйста обновите курс! Уже давно вышло 3-е издание. А это издание уже морально устарело. Это 2007 год(
Walter SobchakCan you update to 3rd edition?