Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:12:13
    1.1. Какие сайты бывают
  2. Урок 2. 00:09:43
    1.2. Инструменты разработчика
  3. Урок 3. 00:12:51
    1.3. Этапы разработки сайтов
  4. Урок 4. 00:08:52
    1.4. Знакомство с Figma
  5. Урок 5. 00:30:29
    1.5. Первый дизайн-макет Figma
  6. Урок 6. 00:18:58
    1.6. Заполняем резюме
  7. Урок 7. 00:05:50
    1.7. Github для разработчика
  8. Урок 8. 00:10:54
    1.8. Редактор кода VS Code
  9. Урок 9. 00:23:34
    1.9. Стартовый HTML-шаблон
  10. Урок 10. 00:01:02
    1.10. Git-тренажер
  11. Урок 11. 00:06:52
    1.11. Резюме и сопроводительное письмо
  12. Урок 12. 00:33:30
    1.12. Язык HTML
  13. Урок 13. 00:27:01
    1.14. Язык CSS
  14. Урок 14. 00:37:04
    1.15.1 Делаем сайт-визитку
  15. Урок 15. 00:01:57
    1.15.2 Github Pages для таплинка
  16. Урок 16. 00:29:51
    1.16. Блочная модель CSS
  17. Урок 17. 00:20:57
    1.17. Flexbox CSS
  18. Урок 18. 00:42:45
    1.18. Bootstrap 5
  19. Урок 19. 00:13:05
    1.19. Хостинг и домен
  20. Урок 20. 00:25:31
    1.20. Новый проект_ Aliance
  21. Урок 21. 00:28:58
    1.21. Верстка главного экрана
  22. Урок 22. 00:25:42
    1.22. Блок с шагами + шапка
  23. Урок 23. 00:12:03
    1.23. Фиксим шапку и SVG
  24. Урок 24. 00:15:03
    1.24. Pixel Perfect Верстка
  25. Урок 25. 00:06:00
    1.25. Дополняем резюме и сопр. письмо
  26. Урок 26. 00:07:38
    1.26. Карта компетенций
  27. Урок 27. 00:14:54
    1.27. Адаптив_ px или rem
  28. Урок 28. 00:35:40
    1.28. Адаптив шапка сайта
  29. Урок 29. 00:18:13
    1.29. JS_ переключение меню
  30. Урок 30. 00:30:59
    1.30. Адаптив главного экрана и слайдер
  31. Урок 31. 00:18:51
    1.31. Проверка на прочность
  32. Урок 32. 00:09:49
    1.32. Слайдер с шагами
  33. Урок 33. 00:28:46
    1.33. Hover-эффекты
  34. Урок 34. 00:09:31
    1.34. Мобильный адаптив
  35. Урок 35. 00:30:29
    1.35. CSS Grid для карточек
  36. Урок 36. 00:30:47
    1.36. Основатель и клиенты
  37. Урок 37. 00:23:08
    1.37. Раздел с блогом
  38. Урок 38. 00:32:55
    1.38. Форма обратной связи
  39. Урок 39. 00:33:56
    1.39. Подвал сайта
  40. Урок 40. 00:25:22
    1.40. Модальное окно
  41. Урок 41. 00:16:15
    1.41. Бонус скрипт модального окна
  42. Урок 42. 00:14:56
    1.42. Внутренняя страница сайта
  43. Урок 43. 00:10:24
    1.43.1 Настройка PHP на Windows
  44. Урок 44. 00:06:03
    1.43.2 Настройка PHP для MacOS
  45. Урок 45. 00:11:57
    1.44. Язык PHP на сайте
  46. Урок 46. 00:18:34
    1.45. Отправка формы в Telegram
  47. Урок 47. 00:14:17
    1.46.1 Валидация и AJAX
  48. Урок 48. 00:08:40
    1.46.2 Отправка данных через Ajax
  49. Урок 49. 00:05:13
    1.47. Маска ввода номера телефона
  50. Урок 50. 00:16:58
    1.48. Рефакторинг модальных окон
  51. Урок 51. 00:17:41
    1.49. Шаблоны страниц PHP
  52. Урок 52. 00:27:24
    1.50.1 Оптимизация скорости сайта через изображения
  53. Урок 53. 00:02:21
    1.50.2 Webp утилита для терминала в MacOS
  54. Урок 54. 00:04:33
    1.50.3 Установка CWEBP на Windows
  55. Урок 55. 00:12:50
    1.51. Оптимизация скорости
  56. Урок 56. 00:14:05
    2.0.1 VScode
  57. Урок 57. 00:02:02
    2.0.2 NodeJS
  58. Урок 58. 00:41:38
    2.1.1 GIT
  59. Урок 59. 00:16:46
    2.1.2 GITHUB
  60. Урок 60. 00:25:55
    2.1.3 Введение в язык, подключение javascript
  61. Урок 61. 00:33:17
    2.2. Типы данных, операторы, методы и свойства
  62. Урок 62. 00:29:59
    2.3.1 Динамическая типизация Все об условиях
  63. Урок 63. 00:04:42
    2.3.2 use strict
  64. Урок 64. 00:26:47
    2.4.1 Все о функциях Сallback - функции
  65. Урок 65. 00:04:25
    2.4.2 Практика
  66. Урок 66. 00:10:11
    2.4.3 Глобальный стиль кода
  67. Урок 67. 00:11:49
    2.5.1 Все о циклах
  68. Урок 68. 00:21:53
    2.5.2 Практика
  69. Урок 69. 00:20:48
    2.6 Область видимости Замыкания
  70. Урок 70. 00:28:43
    2.7.1 Объекты Массивы Псевдомассивы
  71. Урок 71. 00:18:23
    2.7.2 Методы перебора массивов
  72. Урок 72. 00:05:56
    2.7.3 Практика
  73. Урок 73. 00:16:28
    2.8 Подготовка проекта к подключению верстки!
  74. Урок 74. 00:37:54
    2.9 DOM
  75. Урок 75. 00:22:19
    2.10 Работа с DOM
  76. Урок 76. 00:37:44
    2.11 Обработчики событий Особенности их работы
  77. Урок 77. 00:33:45
    2.12 Обработка событий Практика
  78. Урок 78. 00:24:04
    2.13.1 Storage and Cookie
  79. Урок 79. 00:16:07
    2.13.2 Практика ToDo лист
  80. Урок 80. 00:31:49
    2.14 Call Stack, контекст вызова This, Стрелочные функции
  81. Урок 81. 00:32:11
    2.15 ООП - Наследование, прототипы, конструкторы и классы
  82. Урок 82. 00:11:38
    2.16.1 Особенности современного стандарта ES6
  83. Урок 83. 00:05:59
    2.16.2 Операторы Rest и Spread
  84. Урок 84. 00:12:44
    2.16.3 Деструктуризация
  85. Урок 85. 00:18:27
    2.16.4 Classes
  86. Урок 86. 00:12:30
    2.18.1 Webpack-dev-server
  87. Урок 87. 00:27:44
    2.18.2 Модульная структура
  88. Урок 88. 00:18:10
    2.18.3 ESlint
  89. Урок 89. 00:18:09
    2.19.1 Практика Пишем Таймер
  90. Урок 90. 00:14:12
    2.19.2 Объект Date
  91. Урок 91. 00:17:41
    2.19.3 Скрипты и время выполнения setTimeout, setInterval и requestAnimationFrame
  92. Урок 92. 00:19:19
    2.20.1 Практика Меню и Модальное окно
  93. Урок 93. 00:21:14
    2.20.2 Параметры документа, окна и работа с ними
  94. Урок 94. 00:47:10
    2.21.1 Регулярные выражения
  95. Урок 95. 00:16:39
    2.21.2 Практика
  96. Урок 96. 00:22:52
    2.22.1 Делегирование событий
  97. Урок 97. 00:20:34
    2.22.2 Практика Табы и Модальное окно
  98. Урок 98. 00:23:07
    2.23.1 Слайдер с использованием делегирования
  99. Урок 99. 00:20:00
    2.23.2 Карусель на библиотеке Swiper
  100. Урок 100. 00:25:27
    2.24 Калькулятор
  101. Урок 101. 00:20:06
    2.25 Функции помощники Паттерн анимации
  102. Урок 102. 00:41:09
    2.26 Promise Fetch
  103. Урок 103. 00:31:19
    2.27.1 Пишем модуль отправки формы
  104. Урок 104. 00:14:50
    2.27.2 Async_Await, Try_Catch
  105. Урок 105. 00:00:31
    2.28.1 Практика EvalTryCatch
  106. Урок 106. 00:00:15
    2.28.2 Практика Cars
  107. Урок 107. 01:20:26
    2.29 Админ-панель, json-server, серверные запросы
  108. Урок 108. 00:27:18
    2.30.1 Animate.css & WoW.js
  109. Урок 109. 01:10:34
    2.30.2 Bootstrap 5
  110. Урок 110. 00:24:15
    2.30.3 Electron
  111. Урок 111. 01:21:27
    2.30.4 Nuxt.JS v3
  112. Урок 112. 00:47:31
    2.30.5 typescript_base
  113. Урок 113. 00:06:55
    3.1.1 NodeJS
  114. Урок 114. 00:21:15
    3.1.2 Создание первого приложения VueJS
  115. Урок 115. 00:03:13
    3.1.3 Vue & VueCLI
  116. Урок 116. 00:06:53
    3.1.4 VScode
  117. Урок 117. 00:19:36
    3.2.1 Теория
  118. Урок 118. 00:13:16
    3.2.2 Практика
  119. Урок 119. 00:14:09
    3.3.1 Теория
  120. Урок 120. 00:15:01
    3.3.2 Практика
  121. Урок 121. 00:26:11
    3.4.1 Теория
  122. Урок 122. 00:11:50
    3.4.2 Практика
  123. Урок 123. 00:16:41
    3.5.1 Теория
  124. Урок 124. 00:15:31
    3.5.2 Практика
  125. Урок 125. 00:18:53
    3.6.1 Теория
  126. Урок 126. 00:11:31
    3.6.2 Практика
  127. Урок 127. 00:45:22
    3.7.1 Теория
  128. Урок 128. 00:14:35
    3.7.2 Практика
  129. Урок 129. 00:35:06
    3.8.1Теория
  130. Урок 130. 00:08:40
    3.8.2 Практика
  131. Урок 131. 00:33:00
    3.9 Практика
  132. Урок 132. 00:20:45
    3.10 Практика
  133. Урок 133. 00:23:05
    3.11 Практика
  134. Урок 134. 00:22:45
    3.12 Практика
  135. Урок 135. 00:04:10
    4.0. Приветствие GLO
  136. Урок 136. 00:03:32
    4.1.1 Что такое React
  137. Урок 137. 00:16:32
    4.1.2 Фундаментальные принципы React
  138. Урок 138. 00:13:36
    4.1.3 Create React App — создаём свое
  139. Урок 139. 00:28:05
    4.2. JSX-препроцессор
  140. Урок 140. 00:04:37
    4.3.1 Элементы и компоненты. StrictMode
  141. Урок 141. 00:26:07
    4.3.2 Элементы и компоненты. StrictMode
  142. Урок 142. 00:43:39
    4.4 Создание нового проекта
  143. Урок 143. 00:13:04
    4.5.1 Свойства компонентов (props). Практика
  144. Урок 144. 00:20:00
    4.5.2 Встроенный компонент StrictMode
  145. Урок 145. 00:18:21
    4.6.1 Состояния компонентов
  146. Урок 146. 00:14:55
    4.6.2 Работа со списками и алгоритм согласования
  147. Урок 147. 00:03:31
    4.6.3 Самостоятельное задание на работу с компонентами
  148. Урок 148. 00:17:14
    4.7.1 События в React + this
  149. Урок 149. 00:07:41
    4.7.2 Практика состояний
  150. Урок 150. 00:10:26
    4.8. Работа с формами. Управляемые и неуправляемые компоненты
  151. Урок 151. 00:24:24
    4.9. Иммутабельность состояния и собственные события
  152. Урок 152. 00:31:16
    4.10. Практика. Подъём состояния (state lifting)
  153. Урок 153. 00:05:04
    4.11. React-фрагменты
  154. Урок 154. 00:36:55
    4.12. Практика. Поиск и фильтры
  155. Урок 155. 00:08:59
    4.13. Семантика и доступность контента
  156. Урок 156. 00:05:40
    4.14.1 Стили в React
  157. Урок 157. 00:04:06
    4.14.2 Dynamic_styles
  158. Урок 158. 00:08:11
    4.14.3 sass
  159. Урок 159. 00:20:43
    4.15.1 Стили в React_ Styled Components. Готовые библиотеки компонентов со стилями
  160. Урок 160. 00:14:35
    4.15.2 Стили в React_ Styled Components. Готовые библиотеки компонентов со стилями
  161. Урок 161. 00:07:16
    4.16. Поля классов и static
  162. Урок 162. 00:02:19
    4.17. Итоги модуля о базовом React
  163. Урок 163. 00:12:10
    4.19.1 Что такое API. Как работают реальные приложения. Новый проект и работа с сервером
  164. Урок 164. 00:04:56
    4.19.2 Важное перед следующим уроком
  165. Урок 165. 00:28:57
    4.19.3 Новый проект и работа с API
  166. Урок 166. 00:32:00
    4.20. Трансформация данных. Компонент со случайным персонажем
  167. Урок 167. 00:25:11
    4.21. Хороший тон приложения (спиннер, ошибки)
  168. Урок 168. 00:23:51
    4.22. Жизненный цикл компонентов
  169. Урок 169. 00:38:37
    4.23. Практика с жизненным циклом, componentDidUpdate
  170. Урок 170. 00:18:32
    4.24. Предохранители (Error Boundaries)
  171. Урок 171. 00:28:45
    4.25. Пагинация данных
  172. Урок 172. 00:07:19
    4.26.1 Проверка типов (PropTypes). Вставка элементов через props.children
  173. Урок 173. 00:18:41
    4.26.2 Проверка типов (PropTypes). Вставка элементов через props.children
  174. Урок 174. 00:04:01
    4.27.1 Специализация и наследование
  175. Урок 175. 00:13:26
    4.27.2 Render-props паттерн
  176. Урок 176. 00:20:24
    4.28. Что такое ref и зачем он нужен
  177. Урок 177. 00:15:16
    4.29. Порталы
  178. Урок 178. 00:28:04
    4.30. Бандлинг и выгрузка проекта на сервер
  179. Урок 179. 00:05:33
    4.31. Введение в хуки
  180. Урок 180. 00:27:36
    4.32. useState
  181. Урок 181. 00:22:01
    4.33. useEffect
  182. Урок 182. 00:13:19
    4.34. useCallback
  183. Урок 183. 00:14:17
    4.35.1 useMemo
  184. Урок 184. 00:10:59
    4.35.2 useRef
  185. Урок 185. 00:22:51
    4.36. Практика_ перепишем проект на хуки
  186. Урок 186. 00:23:53
    4.37.1 Создание собственных хуков
  187. Урок 187. 00:44:35
    4.37.2 Создание собственных хуков
  188. Урок 188. 00:11:50
    4.38. Что такое Batching и как он работает в React 18+
  189. Урок 189. 00:15:51
    4.39. Дополнительное видео_ useTransition, useDeferredValue и другие нововведения в React 18+
  190. Урок 190. 00:32:41
    4.40.1 Навигация в приложении
  191. Урок 191. 00:21:55
    4.40.2 React Router v5+ и v6+
  192. Урок 192. 00:34:44
    4.41. Практика создания динамических путей
  193. Урок 193. 00:26:13
    4.42. Динамические импорты и react.lazy
  194. Урок 194. 00:30:14
    4.43. React.memo, Pure Component и оптимизация скорости работы приложения
  195. Урок 195. 00:33:48
    4.44. React Context и useContext
  196. Урок 196. 00:20:43
    4.45. useReducer
  197. Урок 197. 00:27:52
    4.46. Компоненты высшего порядка
  198. Урок 198. 00:02:18
    4.47. Библиотеки и экосистема React
  199. Урок 199. 00:44:19
    4.48. React Transition Group
  200. Урок 200. 00:53:35
    4.49.1 Formik, Yup и работа с формами любой сложности
  201. Урок 201. 00:31:15
    4.49.2 Formik, Yup и работа с формами любой сложности
  202. Урок 202. 00:14:43
    4.50. Разбор домашнего задания
  203. Урок 203. 00:17:36
    4.51. SEO-оптимизация веб-приложений, React-helmet
  204. Урок 204. 00:52:44
    4.52. Принцип конечного автомата (FSM, Finite-state-machine). Ещё один подход к
  205. Урок 205. 00:15:33
    4.53.1 Основные принципы Redux
  206. Урок 206. 00:35:06
    4.53.2 Теория и практика
  207. Урок 207. 00:09:09
    4.54. Чистые функции
  208. Урок 208. 00:15:17
    4.55. Оптимизация через actionCreators и bindActionCreators
  209. Урок 209. 00:14:10
    4.56. Добавим React в проект
  210. Урок 210. 00:17:15
    4.57.1 Соединяем React и Redux при помощи connect и хуков
  211. Урок 211. 00:24:36
    4.57.2 Соединяем React и Redux при помощи connect и хуков
  212. Урок 212. 00:04:19
    4.58. Redux Devtools
  213. Урок 213. 00:27:25
    4.59. Правило названия action и мини-экзамен
  214. Урок 214. 00:28:19
    4.60.1 Комбинирование reducers и красивые селекторы CreateSelector()
  215. Урок 215. 00:01:35
    4.60.2 Hard
  216. Урок 216. 00:10:24
    4.61.1 Store enhancers
  217. Урок 217. 00:09:58
    4.61.2 Middleware
  218. Урок 218. 00:09:59
    4.61.3 Redux Thunk
  219. Урок 219. 00:21:58
    4.62.1 createSlice
  220. Урок 220. 00:13:23
    4.62.2 configureStore
  221. Урок 221. 00:07:33
    4.62.3 createAction
  222. Урок 222. 00:22:04
    4.62.4 createReducer
  223. Урок 223. 00:36:23
    4.63.1 Redux Toolkit. Часть 2
  224. Урок 224. 00:20:33
    4.63.2 createAsyncThunk
  225. Урок 225. 00:06:14
    4.64. Подводные камни домашнего задания
  226. Урок 226. 00:04:16
    4.65. Про разные структуры проекта и закрепление материала
  227. Урок 227. 00:56:14
    4.66. Redux Toolkit_ RTK Query