Інструменти повсякденної роботи

План уроку:

• Chrome Developer Tools

• All panels

• Fiddler

• Mocking server

Chrome Developer Tools

Можливості:

1. Дослідити код

2. Дослідити різні аспекти поведінки програми

3. Налагоджувати авто-тести

4. Симулювати зміни

Elements – дозволяє побачити все DOM-дерево веб-сторінки, змінювати властивості HTML-елемента та відстежувати зміни на веб-сторінці без перезавантаження.

Console – дозволяє переглядати, налагоджувати та виконувати JS-код для завантаженої сторінки.

Sources – дозволяє працювати з вихідним кодом файлів веб-програми.

Network – ця вкладка дозволяє моніторити процес завантаження сторінки та всіх файлів, що підвантажуються під час завантаження.

Performance – панель відображає таймлайн використання мережі, виконання JavaScript- коду та завантаження пам'яті.

Memory – надає інформацію про те, як сторінка використовує пам'ять.

Application – вкладка для інспектування та очищення всіх завантажених ресурсів.

Security – інструмент для налагодження проблем змішаного контенту, проблем сертифікатів тощо.

Lighthouse – це автоматизований інструмент для покращення якості веб-сторінок. Він проводить аудит продуктивності, доступності, прогресивних веб-додатків, SEO та багато іншого.

Fiddler

Fiddler Everywhere – це проксі-сервер для веб-налагодження для будь-якого браузера, системи чи платформи.Це інструмент веб-налагодження, який реєструє весь трафік HTTP (S) між вашим комп'ютером та Інтернетом, перевіряє та редагує трафік, видає запити та обробляє вхідні та вихідні дані.

Fiddler. Mocking server

Mock-об’єкт – являє собою фіктивну реалізацію реального класу, призначену виключно для тестування.

Mocking server — це емуляція сервера через визначення його відповідей.

Використання Mock

• При низькій швидкості виконання тестів з реальними об'єктами (БД, файли, поштовий сервер, т.п.).

• Для запуску тестів незалежно від оточення (наприклад, на машині у будь-якого розробника).

• За відсутності/крайньої складності отримати систему у певному стані.

• Для перевірок зміни станів зовнішніх систем.

Q&A 

Дякую всім за заняття!🙌🏻

❗️🎓Урок 4. Інструменти повсякденної роботи

❗️🖥 Матеріали до уроку

❗️📖 Домашня робота до уроку

Нагадую, що дедлайн здачі домашніх робіт – до наступного уроку.

Якщо виникають складнощі, пишіть, допоможу із задоволенням 😌

Запис лекції тренер опублікує трохи пізніше 🖥

Не забудьте повторити матеріал та підготуватися до наступного уроку📚

Успіху і до зустрічі!🤩