Тестування за допомогою DevTools

Практика

з DEVTOOLS

DevTools (Інструмент розробника)

Набір функціональних інструментів, вбудованих у веб-браузери, призначених для розширення розробки, відладки та аналізу веб-приложень.

Вони включають в себе можливості по відладці JavaScript, інспекцію елементів, редагування стилів, аналіз продуктивності, емуляцію пристроїв та інші інструменти, що підвищують ефективність роботи розробників.

Для кого курс

Тестувальники ПЗ

Курс допоможе тестувальникам покращити свої навички в галузі тестування веб-додатків, особливо у використанні інструментів розробника для ефективного налагодження та аналізу проблем.

Менеджери проєктів

Розуміння можливостей DevTools дозволяє менеджерам проектів краще координувати роботу команди з огляду на можливості налагодження, профілювання та аналізу продуктивності.

Студенти та початківці розробники

Курс може бути корисним для тих, хто тільки починає свій шлях у галузі розробки та тестування веб-додатків, надаючи їм фундаментальні знання та практичні навички.

QA-інженери

QA-фахівці можуть використовувати DevTools для ретельного аналізу веб-додатків та виявлення потенційних проблем у процесі тестування.

Програма курсу

Тиждень 1: Основи використання DevTools

Вступ до DevTools

Опис DevTools.
Можливості DevTools для розробки веб-застосунків.
Відкриття DevTools.
Практичне завдання: Відкрити DevTools у браузері та дослідити доступні вкладки.

Інструменти розробки

Огляд панелі інструментів.
Використання інструментів для налагодження JavaScript коду.
Використання інструментів для аналізу активності мережі.
Практичне завдання: Використовувати інструменти для налагодження та аналізу активності мережі на прикладі простого веб-додатку.

Режим налагодження

Використання режиму налагодження JavaScript коду.
Відстеження помилок.
Використання точок зупинки.

Робота з CSS

Використання інструментів для редагування CSS.
Використання інструментів для відображення ієрархії елементів на сторінці.
Практичне завдання: Внесемо зміни до стилів CSS веб-сторінки за допомогою DevTools та оцінимо їх вплив на відображення сторінки.

Тиждень 2: Розширені можливості DevTools

Оптимізація продуктивності

Використання інструментів для аналізу продуктивності сторінки.
Використання інструментів для оптимізації завантаження сторінки.
Оптимізація роботи JavaScript коду.
Практичне завдання: Проаналізуємо продуктивність веб-сторінки за допомогою DevTools та запропонуємо покращення.

Тестування сумісності

Використання інструментів для тестування сумісності веб-програми.
Налагодження проблем сумісності.
Практичне завдання: Виконаємо тестування сумісності веб-застосунків на різних браузерах і використовуємо DevTools для усунення виявлених проблем.

Робота з мобільними пристроями

Використання інструментів для емуляції мобільних пристроїв.
Тестування на мобільних пристроях.
Адаптація веб-додатків для мобільних пристроїв.
Практичне завдання: Емулюємо різні мобільні пристрої, перевіримо роботу веб-застосунку та внесемо необхідні зміни для адаптації.

Інтеграція DevTools з іншими інструментами

Використання DevTools з інструментами веб-розробки, такими як Git.
Інтеграція DevTools з іншими інструментами налагодження.
Створення власних сценаріїв в DevTools.
Практичне завдання: Інтегруємо DevTools з проєктом, використовуючи Git, і створимо сценарії для оптимізації робочого процесу.

Після проходження курсу набудете наступних навичок та знань

Досвід роботи з DevTools

Ви будете мати основні функціональні можливості DevTools, включаючи налагодження JavaScript, інспекцію елементів, редагування стилів та інші інструменти.

Практичний досвід

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

Аналіз продуктивності

Ви навчитеся використовувати DevTools для моніторингу продуктивності веб-застосунків, оцінки часу завантаження сторінки та виявлення вузьких місць.

Тестування адаптивності та мобільності

Ви зможете проводити тестування адаптивності веб-застосунків на різних пристроях та дозволах екрану з використанням емуляції пристроїв.

Інтеграція з іншими інструментами розробки

Ви вмітимете інтегрувати DevTools з іншими засобами розробки для більш ефективного управління проєктами.

Навички налагодження

Ви зможете ефективно використовувати інструменти налагодження для виявлення та виправлення помилок у коді веб-додатків.

Готові практикуватися з DevTools

Давайте разом досліджувати світ можливостей, що відкривається під час використання інструментів розробника.

DevTools

тільки практика

2 тижні

2 рази на тиждень

Вечірнє

години навчання

Група

до 5 студентів

Зробіть вибір

Варіанти навчання

Груповий

2000грн.

за курс

Features

До 5 студентів
Тільки практика
Комерційний проєкт
Підтримка ментора
Сертифікат

Пробне заняття

Індивідуальний

3000грн.

за курс

Features

Лише ви
Адаптовано під ваш ритм
Тільки практика
Комерційний проєкт
Сертифікат

Пробне заняття

5 липня в 20:00

старт

Початок через

0 Днів

0 Годин

0 Хвилин

0 Секунд

Що робить нас найкращими

Група до 5 студентів

Дозволяє якісно займатися та ефективно засвоювати матеріал

Викладач-практик

Більше 10 років у тестуванні веб та мобільних додатків

Індивідуальний підхід

Індивідуальний підхід у навчанні, який забезпечує ефективне засвоєння матеріалу

Навчання на реальних проєктах

Навчання, яке дає можливість застосовувати отримані знання та навички на реальних проєктах

Працевлаштування

Після успішного складання іспиту ви зможете приєднатися до наших проектів чи проектів наших партнерів. Ми також готові надати допомогу у складанні резюме та проведенні консультацій щодо проходження співбесід.

Сучасний підхід

Наші проекти засновані на AGILE-методології, що дозволяє нам ефективно управляти процесами та досягати поставлених цілей.

Поширені запитання

Що включає курс "Тестування з DevTools"?

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

Яким є формат навчання?

Наживо в Skype, практичні завдання.

Скільки занять буде на курсі?

4 заняття практики.

Чи надаються сертифікати після завершення курсу?

Видача сертифікатів для тих, хто успішно завершить навчання.

Чи можна отримати зворотний зв'язок від викладачів?

Зворотній зв'язок з виконаних завдань та питань.

Скільки коштує участь у курсі?

Інформація про вартість курсу надана вище та залежить від того, чи він є індивідуальним чи груповим навчанням.

Чи можу я переглянути запис занять, якщо пропустив?

Так, запис буде

Записатися на пробне заняття

Це чудова можливість познайомитися з ментором, вивчити підходи до навчання та переконатися, що наш практикум відповідає вашим очікуванням.