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