Курс на Stepik
Обложка курса «Секреты DevTools: QA-детектив» на Stepik
Бесплатно

Секреты DevTools: QA-детектив 0.000

Открыть на
STEPIK.ORG

Курс для тестировщиков, которые хотят перестать бояться DevTools и начать использовать его как главный инструмент расследования багов. Без видео — только схемы, скриншоты и тесты. Научитесь находить ошибки в вёрстке, анализировать сетевые запросы, редактировать данные в хранилищах и замерять производительность сайта.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Секреты DevTools: QA-детектив»Учеников на курсе 51
Сертификаты, выданные на курсе «Секреты DevTools: QA-детектив»Сертификатов выдано 0
Отзывы о курсе «Секреты DevTools: QA-детектив»Отзывов получено 0
Рейтинг курса «Секреты DevTools: QA-детектив»Рейтинг курса 0.000
Уроки в курсе «Секреты DevTools: QA-детектив»Количество уроков 20
Тесты в курсе «Секреты DevTools: QA-детектив»Количество квизов 137
Время прохождения курса «Секреты DevTools: QA-детектив»Время прохождения курса
Обновления курса «Секреты DevTools: QA-детектив»Обновления курса
Дата публикации курса «Секреты DevTools: QA-детектив»Дата публикации курса
Последнее обновление курса «Секреты DevTools: QA-детектив»Последнее обновление
Сложность easy

Содержание курса

Разделы в курсе «Секреты DevTools: QA-детектив» 6 разделов Уроки в курсе «Секреты DevTools: QA-детектив» 20 уроков Тесты в курсе «Секреты DevTools: QA-детектив» 137 тестов Время прохождения курса «Секреты DevTools: QA-детектив» 0 ч. Последнее обновление курса «Секреты DevTools: QA-детектив» обн. 30 июня 2026

Штаб-квартира: Как открыть и не потеряться

4 урока
1. Введение: Добро пожаловать в Агентство QA-детективов
2. Способы открытия DevTools
3. Обзор 8 вкладок
4. Настройка панели и горячие клавиши

Elements – расследование вёрстки

3 урока
1. Инспектор элементов и DOM-дерево
2. Редактирование текста и атрибутов
3. Стили (Styles) и псевдоклассы (:hov)

Console – допрос ошибок и команд

3 урока
1. Типы сообщений (ошибки, предупреждения, логи)
2. Команды для работы с DOM ($, $$, $0)
3. Полезные методы (copy, table, store)

Network – перехват трафика

3 урока
1. Вкладка Network и фильтры
2. Анализ запроса (Headers, Payload, Response)
3. Эмуляция сети и HAR-файлы

Application – хранилища данных

3 урока
1. LocalStorage, SessionStorage, Cookies – сравнение
2. Просмотр и редактирование ключей
3. Очистка кэша и конкретных данных

Sources, Performance, Lighthouse – для продвинутых

4 урока
1. Pretty Print и Breakpoints
2. Performance – анализ FPS и тормозов
3. Lighthouse – аудит сайта
4. Заключение. Ты — настоящий QA-детектив!