Чему вы научитесь
- Открывать и настраивать DevTools под свои задачи
- Анализировать DOM-дерево и редактировать HTML/CSS на лету
- Читать ошибки, предупреждения и логи в консоли
- Перехватывать и анализировать сетевые запросы во вкладке Network
- Работать с LocalStorage, SessionStorage и Cookies
- Проверять производительность страницы с помощью Performance
- Запускать Lighthouse-аудит и интерпретировать его результаты
- Использовать HAR-файлы для баг-репортов
- Применять Pretty Print и Breakpoints для отладки кода
- Эмулировать медленный интернет и офлайн-режим
О курсе
Для кого этот курс
Начальные требования
-
Базовое понимание, что такое веб-сайты и браузеры
-
Умение пользоваться мышкой и клавиатурой
-
Желание разбираться в новых инструментах
-
Знание HTML, CSS или JavaScript не требуется — всему научимся по ходу курса
Преподаватели курса
703
Как проходит обучение
Курс полностью текстовый, без видео. Каждый урок построен по принципу: вступление → слайды с текстом и схемами → тесты. Уроки короткие и ёмкие — вы не тратите время на просмотр длинных лекций, а сразу погружаетесь в суть.
После каждого модуля предусмотрен промежуточный тест, а в конце курса — итоговый тест, который закрепляет все полученные знания. Вы можете проходить курс в своём темпе, возвращаться к пройденным урокам и пересматривать схемы.
Все изменения в DevTools производятся локально в браузере — вы экспериментируете безопасно, не боясь что-то сломать на реальных сайтах.
Что вы получите
- Навыки работы с DevTools, которые сразу применимы в реальной работе тестировщика
- Умение находить и анализировать баги быстрее и эффективнее
- Готовые схемы и шпаргалки для быстрого доступа к функциям DevTools
- Понимание, как устроены сетевые запросы, хранилища и производительность сайта
- Уверенность в работе с консолью, ошибками и отладкой кода