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