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

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

Setting up DevTools for Performance Testing

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

01:13:52

English

Harry Roberts

Премиум

Посмотреть

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

Introduction to Dev Tools, v3

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

03:23:15

English

frontendmasters

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

Посмотреть

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

Debug HTTP with Chrome DevTools Network Panel

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

00:25:46

English

egghead

Премиум

Посмотреть

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

Debug JavaScript in Chrome with DevTool Sources

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

00:26:27

English

egghead

Премиум

Посмотреть

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

Dev Tools & Debugging

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

03:10:46

English

leveluptutorials

Премиум

Посмотреть

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

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

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

01:42:15

Русский

softwaretesting

Премиум

Посмотреть

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

Mastering Chrome Developer Tools v2

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

03:35:46

English

frontendmasters

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

Посмотреть

Отладка DOM в Chrome Devtools

Debug the DOM in Chrome Devtools

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

00:33:52

English

egghead

Премиум

Посмотреть

Chrome Developer Tools

Mastering Chrome Developer Tools

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

04:16:05

English

frontendmasters

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

Посмотреть

Google Chrome DevTools

Google Chrome DevTools

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

01:19:45

English

udemy

Премиум

Посмотреть