Devtools: Master Google Chrome Developer Tools

28 участников

О чём курс

Ваши веб-приложения станут быстрее, чище и стабильнее, если научиться профессионально работать с инструментами разработчика в браузере Chrome. Здесь разбирается функционал Google Chrome DevTools для отладки верстки, оптимизации производительности и исправления багов. Вы освоите работу с сетевыми запросами, инспектирование CSS-стилей и анализ отрисовки страниц, что позволит находить причины «тормозов» интерфейса за считанные минуты вместо часов поиска ошибки в коде.

Программа обучения

  • Точной программы нет
  • Примерный план:
    • Обзор интерфейса и основных панелей Chrome DevTools
    • Инспектирование и правка DOM-дерева в реальном времени
    • Отладка CSS: работа со стилями, анимациями и Flexbox/Grid
    • Использование Console: логирование, фильтрация и оценка выполнения JavaScript
    • Сетевой мониторинг: анализ запросов, API и загрузки ресурсов (Network tab)
    • Профилирование производительности: поиск «узких мест» рендеринга и скриптов
    • Работа с памятью и локальными хранилищами (Local Storage, Cookies)
    • Мобильная эмуляция и тестирование адаптивной верстки
Складчина создана 7 апреля 2017 г. · описание обновлено 23 марта 2026 г.

Другие материалы школы 12

U Udemy Все материалы
124 ₽ 920 ₽