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

Мой канал: t.me/boringfrontend

Другие видео автора: www.youtube.com/playlist?list=PLuEo4W0EBxtWFgWwkQYQxr273hy2C0TFq

Документация Chrome DevTools: developer.chrome.com/devtools

00:00 Обзор Chrome DevTools
03:10 Elements. Работа с DOM и стилями.
05:49 Network. Анализ загрузки страницы.
09:39 Console. Примеры работы основных методов консоли.
13:46 Source. Файловая структура проекта.
14:56 Timeline.
15:28 Profiles. Анализ нагрузки на устройство.
16:13 Aplication. Обзор доступных хранилищ.
16:43 Security. Безопасность подключения.
16:51 Audits. Аудит страницы на ошибки, советы к оптимизации.

================================================

Компьютерная Школа Hillel

site: itschool-hillel.org
тел.: 38 (097) 156-58-27

fb: www.facebook.com/hillel.it.school
vk: vk.com/hillel_itschool_kiev
in: www.instagram.com/hillel_itschool
tw: twitter.com/hillel_itschool
ln: www.linkedin.com/company/hillel_itschool
yt: www.youtube.com/user/hillelitschool
g: plus.google.com/107393502085367390120