udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
React JS. Практический Курс 2020 (вкл. Хуки, Классы, Redux)
Продолжительность
18 ч 23 мин
Категория
React.js
Количество уроков
142 Видео
Дата добавления
7 янв. 2020 г., 20:05
Язык
Русский
Дата выхода
18 дек. 2019 г., 00:00
Дата обновления
7 дек. 2020 г., 13:12
Все что ты хочешь знать про React. Основная часть курса включает 108 уроков общей продолжительностью 16 часов. И это без учета бонусов, в которых содержится ВСЯ необходимая теоретическая база для овладения React.js с полного нуля (включая основы JavaScript)!
При правильном использовании инструкций и приемов из курса, вы на наглядных примерах с полного нуля научитесь создавать динамические, реактивные, полностью адаптивные SPA-приложения и веб-сайты на библиотеке React.js.
Фундаментальная теория
Изучив теоретический блок, вы получите исчерпывающую теорию по React, к которой сможете возвращаться при необходимости. Здесь собрано все, что только может понабиться при разработке с React.
Море практики
В практической части показано создание с нуля полностью рабочего современного приложения, основанного на самых передовых технологиях 2018 года. На основе этих составляющих можно создать приложение практически любого функционала.
Актуальная технология
По итогам курса вы создадите Serverless Single Page Application на material design с Firebase – один из главных трендов.
Примеры из реальной жизни
Вы получаете ценный личный опыт с практическими примерами из реальной жизни высокооплачиваемого Frontend-разработчика.
После прохождения курса вы сможете:
Разрабатывать реальные приложения на стеке React
В курсе шаг за шагом с полного нуля разрабатывается работающее SPA-приложение с сервером в виде Firebase. Компоненты и функционал приложения были выбраны таким образом, чтобы полностью покрыть разработку элементов любых сайтов и SPA под десктопы и мобильные девайсы.
Разрабатывать мобильные приложения
В React за разработку мобильных приложений отвечает платформа React Native. Код, который написан для создания сайта, может быть снова использован для создания мобильного приложения, что значительно сократит время на разработку, если вам нужно и мобильное приложение, и сайт.
Участвовать в стартапах
Множество интернет-стартапов связано с разработкой сервисов, агрегаторов и веб-приложений. И их владельцы хотят, чтобы их детище разрабатывалось на самых современных и передовых технологиях. Изучив курс, вы получаете возможность дополнительно хорошо заработать, участвуя разработчиком стартапа.
Выполнять весь комплекс Frontend-разработки
Вы сможете быстро разрабатывать веб- и мобильные приложения для «боевых условий» реальной жизни, под практически любые цели и задачи. Вы изучите, как грамотно разделять работу с базой данных и представлениями, тестировать и оптимизировать все части вашего приложения.
Итоговый результат:
В качестве наглядного примера SPA-приложения мы выбрали приложение для создания и прохождения тестов. Именно оно и разрабатывается в курсе
Приложение состоит из двух частей: общей и администраторской.
В администраторской части можно создавать тесты, для каждого из которых можно будет создавать вопросы и различные варианты ответов, а также указывать правильный вариант ответа.
В общей части приложения отображаются созданные тесты, в которых конечный пользователь сможет выбрать и пройти любой выбранный тест, ответив на вопросы.
Компоненты и функционал приложения были выбраны таким образом, чтобы полностью покрыть разработку элементов любых сайтов и SPA под десктопы и мобильные девайсы.
Результат является наглядным примером применения ВСЕХ актуальных технологий создания реактивных полностью адаптивных SPA и их взаимодействия. На основе этих составляющих можно создать приложение практически любого функционала.
Курс вам поможет, если вы:
Начинающий Frontend-разработчик
Вы нуждаетесь в пошаговом фундаментальном обучении с полного нуля и поддержке опытного наставника. Хотите сразу изучить и начать использовать современные технологии.
Опытный Frontend-разработчик
Для вас важно быть в тренде и пользоваться только актуальными и востребованными технологиями веб-разработки для достижения максимальных заработков.
Фрилансер-практик
Вы очень ограничены во времени и остро нуждаетесь в быстром овладении новой перспективной технологией для того, чтобы брать более дорогие заказы.
Хотите устроиться в веб-студию
Сейчас в сфере веб-разработки четко прослеживается тренд: все большую популярность набирают одностраничные приложения (англ. single page application, SPA). Причем этот тренд в ближайшие 3-5 лет будет только усиливаться. И если в вашем багаже знаний будет инструмент, с помощью которого такие приложения можно создавать, например, React, то вы будете выглядеть гораздо привлекательнее тех, кто владеет знаниями обычной верстки на HTML, CSS, JavaScript.
Боитесь быстрого устаревания знаний
JavaScript становится лидирующим языком Frontend-разработки. Сегодня едва не каждый день появляются новые JS-библиотеки и фреймворки. И изучив подобную библиотеку или фреймворк сегодня, уже завтра можно обнаружить, что они уже не востребованы и никому не нужны. React применяется уже более 5 лет и является самой популярной JS-библиотекой с поддержкой Facebook. Все это дает уверенность в том, что React будет актуален еще многие годы.
Владеете другими JS-фреймворками
Вы уже знаете, что для решения подавляющего большинства задач Frontend-разработки гораздо проще использовать готовый фреймворк. Но если под конкретную задачу он не подходит, то большая часть кода фреймворка не используется и просто излишне нагружает приложение. Если же вы владеете сразу несколькими инструментами, включая React, вы сможете подобрать наиболее оптимальный вариант для решения конкретной задачи.
React — обязательный инструмент для современного разработчика.
React — это библиотека JavaScript с открытым исходным кодом, которая используется для создания пользовательского интерфейса. Она была создана компанией Facebook и представлена разработчикам в 2013 году.
Это инструмент, который идеально подходит для разработки масштабируемых веб-приложений.
Еще больше он подходит для создания SPA-приложений (single page application) — приложений, использующих один HTML-шаблон для всех страниц приложения.
Концепция React построена на разделении пользовательского интерфейса на отдельные самодостаточные части — компоненты, которые довольно просто поддерживать и расширять. Вы даже можете создать отдельные компоненты, а потом использовать их в различных проектах, легко перенося их из одного проекта в другой.
Еще одной особенностью является использование JSX. JSX представляет собой комбинацию кода JavaScript и XML, и простой, интуитивно понятный способ для определения кода визуального интерфейса. Конечно, при работе с React не обязательно использовать JSX. При разработке можно использовать обычный JavaScript, но: JSX проще в написании; легче читается и упрощает обслуживание; запускается быстрее, чем такой же код на JavaScript.
Библиотека React изначально разработана для создания пользовательских интерфейсов и поэтому не включает некоторых инструментов традиционного JS-фреймворка. Это позволяет выбирать лишь необходимые библиотеки под конкретные задачи, существенно снижая нагрузку на приложение и сервер.
Библиотека не диктует требований к остальной части технологического стека, поэтому вы можете создавать новые функции в React без перезаписи существующего кода. React может также функционировать на сервере в виде NodeJS, а также создавать приложения для мобильных устройств с помощью React Native.
Посмотреть больше
-
Урок 1. 00:05:40Что такое React
-
Урок 2. 00:06:09Как работает React
-
Урок 3. 00:15:45Что такое компоненты
-
Урок 4. 00:08:27Create React App
-
Урок 5. 00:13:55Обзор приложения
-
Урок 6. 00:10:14Как работает JSX
-
Урок 7. 00:03:46Ограничения
-
Урок 8. 00:05:34Inline-стили
-
Урок 9. 00:08:28Создание простого компонента
-
Урок 10. 00:04:54Вывод динамических данных
-
Урок 11. 00:05:25Передача параметров
-
Урок 12. 00:03:55Передача контента
-
Урок 13. 00:07:26Создание State
-
Урок 14. 00:07:03Добавление событий
-
Урок 15. 00:06:08Изменение State
-
Урок 16. 00:09:51Передача параметров в функцию
-
Урок 17. 00:04:06Обработка Input
-
Урок 18. 00:08:53Работа со списком
-
Урок 19. 00:08:45Работа с условными операторами
-
Урок 20. 00:18:03Динамические списки
-
Урок 21. 00:04:08Inline-стили
-
Урок 22. 00:03:16Подключение CSS
-
Урок 23. 00:07:02Динамические классы
-
Урок 24. 00:08:48Radium
-
Урок 25. 00:02:58Препроцессоры (SASS/SCSS)
-
Урок 26. 00:02:54CSS (SCSS) модули
-
Урок 27. 00:03:17Передача параметров в компонент
-
Урок 28. 00:02:59Инициализация State
-
Урок 29. 00:05:51Базовый жизненный цикл
-
Урок 30. 00:04:22Создание Stateful компонента
-
Урок 31. 00:10:57Жизненный цикл изменения
-
Урок 32. 00:01:54Жизненный цикл удаления
-
Урок 33. 00:06:16Жизненные циклы React 16.3+
-
Урок 34. 00:08:16ErrorBoundary
-
Урок 35. 00:09:05Фрагменты. Часть 1
-
Урок 36. 00:05:00Фрагменты. Часть 2
-
Урок 37. 00:02:29Правильное изменение State
-
Урок 38. 00:11:19Введение в компоненты высшего порядка
-
Урок 39. 00:07:55Валидация параметров с PropTypes
-
Урок 40. 00:09:05Референции
-
Урок 41. 00:10:05Context API
-
Урок 42. 00:04:07Создание проекта
-
Урок 43. 00:05:22Создание Layout
-
Урок 44. 00:03:09Подключение CSS-модулей
-
Урок 45. 00:07:37Создание главной страницы
-
Урок 46. 00:07:40Компонент активного вопроса
-
Урок 47. 00:11:25Список вопросов
-
Урок 48. 00:08:50Обработка клика
-
Урок 49. 00:05:13Изменение вопроса
-
Урок 50. 00:11:37Отображение состояния ответа
-
Урок 51. 00:02:19Проверка правильности
-
Урок 52. 00:10:53Вывод результатов
-
Урок 53. 00:16:00Вычисление результатов
-
Урок 54. 00:09:04Компонент кнопки
-
Урок 55. 00:08:06Кнопка переключения меню
-
Урок 56. 00:09:54Реализация меню
-
Урок 57. 00:06:05Компонент затемнения
-
Урок 58. 00:04:26Установка и настройка
-
Урок 59. 00:04:31Регистрация роута
-
Урок 60. 00:02:39Роутинг и компоненты
-
Урок 61. 00:02:48Навигация между страницами
-
Урок 62. 00:06:11Параметры ссылки
-
Урок 63. 00:06:21Программная навигация
-
Урок 64. 00:02:44Роутинг и функциональные компоненты
-
Урок 65. 00:04:53Динамические роуты
-
Урок 66. 00:03:44Редирект и ошибка 404
-
Урок 67. 00:03:49Защита роутов
-
Урок 68. 00:02:01Настройка роутера
-
Урок 69. 00:06:19Создание страниц
-
Урок 70. 00:05:33Навигация
-
Урок 71. 00:08:52Страница списка
-
Урок 72. 00:02:12Ссылка через кастомный компонент
-
Урок 73. 00:08:11Страница авторизации
-
Урок 74. 00:13:47Компонент текстового поля
-
Урок 75. 00:12:13Валидация. Часть 1
-
Урок 76. 00:14:11Валидация. Часть 2
-
Урок 77. 00:03:36Валидация формы
-
Урок 78. 00:08:08Создание тестов
-
Урок 79. 00:17:15Создание контролов
-
Урок 80. 00:09:56Создание компонента Select
-
Урок 81. 00:08:27Изменение контролов
-
Урок 82. 00:06:32Добавление вопроса
-
Урок 83. 00:08:27Настройка проекта
-
Урок 84. 00:08:35Создание теста
-
Урок 85. 00:06:59Загрузка списка тестов
-
Урок 86. 00:06:29Компонент прогресса загрузки
-
Урок 87. 00:08:05Загрузка теста
-
Урок 88. 00:08:46Авторизация
-
Урок 89. 00:01:40Введение
-
Урок 90. 00:16:19Как работает Redux
-
Урок 91. 00:06:59React и Redux
-
Урок 92. 00:06:07Подключение компонента
-
Урок 93. 00:07:15Изменение State
-
Урок 94. 00:04:36Передача параметров
-
Урок 95. 00:12:17Объединение редюсеров
-
Урок 96. 00:06:12Как работает Middleware
-
Урок 97. 00:07:21Что такое Action Creator
-
Урок 98. 00:05:47Асинхронное изменение State
-
Урок 99. 00:07:18Devtools
-
Урок 100. 00:06:03Настройка приложения
-
Урок 101. 00:16:12Список тестов
-
Урок 102. 00:15:18Страница теста. Часть 1
-
Урок 103. 00:17:17Страница теста. Часть 2
-
Урок 104. 00:15:58Страница создания тестов
-
Урок 105. 00:16:26Авторизация
-
Урок 106. 00:14:29Пункты меню
-
Урок 107. 00:05:23Автологин в систему
-
Урок 108. 00:06:47Деплой в Firebase
-
Урок 109. 00:22:08Работаем со стейтом - useState
-
Урок 110. 00:14:08Добавляем эффекты с useEffect
-
Урок 111. 00:10:40Состояние и ссылки с useRef
-
Урок 112. 00:11:32Оптимизируем с useMemo
-
Урок 113. 00:10:06Как работает useCallback
-
Урок 114. 00:17:11Контекст с useContext
-
Урок 115. 00:07:24Добавляем redux c useReducer
-
Урок 116. 00:12:21Пишем свой хук
-
Урок 117. 00:06:09Настройка приложения
-
Урок 118. 00:04:41Добавление навигации
-
Урок 119. 00:04:47Добавление роутинга
-
Урок 120. 00:06:39Главная страница
-
Урок 121. 00:07:20Компонент alert. Урок 1
-
Урок 122. 00:10:08Компонент alert. Урок 2
-
Урок 123. 00:03:27Компонент поиска
-
Урок 124. 00:08:23Создание github state. Урок 1
-
Урок 125. 00:04:56Создание github state. Урок 2
-
Урок 126. 00:08:41Получение данных с github
-
Урок 127. 00:04:00Настройка запросов
-
Урок 128. 00:05:35Отображение главной страницы
-
Урок 129. 00:15:53Отображение пользователя
-
Урок 130. 00:04:34Вывод списка репозиториев
-
Урок 131. 00:07:48Добавление CSS анимаций
-
Урок 132. 00:10:03Анимирование с Transition
-
Урок 133. 00:01:43Этапы работы анимаций
-
Урок 134. 00:05:50Анимация с CSSTransition
-
Урок 135. 00:08:01Анимирование групп
-
Урок 136. 00:03:18Настройка приложения
-
Урок 137. 00:03:33Настройка теста
-
Урок 138. 00:08:41Создание тестов
-
Урок 139. 00:09:04Функции высшего порядка
-
Урок 140. 00:04:17Создание приложения
-
Урок 141. 00:05:06Оптимизация приложения
-
Урок 142. 00:05:22Оптимизация с Higher Order Components
Автор - udemy
Категории
Комментарии
-
Nerovinкакая же лажа его курсы -
zsgdev NerovinПотому что учиться надо самому -
7523460 NerovinПОЧЕМУ? -
Nerovin 7523460одна из причин что он не объясняет , а пересказывает. Дело в том что его курсы это перевод и склейка англ курсов
-
zsgdev NerovinЯ благодаря его курсу на Ангуляр попал на свою первую работу, так что не нужно недооценивать этого парня
-
Torvald_cНа udemy сейчас этот курс обновлен от 8/2020, а здесь от 07/01/2020, можно обновить курс? -
sinyak26 Torvald_cА что нового добавилось? -
Torvald_c sinyak26Я не знаю. Просто вижу что на удеми он обновлен, а здесь нет. Хочу купить здесь премиум, при этом хотелось бы получать свежую инфу.
-
Anonymous Torvald_cЧто из обновленного в реакте н сего особо не поменялось , можете посмотреть про изменения в js за 2020 ,
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
React JS с Нуля до Профи. Полное руководство
Основная часть курса включает 108 уроков общей продолжительностью 16 часов. И это без учета бонусов, в которых содержится ВСЯ необходимая теоретическая база для овладения React.js с полного нуля (включая основы JavaScript)! При правильном использовании инструкций и приемов из курса, вы на наглядных примерах с полного нуля научитесь создавать динамические, реактивные, полностью адаптивные SPA-приложения и веб-сайты на библиотеке React.js.
React Hooks - Пишем Реальный Проект с Нуля
Улучшите свои скиллы React и React hooks реализуя реальное приложение. В этом курсе мы создадим клон сайта Medium используя React и React hooks. Этот курс полностью сфокусирован на быстром и глубоком погружении в создание реального приложения с Реакт и хуками. Мы начнем с нуля и шаг за шагом дойдем до законченного приложения. Мы глубоко разберемся как структурировать приложение, создавать переиспользуемые и понятные хуки и компоненты и как разбив
reacttraining (Ryan Florence)
22 дек. 2019 г., 18:46
Изучите React Hooks Создавая Реальное Приложение
Learn React Hooks By Building A Real Application
Изучите React Hooks, создав ключевые функции реалистичного приложения. После обучения тысячи + людей, мы упаковали все это в один курс!
React Pizza Shop - Заказываейту еду с Hooks и Firebase
React Pizza Shop - Ordering Food with Hooks and Firebase
Создайте приложение для заказа еды c ресторана с помощью React Hooks, Firebase и Styled-Components. Mamma Mia! Добро пожаловать в React Pizza Shop. Вот что мы будем создавать: система заказа пиццы с несколькими типами блюд и редактируемыми всплывающими диалоговыми окнами, чтобы настроить ваш заказ с вкусными блюдами из меню.
Dave Ceddia
13 нояб. 2019 г., 11:46
Чистый React
Pure React: Learn to think in React (PRO PACKET)
Вы не знаете Реакт. Но не из-за отсутствия попыток изучить его! Учебники, книги, курсы, подкасты, посты в блогах ... Вы все их читали или пытались это сделать. Вы следовали за всем этим, и, конечно, это имело хоть какой-то смысл, пока вы усердно воспроизводили каждый шаг, но только когда вы достигли конца, все, что вы якобы выучили, просто ... забылось или превратилось в огромное серое небытие: туман неопределенности...