Описание
Количество уроков: 13 Видео
Язык: Русский
Вес архива: 488 МБ
Chrome DevTools — один из ключевых инструментов современного тестировщика. Этот курс поможет вам быстро и практично освоить возможности DevTools, чтобы ускорять тестирование, находить ошибки раньше и работать с веб-приложениями на профессиональном уровне.
Почему Chrome DevTools важен для тестировщика
В условиях постоянных дедлайнов тестировщику необходимо использовать инструменты, которые значительно упрощают и ускоряют рутинные операции. Chrome DevTools позволяет заглянуть «под капот» веб-страницы, анализировать структуру DOM, CSS, сетевые запросы, поведение JavaScript и производительность сайта.
Знание DevTools помогает:
• быстрее находить дефекты в интерфейсе и логике страницы;
• анализировать проблемы производительности;
• точнее формулировать баг-репорты;
• понимать, как ведёт себя сайт при разных условиях сети и устройств;
• работать эффективнее в связке с разработчиками.
Кому подойдет этот курс
Программа рассчитана на начинающих и действующих тестировщиков, которые хотят углубить навыки веб-тестирования. Курс также подходит для специалистов по автоматизации и QA-инженеров, использующих CSS или XPath локаторы, анализ сетевых запросов и отладку клиентской части.
Что вы узнаете на курсе
Работа со структурой страницы
• анализ DOM и элементов интерфейса;
• редактирование HTML/CSS на лету;
• создание и проверка CSS и XPath локаторов;
• поиск и исправление отображения элементов.
JavaScript глазами тестировщика
• фиксация и анализ JS-ошибок;
• отладка простых скриптов;
• чтение логов и работа с консолью.
Исследование исходников и ресурсов
• загруженные CSS и JS;
• изображения и ресурсы сторонних сервисов;
• разбор работы CDN и кэширования.
Сетевые запросы и протоколы
• HAR, JS, CSS, Img и другие типы запросов;
• анализ AJAX-запросов;
• работа с фильтрами, кэшем и логами;
• понимание HTTP-протокола на основе реальных данных.
Анализ производительности
• нагрузка на CPU;
• JS Heap и утечки памяти;
• ноды, документы и показатели производительности страницы.
Работа с данными приложения
• различные типы Storage;
• Cookie и их ограничения;
• кеши приложения и особенности их очистки.
Безопасное соединение
• как работает HTTPS и TLS;
• зачем необходима защищенная передача данных;
• проверка сертификатов и диагностика проблем безопасности.
Тестирование мобильных устройств
• эмуляция экранов и поведения девайсов;
• различия Mobile Web и Desktop Web;
• работа с пресетами и настройками устройств.
Настройка сетевых условий
• эмуляция медленного интернета;
• выбор и настройка User-Agent;
• проверка поведения сайта в ограниченных сетевых условиях.
Результат обучения
После прохождения курса вы сможете уверенно использовать Chrome DevTools в ежедневной работе, быстрее находить проблемы, точнее анализировать поведение веб-приложений и повышать качество тестирования даже в условиях жёстких дедлайнов.
Дмитрий –
Брал курс, чтобы подтянуть отладку клиентской части и чтение логов. Неплохо объяснили работу с исходниками и загруженными ресурсами, изображениями и сторонними скриптами. Для автоматизаторов полезно, что есть примеры локаторов. Минус — продолжительность небольшая, некоторые темы хочется развернуть сильнее.
Марина В. –
Работаю в QA уже три года, но DevTools использовала поверхностно. Курс хорошо структурирован: отдельно понравилось про анализ сетевых запросов и поведение сайта при разных условиях сети. Подача спокойная, примеры практичные. Жаль, что про производительность рассказали кратко, хотелось бы подробнее.
Алексей М. –
Начинал с нуля в тестировании, и DevTools казался чем-то непонятным. За полтора часа курса разобрался с DOM, научился быстро находить элементы и проверять CSS/XPath локаторы. Особенно полезен блок про консоль и JS-ошибки — теперь баг-репорты пишу точнее. Формат короткий, без воды, ровно то, что нужно новичку.