Видео курс для разработки, отладки и аудита производительности ваших сайтов. Повышайте уровень своих навыков веб-разработки. Этот курс выведет вашу карьеру в веб-разработку на новый уровень, превратив вас в эксперта по производительности.
Углубленный видеокурс, где можно понять передовую производительность и современные рабочие процессы веб-разработчика
Создавайте молниеносные сайты
Отладка производительности для современного Интернета - это не просто минимизация кода. Повысьте свой набор навыков с расширенными знаниями о производительности.
Разрабатывайте в браузере
DevTools как IDE. Сохраняйте рабочий процесс разработки полностью в браузере и избегайте постоянного обновления страницы.
Прогрессивные веб-приложения
Порадуйте своих пользователей автономной, безопасной и безошибочной работой.
Full Stack Web Dev
Изучите методы внутренней разработки и отладки с Node.js, будь то сторонний код или ваш собственный.
Чему вы научитесь
Узнайте новые советы и рекомендации по производительности
Используйте DevTools в качестве вашей IDE
Как проводить аудит эффективности популярных сайтов
Модульные тесты JavaScript - Написание и отладка с помощью DevTools
Проведите аудит доступности и убедитесь, что ваш сайт доступен для всех
Отладка ошибок JavaScript в продакшене
Узнайте и отлаживайте ES2019 с DevTools
Внедрение и отладка Service Workers
Совершенно новые эксперименты DevTools и как они работают
Исправить утечки памяти
Улучшите безопасность вашего сайта с помощью панели безопасности
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Modern DevTools,
а также все другие курсы, прямо сейчас!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Курс предназначен, чтобы помочь веб-разработчикам быстро понять и начать использовать Chromes DevTools. Это экономит ваше время, обновление CSS, HTML и манипулирования DOM непосредственно в Chrome. Используйте Chrome в качестве редактора, который будет отображать ваш код мгновенно на лицо. Все, что вам нужно узнать о Chrome DevTools предоставляется в рамках данного курса.
В этом курсе мы подробно рассмотрим панель Elements в chrome devtools. Мы пройдем каждую кнопку и вкладку на этой панели и обсудим, как использовать их для взаимодействия с вашим веб-приложением при его запуске.
Курс создан для быстрого погружения в специфические для тестирования навыки работы с этим инструментом. Знания, приобретенные на этом курсе, помогут вам эффективно работать с Chrome DevTools сразу по окончании занятий.
В этой серии уроков мы будем говорить о реальных интсрументах, с которыми работают разработчики в повседневной работе. Мы рассмотрим не только инструменты Chrome но и Safari а также Firefox. Вы увидите как работают практически все инструменты, которые нам предлагают современные браузеры, и поверьте мне, есть много таких, о которых вы даже не догадывались или не использовали.
Инструменты для оптимизации скорости загрузки сайта
Скорость загрузки сайта влияет на несколько вещей. Во-первых - это пользовательский фактор. Если пользователь долго ждет загрузки страницы, он чувствует дискомфорт и может покинуть страницу, так и не дождавшись ее загрузки. Если вы видите на глаз, что скорость загрузки сайта хромает, пора занятся его оптимизацией. Второй фактор - поисковая выдача. Если для вас пребывание в ТОП гугла важно (или получение хоть какого-то траффика с него), то вам сто