Курс «Введение в DevTools» поможет вам уверенно освоить инструменты разработки в браузере и понять, как они упрощают анализ, оптимизацию и отладку веб‑приложений. Материал подходит как новичкам, так и разработчикам, которые хотят углубить свои навыки работы с Chrome DevTools.
Что вы узнаете на этом курсе
Курс охватывает ключевые инструменты Chrome DevTools и показывает, как применять их для решения реальных задач фронтенд‑разработки.
Основы работы с DevTools
История развития JavaScript‑отладчиков и роль DevTools в современном вебе
Структура интерфейса DevTools и назначение основных панелей
Создание, редактирование и сохранение изменений в проектах прямо в браузере
Отладка веб‑приложений
Пошаговая отладка JavaScript с использованием breakpoints и watch‑переменных
Диагностика сложных ошибок в интерфейсе и логике приложения
Работа с сетевыми запросами и анализ API‑взаимодействия
Анализ производительности
Измерение производительности сети: загрузка, задержки, проблемы с ресурсами
Профилирование работы процессора и оптимизация рендеринга
Использование вкладки Performance для выявления «узких мест»
Аудит и улучшение качества сайта
Использование Lighthouse для оценки качества веб‑страницы
Советы по улучшению SEO, доступности и производительности
Анализ типичных ошибок и рекомендации по устранению
Почему этот курс полезен
Программа сочетает теорию и практику, позволяя сразу применять полученные знания. После прохождения курса вы будете уверенно использовать DevTools для разработки, оптимизации и аудита веб‑проектов любой сложности.
Удален по просьбе правообладателя
Урок 1.00:06:02
Introduction
Урок 2.00:06:29
DevTools History
Урок 3.00:11:48
Elements & Network Panels
Урок 4.00:04:23
Performance, Console, & Security Panels
Урок 5.00:03:05
Sources, Application, & Memory Panels
Урок 6.00:03:40
Lighthouse, Device Emulation, & Element Finder
Урок 7.00:05:21
Quick Edits: CSS, HTML, & Scroll Into View
Урок 8.00:06:18
Quick Edits: Computed Styles & Specificity
Урок 9.00:08:01
Quick Edits: HTML Breakpoints, Themes, & Accessibility
FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.
Джон - Developer Advocate в Cloudflare, где он работает над проектами Workers и Pages. Он страстно увлечён открытым программным обеспечением и идеями свободного интернета. В свободное время Джон активно занимается самообразованием, чтением, ведением блога и обучением.