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

[Admin]

Введение

• Что такое 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+

Скачать:

Скрытое содержимое. Вам нужно войти или зарегистрироваться.

***Скрытое содержимое***

 

[Amber]

Ссылка битая - Link blocked. This file has been reported. Access to it is blocked.
Если возможно, перезалейте пожалуйста, очень надо.