Chrome DevTools - Видеоуроки, курсы, туториалы

Настройка DevTools для тестирования производительности

Setting up DevTools for Performance Testing

Инструменты разработчика в браузерах мощнее, чем когда-либо, но это приносит свой собственный набор проблем: их так много! Как все это работает? Какие биты мне нужны? Что это вообще делает?

1 ч 13 мин 52 сек

English

Harry Roberts

Премиум

Посмотреть

Введение в Dev Tools, v3

Introduction to Dev Tools, v3

Этот курс начнется с основ Chrome DevTools, и мы будем работать вместе, чтобы раскрыть их всю мощь! Мы научимся всему, от редактирования HTML и CSS до повышения производительности процессора и углубленного аудита веб-сайтов.

3 ч 23 мин 15 сек

English

frontendmasters

Удален по просьбе правообладателя

Посмотреть

Отладка HTTP с помощью сетевой панели Chrome DevTools

Debug HTTP with Chrome DevTools Network Panel

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

0 ч 25 мин 46 сек

English

egghead

Премиум

Посмотреть

Отладка JavaScript в Chrome с панелью «Источники» в Chrome DevTools

Debug JavaScript in Chrome with DevTool Sources

В этом курсе рассматривается панель «Источники» в Chrome DevTools, которая позволяет увидеть, какие файлы отвечают за различные действия на экране. Однако в эту панель встроен единственный наиболее полезный инструмент для любого разработчика JavaScript - Debugger JavaScript.

0 ч 26 мин 27 сек

English

egghead

Премиум

Посмотреть

Инструменты разработчика и дебаггинг

Dev Tools & Debugging

В этой серии уроков мы будем говорить о реальных интсрументах, с которыми работают разработчики в повседневной работе. Мы рассмотрим не только инструменты Chrome но и Safari а также Firefox. Вы увидите как работают практически все инструменты, которые нам предлагают современные браузеры, и поверьте мне, есть много таких, о которых вы даже не догадывались или не использовали.

3 ч 10 мин 46 сек

English

leveluptutorials

Премиум

Посмотреть

Chrome DevTools: Инструменты тестировщика

 

Курс создан для быстрого погружения в специфические для тестирования навыки работы с этим инструментом. Знания, приобретенные на этом курсе, помогут вам эффективно работать с Chrome DevTools сразу по окончании занятий.

1 ч 42 мин 15 сек

Русский

softwaretesting

Премиум

Посмотреть

Освоение Chrome Developer Tools v2

Mastering Chrome Developer Tools v2

Инструменты разработчика Chrome дают нам все необходимое, чтобы понять, как браузер взаимодействует с нашими веб-сайтами. В этом семинаре вы узнаете, как редактировать, отлаживать и профилировать любой сайт.

3 ч 35 мин 46 сек

English

frontendmasters

Удален по просьбе правообладателя

Посмотреть

Отладка DOM в Chrome Devtools

Debug the DOM in Chrome Devtools

В этом курсе мы подробно рассмотрим панель Elements в chrome devtools. Мы пройдем каждую кнопку и вкладку на этой панели и обсудим, как использовать их для взаимодействия с вашим веб-приложением при его запуске.

0 ч 33 мин 52 сек

English

egghead

Премиум

Посмотреть

Chrome Developer Tools

Mastering Chrome Developer Tools

Большинство людей даже не знают что существует такой инструмент как Dev Tools. Мы, разработчики, конечно же работаем в нем почти каждый день для тонкой настройки CSS или проверки своего js кода в консоли. Но знали ли вы, что это лишь верхушка айсберга того, что на самом деле может Chrome Developer Tools ? Давайте посмотрим на все инструменты которые могут сделать вашу работу намного проще.

4 ч 16 мин 5 сек

English

frontendmasters

Удален по просьбе правообладателя

Посмотреть

Google Chrome DevTools

 

Курс предназначен, чтобы помочь веб-разработчикам быстро понять и начать использовать Chromes DevTools. Это экономит ваше время, обновление CSS, HTML и манипулирования DOM непосредственно в Chrome. Используйте Chrome в качестве редактора, который будет отображать ваш код мгновенно на лицо. Все, что вам нужно узнать о Chrome DevTools предоставляется в рамках данного курса.

1 ч 19 мин 45 сек

English

udemy

Премиум

Посмотреть