moderndevtools.com
Привет, я Умар. Я большой поклонник современных инструментов для разработчиков, и я рад рассказать вам все, что я знаю по этому вопросу.
Продолжительность
4 ч 13 мин
Категория
Другое (Tools)Количество уроков
18 Видео
Дата добавления
23 мар. 2020 г., 20:42
Язык
Английский
Дата обновления
29 апр. 2026 г., 07:11
Этот видеокурс поможет вам освоить современные инструменты разработчика и научиться работать быстрее, глубже и продуктивнее. Погрузитесь в реальные рабочие процессы, прокачайте навыки отладки и создавайте высокопроизводительные веб‑приложения, используя лучшие практики индустрии.
Что представляет собой курс
Курс ориентирован на разработчиков, которые хотят вывести свои навыки на новый уровень: от анализа производительности и работы с DevTools до создания прогрессивных веб‑приложений и отладки серверного кода. Обучение построено на практических примерах, реальных сценариях и инструментах, которые используют ведущие инженеры.
Основные направления обучения
Производительность веб‑приложений
Вы узнаете, как выполнять аудит сайтов, устранять узкие места и обеспечивать плавность работы интерфейсов. Курс показывает, как правильно анализировать Network, Rendering и Performance профили.
Практические навыки
- Анализ и оптимизация загрузки ресурсов
- Работа с блокирующим рендерингом
- Выявление утечек памяти
- Использование современных API для повышения скорости
Работа с Chrome DevTools как с IDE
DevTools предоставляет мощный набор функций для полноценного цикла разработки. Вы научитесь использовать его как среду разработки, не переключаясь между окнами и инструментами.
Возможности, которые вы освоите
- Редактирование кода прямо в браузере
- Отладка JavaScript и модульных тестов
- Использование экспериментальных возможностей DevTools
- Поиск ошибок в продакшене
Продвинутые PWA‑технологии
Создавайте приложения, которые работают автономно, быстро и безопасно. Освойте ключевые механики Service Workers и кеш‑стратегии.
Ключевые темы
- Регистрация и отладка Service Workers
- Кеширование и стратегия обновлений
- Аудит безопасности и доступности
Full‑stack разработка с Node.js
Курс охватывает и серверную часть разработки: вы научитесь анализировать запросы, устранять проблемы производительности и работать с логированием.
Что вы сможете применять на практике
- Отладка стороннего и собственного Node.js‑кода
- Оптимизация серверной логики
- Поиск и устранение ошибок в реальном времени
Чему вы научитесь
По окончании курса вы сможете:
- Использовать современные техники повышения производительности
- Работать с DevTools как с полноценной средой разработки
- Проводить аудит популярных сайтов и исправлять выявленные проблемы
- Писать и отлаживать модульные тесты JavaScript
- Анализировать доступность и улучшать UX для всех пользователей
- Работать с ES2019+ и современными стандартами
- Внедрять и оптимизировать PWA
- Использовать новые эксперименты DevTools
- Повышать безопасность веб‑проектов
- Урок 1.00:20:15Image Performance on the Web
- Урок 2.00:19:34Visualise JavaScript performance metrics
- Урок 3.00:30:00Handling JS performance metrics
- Урок 4.00:14:58Identifying paint costs
- Урок 5.00:15:21A browser frame
- Урок 6.00:08:03Node CLI debugging
- Урок 7.00:11:33Script Execution Cost
- Урок 8.00:18:32JavaScript Debugging
- Урок 9.00:15:45JavaScript Profiling
- Урок 10.00:17:02JavaScript profiling: Gulp Edition (also applies to webpack)
- Урок 11.00:13:25A YouTube performance issue
- Урок 12.00:11:49A modern authoring workflow
- Урок 13.00:11:31local overrides on Soylent.com
- Урок 14.00:14:10Accessibility debugging
- Урок 15.00:07:53Making images lazy-load with DevTools
- Урок 16.00:10:32Exploring the render Performance of the National Rail website
- Урок 17.00:06:18Improving the render performance of the Google Docs website
- Урок 18.00:07:13Improving CSS based animations
Автор - moderndevtools.com
Комментарии