Программирование [Арсений Батыров] Chrome DevTools: Инструменты тестировщика (2019)

Уверенная в себе
Команда форума
Редактор
Разбойник
Регистрация
13 Июл 2018
Сообщения
1.486
Лайки
15.834
Баллы
183
Монетки
7247.5
Голосов: 0
0.0 5 0 0 https://share-wood.prohttps://share-wood.pro/threads/%D0%90%D1%80%D1%81%D0%B5%D0%BD%D0%B8%D0%B9-%D0%91%D0%B0%D1%82%D1%8B%D1%80%D0%BE%D0%B2-chrome-devtools-%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D1%89%D0%B8%D0%BA%D0%B0-2019.38505/
#1
Автор: Арсений Батыров
Название: Chrome DevTools: Инструменты тестировщика

[Арсений Батыров] Chrome DevTools: Инструменты тестировщика (2019)


Описание:

Тестировщик всегда работает в условиях недостатка времени: беклог не уменьшается, релиз на носу, а протестировать нужно еще многое. Чтобы обеспечить качество продукта, нужно постоянно повышать эффективность собственной работы. Один из способов - освоить некоторые инструменты, облегчающие рутинные действия в тестировании.

В веб-тестировании часто требуется работать с изнанкой страницы: смотреть локаторы, определять время загрузки, выделять отдельные элементы. Де-факто стандартом в индустрии стал инструмент Chrome DevTools, встроенный прямо в браузер Chrome. Разработчики используют его для отладки кода, но этот инструмент широко распространен и в тестировании. Более того, основные паттерны работы, заданные Chrome DevTools, используются как в других веб-инструментах, так и в работе с мобильными устройствами. Естественно, хорошее знание такой утилиты будет плюсом для любого тестировщика.

Курс «Chrome DevTools: Инструменты тестировщика» создан для быстрого погружения в специфические для тестирования навыки работы с этим инструментом. Курс — практический, теория дается в минимально необходимом для понимания объеме. Знания, приобретенные на этом курсе, помогут вам эффективно работать с Chrome DevTools сразу по окончании занятий.

Вы научитесь:
  • писать CSS и XPath локаторы;
  • ловить JS-ошибки;
  • отличать типы запросов друг от друга;
  • проверять сайт под нагрузкой;
  • эмулировать экран мобильных устройств;
  • менять скорость соединения;
  • проверять сертификаты безопасности;
  • и огромному количеству других вещей.

ПРОГРАММА:

Введение
  • Что такое Chrome DevTools
  • Начало работы с Chrome DevTools
Elements. Работа с DOM страницы
  • Краткий обзор HTML:
тег

атрибут тега

теги html

head

body

script

  • Редактирование HTML страницы на лету
  • Краткий обзор CSS - стили элементов и их составляющие
  • Редактирование CSS страницы на лету
  • Работа с локаторами - CSS и XPath
Console. Работа с JavaScript
  • JS-ошибки
  • JS-дебаг и JS-логи
  • Простой JS своими руками
Sources. Работа с подгружаемыми данными
  • Загруженные CSS-стили
  • Загруженный JS-код
  • Загруженные картинки
  • Файлы со сторонних ресурсов
  • CDN
Network. Работа с запросами
  • Типы запросов: HAR, JS, CSS, Img
  • HAR-запросы. Как устроен HTTP-протокол
  • AJAX-запросы
  • Работа с фильтрами
  • Работа с кешем и логами
Performance. Тестирование нагрузки на сайт
  • JS Heap
  • ЦПУ
  • Ноды, документы и другие виды нагрузки
Application. Работа с текущим приложением
  • Storage и его виды
  • Работа с Cookie
  • Работа с Cache
Security. Работа с безопасным соединением
  • HTTPS и TLS
  • Зачем требуется безопасное соединение
  • Проверка сертификатов
Device bar. Имитируем работу с девайсами
  • Отличия Desktop Web и Mobile Web
  • Работа с образами
Network conditions. Работа с соединением
  • Кастомизация скорости соединения
  • User agent
Технические требования
Для выполнения заданий вам потребуется:

  • Windows 7 / Mac OS High Sierra+ / Ubuntu 16.06+
  • Процессор i-серии (i3, i5, i7) или аналогичный от AMD
  • Минимум 4 GB RAM
  • 1 GB на жёстком диске
  • Разрешение экрана минимум 1280 x 800
  • Желательно - устройство на Android 5+
Подробнее:
Для просмотра содержимого вам необходимо авторизоваться.

Скачать:
Для просмотра содержимого вам необходимо авторизоваться.
 
Последнее редактирование модератором: