Каждый web разработчик и тестировщик должен это уметь. Chrome DevTools

В этом первом видео расскажу что вам понадобится при отладке через devtools браузера chrome.
Расширение для удобной работы с сетью GraphQl

00:00 Начало работы
00:48 Отключаем "бесячий" переход на вкладку "Sources"
02:04 Размещение закладок
02:29 Размещение DevTools
03:08 Вкладка "Elemtnts"
10:30 Отладка элеметов которые появляются и пропадают
13:09 Консоль
13:36 Выводим временные метки
14:53 Различные варианты вывода
17:31 Уровни сообщений
19:45 Сеть
26:08 Сеть GraphQl
30:00 Память

[arturkhachatryan]

Spasibo, mnogo cto novogo uznal... Blagodariu za vasho vremja.

[denissavast]

Благодарю за информацию! Успехов вам!!!

[KvN-UA]

Чудовий урок, інформативно та практично!

[ДавидКасумов-ел]

Алексей, создайте уже свой тг чат или канал, очень интересно вас смотреть и слушать!

[anonym]

Спасибо!
Полезно.
Не знал некоторых приемов.

[mike-aaa]

Блин! Только начал смотреть и опять крутой совет!!!! Меня задоблала эта вкладка в браузере с сырцами

[aleksandrm]

Спасибо, видео супер. Можно что-то новое всегда от вас подчеркнуть.

[mamkinproger]

не ну блин, только за тему лукас с разворота полетел)

[AlexAlex-mqsg]

Однако есть вещи которые не знал, спасибо!

[ivan]

Отличный контент от профи, все по сути без "воды".

[nv-xi]

Потрясающий канал, смотрю уже десятое видео подряд и не могу остановиться. Вы на сеньорском уровне знаете и бэкенд, и фронт. Это нереально круто! Спасибо большое что делитесь знаниями.

[shke-yk]

Крайне полезно и простыми словами, обязательно дам на ознакомление тестировщикам на проекте, спасибо за контент :)

[stewart]

Все это знал, но Memory как-нибудь опробую, спасибо. Могу еще добавить про то, что не рассказано. Можно менять вид под разные девайсы для проверки адаптивности, эмулировать скорость интернет соединения во вкладке Network, тут же можно копировать запросы, выполнять их повторно и тд, Performance и Lighthouse вообще расскажет и покажет все причины тормознутости интерфейса, куки также можно менять на лету, для постмана например еще есть расширение которое позволяет копировать куки прямо с браузера... Про GraphQL хотел спросить, коль его увидел, извините, что не по теме, просто не понимаю как и зачем его можно использовать. Это же по сути бэкдор в базу. Сам по себе это инструмент, который нарушает как минимум принцип единой ответственности, перекладывая всю бизнес логику на клиент, который решает какие данные и в каком объеме гонять по сети. Что в этом хорошего? Если надо запилить по быстрому прототип или mvp, где есть ограничения ресурсов в часах и тупо не хватает бэкенд разработчиков, то ок, но в крупных коммерческих проектах от него вреда больше чем пользы.

[TheSlacher]

Спасибо, было полезно. Много лет работаю с дев тулзом но как-то по шаблону и пару вещей мне пригодятся из озвученного.

[hwd]

Спасибо! Очень интересно и познавательно!

[TheYa]

Саша, спасибо! Отлично рассказано! А качество роликов становится всё лучше и лучше!

[vealatka]

Лучший канал для не начинающих разработчиков! Автору респект!

[_nestar_]

Большое спасибо за раскрытие важных нюансов. 👍
Например, про кнопку petty print не знал и копировал json в notepad++ чтоб там отформатировать. 😂
Как-то так запрятали далеко эту кнопку...
Ждём остальные вкладки, особенно Source.

[polosatyj]

@Kulibins1 будет ли более продвинутое видео по тулзам, как говорилось в конце ролика?

[fidget]

Кстати почему vscode? Мне кажется под агуляр лучше webstorm…