Курс на Stepik
Обложка курса «Основы DevTools» на Stepik
Бесплатно

Основы DevTools ★ 0.000

Открыть на
STEPIK.ORG

Курс для начинающих веб-разработчиков и тестировщиков, желающих научиться пользоваться встроенными инструментами разработчика в браузерах. Рассматриваются вкладки Elements, Console, Network, Sources, Application и Performance. По завершению каждой темы — тест с выбором ответов.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Основы DevTools»Учеников на курсе 2
Сертификаты, выданные на курсе «Основы DevTools»Сертификатов выдано 0
Отзывы о курсе «Основы DevTools»Отзывов получено 0
Рейтинг курса «Основы DevTools»Рейтинг курса 0.000
Уроки в курсе «Основы DevTools»Количество уроков 35
Тесты в курсе «Основы DevTools»Количество квизов 21
Обновления курса «Основы DevTools»Обновления курса — —
Дата публикации курса «Основы DevTools»Дата публикации курса — ———
Последнее обновление курса «Основы DevTools»Последнее обновление — ———
Сложность easy — ———

Содержание курса

Разделы в курсе «Основы DevTools» 7 разделов Уроки в курсе «Основы DevTools» 35 уроков Тесты в курсе «Основы DevTools» 21 тест Последнее обновление курса «Основы DevTools» обн. 1 год назад

Введение в DevTools

4 урока
1. Что такое DevTools ↗
2. Зачем нужен DevTools ↗
3. Обзор интерфейса DevTools ↗
4. Тестовые вопросы ↗

Вкладка Elements

5 уроков
1. Назначение вкладки Elements ↗
2. Просмотр и изменение HTML ↗
3. Изменение стилей (CSS) ↗
4. Добавление и удаление элементов ↗
5. Тестовые вопросы ↗

Вкладка Console

5 уроков
1. Назначение вкладки Console ↗
2. Вывод сообщений ↗
3. Выполнение JavaScript ↗
4. Ошибки и отладка ↗
5. Тестовые вопросы ↗

Вкладка Network

5 уроков
1. Назначение вкладки Network ↗
2. Как использовать ↗
3. Анализ времени загрузки ↗
4. Типы ответов ↗
5. Тестовые вопросы ↗

Вкладка Sources

5 уроков
1. Назначение вкладки Sources ↗
2. Структура вкладки ↗
3. Работа с точками останова ↗
4. Редактирование кода ↗
5. Тестовые вопросы ↗

Вкладка Application

6 уроков
1. Назначение вкладки Application ↗
2. Local Storage ↗
3. Session Storage ↗
4. Cookies ↗
5. Очистка данных ↗
6. Тестовые вопросы ↗

Вкладка Performance

5 уроков
1. Назначение вкладки Performance ↗
2. Как работает запись ↗
3. Что видно в отчёте ↗
4. Практическое применение ↗
5. Тестовые вопросы ↗