-
Урок 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 Поиск вакансий и этапы интервью
Очень многое завязано ни их платформу тупо нет доступа к материалам. Посмотрел первый блок и так себе пригодилось ~10% процентов остальное старое или переусложненное. Хз на ютубе находил свежее инфу.
https://www.figma.com/file/w75fNXskUgBGbWOlXW6WhM/News-Feed-1.0.?type=design&node-id=0-1&mode=design&t=N0Rp8gvft5MDcCKA-0