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

  1. Урок 1. 00:48:46
    Вводный вебинар
  2. Урок 2. 00:12:27
    1.1 Программы для работы
  3. Урок 3. 00:10:15
    1.2 Webstorm и Figma
  4. Урок 4. 00:20:28
    1.3 Разбор макета
  5. Урок 5. 00:39:58
    1.4 Верстка главной страницы
  6. Урок 6. 00:19:35
    1.5 Верстка статей
  7. Урок 7. 00:15:49
    1.6 Деплой на GitLab pages
  8. Урок 8. 00:30:22
    2.1 Вывод данных в JS. Тег template
  9. Урок 9. 00:12:25
    2.2 Метод createElement
  10. Урок 10. 00:22:48
    2.3 Свойство innerHTML
  11. Урок 11. 00:02:46
    3.1 Про интернет
  12. Урок 12. 00:07:58
    3.2 OSI_2
  13. Урок 13. 00:35:38
    3.3 TCP IP
  14. Урок 14. 00:08:43
    3.4 Трансляция сетевых адресов NAT
  15. Урок 15. 00:05:46
    4.1 Введение
  16. Урок 16. 00:14:51
    4.2 HTTP Request запрос
  17. Урок 17. 00:12:35
    4.3 HTTP Response ответ
  18. Урок 18. 00:16:33
    4.4 Кеширование
  19. Урок 19. 00:17:50
    4.5 HTTP 1 1 Итоги и HTTP 2 0
  20. Урок 20. 00:04:33
    4.6 HTTP 3 0 и итоги
  21. Урок 21. 00:30:14
    5.1 Подключаем API, CORS
  22. Урок 22. 00:12:33
    6.1 JS синхронный код
  23. Урок 23. 00:19:43
    6.2 Асинхронный код
  24. Урок 24. 00:14:23
    6.3 Решение задачи с помощью Promise
  25. Урок 25. 00:28:45
    6.4 работа с Promise
  26. Урок 26. 00:13:22
    6.5 Async_await
  27. Урок 27. 00:01:34
    7.1 Содержание урока
  28. Урок 28. 00:02:45
    7.2 Что не так с текущей архитектурой
  29. Урок 29. 00:05:21
    7.3 Экскурс в историю веб разработки
  30. Урок 30. 00:05:54
    7.4 Недостатки “чистого” JS
  31. Урок 31. 00:01:59
    7.5 Структура React
  32. Урок 32. 00:07:38
    7.6 Первый рендер
  33. Урок 33. 00:07:55
    7.7 JSX
  34. Урок 34. 00:16:38
    7.8 Компонент
  35. Урок 35. 00:02:43
    8.1 Обновляем DOM. Попытка 1
  36. Урок 36. 00:07:25
    8.2 Reconciliation
  37. Урок 37. 00:05:57
    8.3 useState. Попытка 2
  38. Урок 38. 00:07:56
    8.4 useEffect
  39. Урок 39. 00:03:01
    8.5 Пишем свой хук
  40. Урок 40. 00:02:17
    8.6 Ограничения хуков
  41. Урок 41. 00:01:15
    8.7 Итоги
  42. Урок 42. 00:37:42
    8.7 Переписываем проект на React
  43. Урок 43. 00:30:07
    9.1 Знакомимся с Babel
  44. Урок 44. 00:44:50
    9.2 Модульная структура проекта
  45. Урок 45. 00:14:59
    9.2 Сборка проекта
  46. Урок 46. 00:47:05
    9.3 Настраиваем сборщик webpack
  47. Урок 47. 00:27:39
    10.1 Введение и работа с репозиторием
  48. Урок 48. 00:14:21
    10.2 Что такое TypeScript
  49. Урок 49. 00:22:08
    10.3 Подключение TypeScript
  50. Урок 50. 00:36:20
    10.4 Изменение файлов
  51. Урок 51. 00:30:29
    10.5 Article ArticleItem и RelatedSmallArticle
  52. Урок 52. 00:15:47
    1.1 DNS Введение
  53. Урок 53. 00:13:55
    1.2 Регистрация домена
  54. Урок 54. 00:10:19
    1.3 Домен на GitLab Pages
  55. Урок 55. 00:11:15
    2.1 Введение Установка ESLint
  56. Урок 56. 00:15:48
    2.2 Исправляем код
  57. Урок 57. 00:16:27
    2.3 Форматирование кода
  58. Урок 58. 00:10:56
    2.4 Форматирование CSS
  59. Урок 59. 00:10:10
    2.5 Линтеры и Webpack
  60. Урок 60. 00:16:59
    3.1 Что такое роутинг
  61. Урок 61. 00:13:22
    3.2 Объект Location
  62. Урок 62. 00:10:50
    3.3 Введение в серверный рендеринг
  63. Урок 63. 00:15:43
    3.4 Погружаемся в location.hash
  64. Урок 64. 00:14:15
    3.5 Объект History
  65. Урок 65. 00:15:35
    3.6 Внедряем в проект react-router-dom
  66. Урок 66. 00:15:45
    3.7 Обзор хуков библиотеки react-router-dom
  67. Урок 67. 00:17:51
    3.8 Продолжаем внедрять react-router-dom
  68. Урок 68. 00:26:31
    4.1 VPS, VDS, Работа с терминалом
  69. Урок 69. 00:18:17
    4.2 Заводим сервер на Karpov Courses
  70. Урок 70. 00:14:45
    4.3 Nginx
  71. Урок 71. 00:14:34
    4.4 Обновляем проект
  72. Урок 72. 00:13:04
    5.1 Continuous Integration
  73. Урок 73. 00:12:10
    5.2 Настраиваем автоматический build
  74. Урок 74. 00:26:37
    5.3 CD
  75. Урок 75. 00:06:44
    6.1 Безопасность передачи данных
  76. Урок 76. 00:11:09
    6.2 Шифрование в TLS SSL
  77. Урок 77. 00:06:02
    6.3 Целостность данных в TLS SSL
  78. Урок 78. 00:10:18
    6.4 Аутентификация в TLS SSL
  79. Урок 79. 00:08:59
    6.5 HTTPS Теория и практика
  80. Урок 80. 00:04:55
    7.1 Мини-проект 2.1
  81. Урок 81. 00:05:01
    7.2 Мини-проект 2.2
  82. Урок 82. 00:03:08
    7.3 Мини-проект 2.3
  83. Урок 83. 00:20:04
    1.1 Админка без дизайна
  84. Урок 84. 00:15:27
    1.2 Выбираем UI библиотеку
  85. Урок 85. 00:29:05
    1.3 Начинаем верстать админку
  86. Урок 86. 00:17:55
    1.4 Интерфейс Create Read Update Delete
  87. Урок 87. 00:13:08
    1.5 Распределяем CRUD по страницам
  88. Урок 88. 00:21:35
    2.1 Все виды inputs и как с ними можно работать
  89. Урок 89. 00:15:55
    2.2 Поля ввода для использования на мобильных устройствах
  90. Урок 90. 00:06:00
    2.3 Автозаполнения формы
  91. Урок 91. 00:09:50
    2.4 Подробнее разбираем отправку форм
  92. Урок 92. 00:22:21
    2.5 Отправляем форму без перезагрузки Знакомимся с элементом FormData
  93. Урок 93. 00:17:04
    2.6 Разбираем как устроена отправка файлов с формы Blob
  94. Урок 94. 00:11:48
    2.7 FileReader
  95. Урок 95. 00:16:16
    3.1 Обработка файла в JS
  96. Урок 96. 00:23:39
    3.2 Отправляем данные через JS
  97. Урок 97. 00:24:26
    3.3 Перенос формы в React Event
  98. Урок 98. 00:10:16
    3.4 Продолжаем перенос формы. Неуправляемый компонент
  99. Урок 99. 00:31:00
    3.5 Управляемый компонент. Ref
  100. Урок 100. 00:17:54
    3.6 Работа с нашим проектом
  101. Урок 101. 00:20:19
    4.1 Что такое Firebase
  102. Урок 102. 00:26:45
    4.2 Функционал и возможности Firebase
  103. Урок 103. 00:25:01
    4.3 Приступаем к практике
  104. Урок 104. 00:24:49
    4.4 Редактирование, создание, удаление
  105. Урок 105. 00:18:34
    4.5 Проверка работы кода
  106. Урок 106. 00:33:10
    4.6 Верстка статьи и вывод данных
  107. Урок 107. 01:35:59
    5.1 Авторизация- закрываем админку для посторонних
  108. Урок 108. 01:13:53
    6.1 Авторизация- OAuth
  109. Урок 109. 00:30:08
    1.1 Новый дизайн Методология БЭМ
  110. Урок 110. 00:18:10
    1.2 Каркас страницы header, footer
  111. Урок 111. 00:37:51
    1.3 Новые компоненты статей SidebarArticleCard
  112. Урок 112. 00:20:59
    1.4 Страницы новости ArtilceItem
  113. Урок 113. 00:25:59
    1.5 Более правильная реализация категорий и главная страница
  114. Урок 114. 00:16:19
    2.1 Темная тема
  115. Урок 115. 00:16:58
    2.2 Переключение темы
  116. Урок 116. 00:20:03
    2.3 Работа с LocalStorage
  117. Урок 117. 00:08:39
    3.1 Введение и теория
  118. Урок 118. 00:45:33
    3.2 ModalWrapper
  119. Урок 119. 00:56:12
    3.3 Dropdown
  120. Урок 120. 00:28:55
    4.1 Обзор проекта
  121. Урок 121. 00:14:02
    4.2 Обозначаем проблему проекта. Знакомимся с useContext
  122. Урок 122. 00:19:33
    4.3 Строим глобальный store для хранения данных с помощью польз
  123. Урок 123. 00:27:19
    4.4 Теория построения архитектуры приложения на фронтенде. Архитектура Flux
  124. Урок 124. 00:30:18
    4.5 Сравниваем подход Flux и Redux
  125. Урок 125. 00:20:34
    5.1 Рассматриваем React Redux. Интеграция архитектуры в проект
  126. Урок 126. 00:32:00
    5.2 Переводим весь проект с пользовательских хуков на redux
  127. Урок 127. 00:18:27
    6.1 Знакомство с redux toolkit
  128. Урок 128. 00:20:15
    6.2 Работа с redux toolkit
  129. Урок 129. 00:31:14
    6.3 Работа с redux toolkit, часть 2
  130. Урок 130. 00:15:11
    6.4 Архитектурный подход
  131. Урок 131. 00:13:41
    6.5 Рефакторим приложение
  132. Урок 132. 00:12:41
    6.6 Архитектура redux toolkit в новостной ленте
  133. Урок 133. 00:16:41
    7.1 Работа с изображениями
  134. Урок 134. 00:20:10
    7.2 Создаем скелетон
  135. Урок 135. 00:39:55
    8.1 Анимации- CSS
  136. Урок 136. 00:27:05
    9.1 Практика
  137. Урок 137. 00:13:51
    9.2 Модальное окно и дропдаун
  138. Урок 138. 00:13:25
    10.1 Про мобильную версию сайта
  139. Урок 139. 00:15:03
    10.3 Нюансы мобильной верстки
  140. Урок 140. 00:05:01
    11 Мини-проект
  141. Урок 141. 00:17:09
    1.1 Service Workers
  142. Урок 142. 00:21:48
    1.2 Добавляем Service Worker в проект
  143. Урок 143. 00:23:57
    1.3 Работа с кэшем
  144. Урок 144. 00:23:51
    1.4 UI для офлайна
  145. Урок 145. 00:19:37
    1.5 Полезные фичи SW
  146. Урок 146. 00:10:31
    2.1 Добавляем favicon
  147. Урок 147. 00:17:02
    2.2 Делаем PWA
  148. Урок 148. 00:18:14
    2.3 Стилизуем PWA
  149. Урок 149. 00:08:03
    3.1 Введение
  150. Урок 150. 00:34:55
    3.2 Доступность интерфейса с клавиатуры
  151. Урок 151. 00:21:54
    3.3 Screen Reader
  152. Урок 152. 00:29:22
    3.4 Landmarks
  153. Урок 153. 00:08:45
    3.5 Lighthouse и Итоги
  154. Урок 154. 00:08:23
    4.1 Задачи на урок
  155. Урок 155. 00:12:51
    4.2 Как получить язык пользователя
  156. Урок 156. 00:10:42
    4.3 Принцип переводов Keys
  157. Урок 157. 00:18:17
    4.4 Нюансы
  158. Урок 158. 00:12:52
    4.5 Intl
  159. Урок 159. 00:03:19
    5.1 Мини-проект
  160. Урок 160. 00:15:37
    1.1 Оптимизация и её замеры
  161. Урок 161. 00:27:06
    1.2 Оптимизация на примерах
  162. Урок 162. 00:20:55
    1.3 Web Vitals и метрики Часть 1
  163. Урок 163. 00:19:07
    1.4 Web Vitals и метрики Часть 2
  164. Урок 164. 00:25:46
    2.1 Анализ и оптимизация кода в проекте
  165. Урок 165. 00:29:50
    2.2 Рефакторинг проекта
  166. Урок 166. 00:08:40
    2.3 Минификация CSS
  167. Урок 167. 00:15:37
    3.1 Как браузер отображает страницу
  168. Урок 168. 00:13:34
    3.2 Как браузер отображает страницу 2
  169. Урок 169. 00:16:20
    3.3 Примеры оптимизации
  170. Урок 170. 00:20:49
    3.4 Примеры оптимизации 2
  171. Урок 171. 00:09:38
    3.5 Смотрим Stack Overflow
  172. Урок 172. 00:00:58
    4 Производительность react - Задание
  173. Урок 173. 00:11:01
    4.1 Когда нужно оптимизировать
  174. Урок 174. 00:15:43
    4.2 Проблемы с производительностью
  175. Урок 175. 00:11:32
    4.3 Как искать проблемы
  176. Урок 176. 00:08:56
    4.5 Способы оптимизации
  177. Урок 177. 00:21:07
    1.1 Ошибки. Какие бывают и как избежать
  178. Урок 178. 00:27:17
    1.2 Sentry
  179. Урок 179. 00:16:38
    1.3 Sentry Webpack Plugin. Source-map
  180. Урок 180. 00:21:34
    2.1 Ручное тестирование
  181. Урок 181. 00:15:00
    2.2. Чек-листы
  182. Урок 182. 00:22:15
    2.3 Автотесты. E2E
  183. Урок 183. 00:21:14
    2.4 Автотесты. Unit и интеграционное тестирование
  184. Урок 184. 00:08:20
    2.5 Пирамида тестирования
  185. Урок 185. 00:10:12
    2.6 Приоритеты тестирования
  186. Урок 186. 00:14:29
    3.1 Тестирование. Про Jest
  187. Урок 187. 00:13:12
    3.2 Методы Jest
  188. Урок 188. 00:12:37
    3.3 Подходы к тестированию
  189. Урок 189. 00:14:32
    3.4 Тестируем форму валидации ч.1
  190. Урок 190. 00:21:49
    3.5 Тестируем форму валидации ч.2
  191. Урок 191. 00:08:18
    3.6 Тестирование асинхронной функции
  192. Урок 192. 00:11:53
    4.1 Jest- таймеры
  193. Урок 193. 00:23:30
    4.2 Мок функции и нюансы юнит тестов
  194. Урок 194. 00:11:40
    4.3 Смотрим jest.fn
  195. Урок 195. 00:24:50
    4.4 Тестируем запросы на сервер
  196. Урок 196. 00:27:03
    4.5 TDD и задача с собеседования
  197. Урок 197. 00:25:26
    4.6 Тесты API и Firestore в проекте
  198. Урок 198. 00:15:40
    4.7 Смотрим различные кейсы, CI_CD, как внедрять тесты
  199. Урок 199. 00:14:02
    1.1 О чем этот урок и блок
  200. Урок 200. 00:12:54
    1.2 Create React App
  201. Урок 201. 00:17:44
    1.3 Storybook
  202. Урок 202. 00:16:51
    1.4 Новые компоненты
  203. Урок 203. 00:12:10
    2.1 Разбираемся с SSR
  204. Урок 204. 00:16:12
    2.2 Обзор Next JS
  205. Урок 205. 00:26:56
    2.3 Внедряем NextJS в проект
  206. Урок 206. 00:14:33
    2.5 Метод getStatickPaths
  207. Урок 207. 00:24:16
    2.6 Деплой проекта на Versel
  208. Урок 208. 00:10:06
    3.1 Готовые решения, headless CMS
  209. Урок 209. 00:22:36
    3.2 Начало работы со Strapi
  210. Урок 210. 00:14:23
    3.3 Настройка API
  211. Урок 211. 00:21:37
    3.4 Подключаем Heroku
  212. Урок 212. 00:16:52
    1.1 Рынок фронтенд разработки
  213. Урок 213. 00:16:57
    1.2 Карьерный путь
  214. Урок 214. 00:17:05
    1.3 Оцениваем вакансии
  215. Урок 215. 00:25:33
    1.4 Зарплата в IT
  216. Урок 216. 00:15:56
    2.1 Поиск вакансий и этапы интервью
  217. Урок 217. 00:18:47
    2.2 Поиск вакансий и этапы интервью
  218. Урок 218. 00:19:54
    2.3 Поиск вакансий и этапы интервью