Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Полный курс по JavaScript + React - с нуля до результата, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:06:12
    Как проходить данный курс
  • Урок 2. 00:06:53
    Почему этот курс?
  • Урок 3. 00:21:49
    Настройка рабочего пространства
  • Урок 4. 00:33:26
    (д) Eslint. Подсказки об ошибках и автоматическое форматирование кода
  • Урок 5. 00:11:39
    Что такое JS и как его подключить к странице
  • Урок 6. 00:05:45
    Про упражнения и дополнительные уроки
  • Урок 7. 00:16:01
    Переменные и строгий режим
  • Урок 8. 00:13:44
    (д) Правила и типы названия переменных
  • Урок 9. 00:16:22
    Классификация типов данных в JavaScript
  • Урок 10. 00:19:24
    (д) Разница между объектами и массивами и неочевидные синтаксические возможности
  • Урок 11. 00:14:40
    Простое общение с пользователем
  • Урок 12. 00:03:59
    Интерполяция (ES6)
  • Урок 13. 00:14:30
    Операторы в JS
  • Урок 14. 00:25:07
    Учимся работать с системой контроля версий Git и с сервисом GitHub
  • Урок 15. 00:15:53
    Как работать с GitHub с разных компьютеров, gitignore и Git Kraken
  • Урок 16. 00:12:59
    (д) Сетевые протоколы. Подключение компьютера к аккаунту Github через SSH
  • Урок 17. 00:11:41
    Практика, ч.1. Начинаем создавать приложение
  • Урок 18. 00:12:18
    Условия
  • Урок 19. 00:33:24
    (д) Логические операторы
  • Урок 20. 00:08:48
    Циклы
  • Урок 21. 00:17:21
    (д) Цикл в цикле и метки
  • Урок 22. 00:17:05
    Практика, ч2. Применяем условия и циклы
  • Урок 23. 00:20:16
    Функции, стрелочные ф-ции (ES6)
  • Урок 24. 00:07:12
    (д) Еще раз про аргументы функций
  • Урок 25. 00:13:30
    (д) Про важность return
  • Урок 26. 00:19:31
    Методы и свойства строк и чисел
  • Урок 27. 00:15:15
    Практика , ч3. Используем функции
  • Урок 28. 00:04:37
    (д) Метод trim()
  • Урок 29. 00:07:24
    Callback- функции
  • Урок 30. 00:24:35
    Объекты, деструктуризация объектов (ES6)
  • Урок 31. 00:23:51
    Массивы и псевдомассивы
  • Урок 32. 00:24:58
    Передача по ссылке или по значению, Spread оператор (ES6-ES9)
  • Урок 33. 00:16:25
    Основы ООП, прототипно-ориентированное наследование
  • Урок 34. 00:20:57
    Практика , ч4. Используем объекты
  • Урок 35. 00:13:37
    Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints
  • Урок 36. 00:14:21
    Динамическая типизация в JS
  • Урок 37. 00:30:37
    Замыкание и лексическое окружение
  • Урок 38. 00:17:56
    Задачи с собеседований на понимание основ
  • Урок 39. 00:18:18
    Получение элементов со страницы
  • Урок 40. 00:34:59
    Действия с элементами на странице
  • Урок 41. 00:20:50
    Практика. Задание на отработку действий со страницей
  • Урок 42. 00:26:21
    События и их обработчики
  • Урок 43. 00:15:40
    Навигация по DOM - элементам, data-атрибуты, преимущество for/of
  • Урок 44. 00:43:58
    Рекурсия
  • Урок 45. 00:32:47
    Практика. Используем события на странице проекта
  • Урок 46. 00:13:23
    События на мобильных устройствах
  • Урок 47. 00:15:00
    Async, defer, динамические скрипты
  • Урок 48. 00:12:57
    (д) Оператор нулевого слияния (Nullish, ??) ES11
  • Урок 49. 00:11:46
    (д) Оператор опциональной цепочки (?.) ES11
  • Урок 50. 00:18:15
    (д) Живые коллекции и полезные методы
  • Урок 51. 00:16:05
    (д) Тип данных Symbol
  • Урок 52. 00:22:33
    (д) Дескрипторы свойств и полезные методы объектов
  • Урок 53. 00:21:07
    (*) Итерируемые конструкции
  • Урок 54. 00:26:37
    (*) Map
  • Урок 55. 00:11:37
    (*) Set
  • Урок 56. 00:10:38
    (*) BigInt
  • Урок 57. 00:02:00
    Про что будет этот модуль
  • Урок 58. 00:21:35
    ClassList и делегирование событий
  • Урок 59. 00:22:20
    Создаем табы в новом проекте
  • Урок 60. 00:21:29
    Скрипты и время их выполнения. setTimeout и setInterval
  • Урок 61. 00:20:39
    (д) Сборщик мусора и утечки памяти
  • Урок 62. 00:18:54
    (*) WeakMap и WeakSet
  • Урок 63. 00:17:37
    Работа с датами
  • Урок 64. 00:25:30
    Создаем таймер обратного отсчета на сайте
  • Урок 65. 00:03:45
    (*) Обработка прошедшей даты
  • Урок 66. 00:23:29
    Параметры документа, окна и работа с ними
  • Урок 67. 00:19:09
    Создаем модальное окно
  • Урок 68. 00:11:05
    Модификации модального окна
  • Урок 69. 00:11:16
    (д) MutationObserver, ResizeObserver и contenteditable
  • Урок 70. 00:10:37
    Функции-конструкторы
  • Урок 71. 00:27:07
    Контекст вызова. This
  • Урок 72. 00:15:52
    Классы (ES6)
  • Урок 73. 00:18:59
    Используем классы в реальной работе
  • Урок 74. 00:17:02
    Rest оператор и параметры по умолчанию (ES6)
  • Урок 75. 00:11:20
    Локальные сервера
  • Урок 76. 00:09:14
    JSON формат передачи данных, глубокое клонирование объектов
  • Урок 77. 00:26:25
    AJAX и общение с сервером
  • Урок 78. 00:26:18
    Реализация скрипта отправки данных на сервер
  • Урок 79. 00:24:41
    Красивое оповещение пользователя
  • Урок 80. 00:26:19
    Promise (ES6)
  • Урок 81. 00:20:48
    Fetch API
  • Урок 82. 00:29:00
    Методы перебора массивов
  • Урок 83. 00:18:38
    Подробно про npm и проект. JSON-server
  • Урок 84. 00:32:44
    Получение данных с сервера. Async/Await (ES8)
  • Урок 85. 00:08:55
    Дополнительно: Что такое библиотеки. Библиотека axios
  • Урок 86. 00:17:05
    Создаем слайдер на сайте, вариант 1
  • Урок 87. 00:23:35
    Создаем слайдер на сайте, вариант 2
  • Урок 88. 00:15:51
    Создаем навигацию для слайдов
  • Урок 89. 00:16:28
    Как сохранить данные без БД. Работа с localStorage
  • Урок 90. 00:23:49
    Регулярные выражения
  • Урок 91. 00:32:23
    Создаем калькулятор на сайте, часть 1
  • Урок 92. 00:18:23
    Создаем калькулятор на сайте, часть 2
  • Урок 93. 00:05:09
    Геттеры и сеттеры (свойства объектов)
  • Урок 94. 00:20:21
    Инкапсуляция
  • Урок 95. 00:09:35
    Прием модуль, как и зачем его использовать
  • Урок 96. 00:29:05
    Webpack. Собираем наш проект
  • Урок 97. 00:10:39
    ES6 Modules
  • Урок 98. 00:33:50
    Собираем наш проект и фиксим баги
  • Урок 99. 00:08:13
    Формируем портфолио на GitHub
  • Урок 100. 00:11:01
    Ошибки. Как избежать “поломки” своего кода
  • Урок 101. 00:10:27
    (д) Создание своих ошибок
  • Урок 102. 00:20:40
    Как превратить код ES6+ в старый формат ES5. Babel, Core.js и полифиллы
  • Урок 103. 00:19:59
    Современные библиотеки и фрэймворки
  • Урок 104. 00:29:21
    Библиотека Jquery
  • Урок 105. 00:08:00
    Функции-генераторы
  • Урок 106. 00:12:12
    JS анимации, requestAnimationFrame
  • Урок 107. 00:14:10
    (*) Web Animations API
  • Урок 108. 00:23:13
    Event loop, подробная работа асинхронных и синхронных операций
  • Урок 109. 00:09:06
    Макро и микрозадачи
  • Урок 110. 00:16:55
    Работаем с готовым кодом
  • Урок 111. 00:02:42
    Введение
  • Урок 112. 00:03:32
    Что такое реакт, зачем он нам и почему не обычный JS
  • Урок 113. 00:16:32
    Фундаментальные принципы Реакта
  • Урок 114. 00:13:36
    Create React App - создаем свое приложение
  • Урок 115. 00:32:03
    Работаем с JSX-препроцессором, ограничения в нем
  • Урок 116. 00:26:07
    Элементы и компоненты
  • Урок 117. 00:04:37
    Строгий режим
  • Урок 118. 00:43:39
    Создание нового проекта
  • Урок 119. 00:13:04
    Свойства компонентов
  • Урок 120. 00:20:01
    Практика свойств на проекте
  • Урок 121. 00:14:56
    Работа со списками и алгоритм согласования
  • Урок 122. 00:18:22
    Состояния компонентов
  • Урок 123. 00:03:32
    Самостоятельное задание на работу с состояниями
  • Урок 124. 00:17:14
    События в React и вспоминаем this
  • Урок 125. 00:07:41
    Практика состояний на проекте
  • Урок 126. 00:10:26
    Работа с формами, управляемые и неуправляемые компоненты
  • Урок 127. 00:24:24
    Иммутабельность состояния и собственные события
  • Урок 128. 00:31:16
    Практика. Подъём состояния
  • Урок 129. 00:05:04
    React-фрагменты
  • Урок 130. 00:36:55
    Практика. Реализуем поиск и фильтры
  • Урок 131. 00:08:59
    Семантика и доступность контента
  • Урок 132. 00:05:40
    Стили в React. Inline Styles
  • Урок 133. 00:08:11
    Стили в React. CSS и SASS/SCSS
  • Урок 134. 00:04:06
    Стили в React. Динамические классы и стили
  • Урок 135. 00:20:43
    Стили в React. Styled Components
  • Урок 136. 00:14:35
    Стили в React. Готовые библиотеки компонентов со стилями
  • Урок 137. 00:07:16
    Поля классов и static
  • Урок 138. 00:02:19
    Заключение модуля
  • Урок 139. 00:12:10
    Что такое API и как работают реальные приложения
  • Урок 140. 00:28:57
    Новый проект и работа с сервером
  • Урок 141. 00:32:00
    Трансформация данных и компонент со случайным персонажем
  • Урок 142. 00:25:11
    Хороший тон приложения (спиннер, ошибки...)
  • Урок 143. 00:23:52
    Жизненный цикл компонентов
  • Урок 144. 00:38:37
    Практика с жизненным циклом, componentDidUpdate
  • Урок 145. 00:18:32
    Предохранители (Error Boundaries)
  • Урок 146. 00:28:45
    Пагинация данных (дозагрузка персонажей)
  • Урок 147. 00:07:19
    Проверка типов с помощью PropTypes
  • Урок 148. 00:18:41
    Вставка элементов через props.children
  • Урок 149. 00:04:01
    Специализация и наследование
  • Урок 150. 00:13:26
    Render-props паттерн
  • Урок 151. 00:20:24
    Что такое ref и зачем он нужен
  • Урок 152. 00:15:16
    Порталы
  • Урок 153. 00:28:05
    “Бандлинг” и выгрузка проекта на сервер
  • Урок 154. 00:05:33
    Введение в хуки
  • Урок 155. 00:27:36
    useState
  • Урок 156. 00:22:01
    useEffect
  • Урок 157. 00:13:19
    useCallback
  • Урок 158. 00:14:17
    useMemo
  • Урок 159. 00:10:59
    useRef
  • Урок 160. 00:22:52
    Практика. Перепишем весь проект на хуки
  • Урок 161. 00:23:53
    Создание собственных хуков
  • Урок 162. 00:44:35
    Практика собственных хуков на проекте
  • Урок 163. 00:11:50
    Что такое batching и как он работает в React 18+
  • Урок 164. 00:15:51
    (д) useTransition, useDeferredValue и другие нововведения React 18+
  • Урок 165. 00:32:42
    Навигация в приложении, React Router v5+
  • Урок 166. 00:21:55
    React Router v6+
  • Урок 167. 00:34:44
    Практика создания динамических путей
  • Урок 168. 00:26:13
    Динамические импорты и React.lazy
  • Урок 169. 00:30:15
    React.memo, Pure Component и оптимизация скорости работы приложения
  • Урок 170. 00:33:48
    React Context и useContext
  • Урок 171. 00:20:44
    useReducer
  • Урок 172. 00:27:52
    Компоненты высшего порядка (HOC)
  • Урок 173. 00:02:18
    Библиотеки и экосистема React
  • Урок 174. 00:44:19
    React Transition Group
  • Урок 175. 00:53:35
    Formik, Yup и работа с формами любой сложности, часть 1
  • Урок 176. 00:31:15
    Formik, Yup и работа с формами любой сложности, часть 2
  • Урок 177. 00:14:43
    Разбор домашнего задания
  • Урок 178. 00:17:36
    SEO-оптимизация веб-приложений, React-helmet
  • Урок 179. 00:52:44
    ❗Принцип конечного автомата (FSM, Finite-state machine) и +1 подход к состояниям
  • Урок 180. 00:14:23
    Разбираем ошибки сторонних библиотек и проблему с фокусом
  • Урок 181. 00:15:33
    Основные принципы Redux. Теория
  • Урок 182. 00:35:06
    Основные принципы Redux. Практика
  • Урок 183. 00:09:09
    Чистые функции
  • Урок 184. 00:15:18
    Оптимизация через actionCreators и bindActionCreator
  • Урок 185. 00:14:10
    Добавим React в проект
  • Урок 186. 00:24:36
    Соединяем React и Redux при помощи connect
  • Урок 187. 00:17:15
    Соединяем React и Redux при помощи хуков
  • Урок 188. 00:04:19
    Redux devtools
  • Урок 189. 00:27:25
    Правило названия action и домашнее задание (мини-экзамен)
  • Урок 190. 00:10:27
    Разбор самых сложных моментов
  • Урок 191. 00:28:19
    Комбинирование reducers и красивые селекторы. CreateSelector()
  • Урок 192. 00:01:35
    Про сложность реальной разработки
  • Урок 193. 00:10:24
    Store enhancers
  • Урок 194. 00:09:58
    Middleware
  • Урок 195. 00:09:59
    Redux-thunk
  • Урок 196. 00:13:23
    Redux Toolkit: configureStore()
  • Урок 197. 00:07:33
    Redux Toolkit: createAction()
  • Урок 198. 00:22:04
    Redux Toolkit: createReducer()
  • Урок 199. 00:21:58
    Redux Toolkit: createSlice()
  • Урок 200. 00:20:33
    Redux Toolkit: createAsyncThunk()
  • Урок 201. 00:36:23
    Redux Toolkit: createEntityAdapter()
  • Урок 202. 00:06:14
    Подводные камни домашнего задания
  • Урок 203. 00:04:16
    Про разные структуры проектов и закрепление материала
  • Урок 204. 00:56:14
    ❗️ Redux Toolkit: RTK Query
  • Урок 205. 00:01:40
    Что дальше?
  • Урок 206. 00:01:35
    Эпилог
  • Урок 207. 00:03:43
    Вступление к практическому курсу
  • Урок 208. 00:15:37
    Настраиваем сборку проекта и разбираемся с ТЗ
  • Урок 209. 00:30:45
    Работа с модальными окнами
  • Урок 210. 00:25:09
    Работа с табами (вкладками) на странице
  • Урок 211. 00:31:10
    Работа с формами отправки данных
  • Урок 212. 00:18:46
    Работа с формой-калькулятором, часть 1
  • Урок 213. 00:38:54
    Работа с формой-калькулятором, часть 2
  • Урок 214. 00:22:02
    Работа с таймером
  • Урок 215. 00:11:08
    Реализуем модуль с показом изображений
  • Урок 216. 00:11:32
    Улучшаем наш проект (анимации, правильное поведение overflow)