Тёмный

Как ловить ошибки в JavaScript коде 

Михаил Непомнящий
Подписаться 68 тыс.
Просмотров 12 тыс.
50% 1

Разбираем браузерный дебаггер - как начать пользоваться, какие опции предлагаются и как добавлять разные типы событий для отслеживания.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...

Опубликовано:

 

30 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 41   
@cmac2cmac
@cmac2cmac Год назад
С прошедшим ДР!
@profesor08
@profesor08 Год назад
В нашем мире такое проканает только если рядом с кодом лежат сурсмапы. А реальность такова, что код, который доступен на вкладке сурсов, может быть ужатым, минифицированным, или уже обработанным. Лучше всего пользоваться дебагером, который доступен в среде разработки. Например в VSCode можно настроить дебагер так, чтоб он подрубался к нужной вкладке браузера, и тогда можно будет ставить точки остановки прям в редакторе кода. И иметь все преимущества.
@kotegav7798
@kotegav7798 Год назад
очень полезно и по полочкам! Огромное СПАСИБО! И в поддержку других комментаторов скажу, что видео о VS code и его дебагере обрадует ещё больше народу:))
@B_G_V
@B_G_V Год назад
Было бы неплохо увидеть такой же видос но с дебагом NodeJS приложения в VSCode.
@ИльхамХалиуллин-ц8д
Офигенное видео, а можешь еще про профилирование рассказать?)
@yantakushevich1014
@yantakushevich1014 Год назад
Огромное спасибо! Вот бы еще видео о более сложном приложении. Там где сторонние пакеты установлены, всё собрано каким-нибудь вебпаком. Вот о том, как в этом всём разобраться. Именно с точки зрения дебаггинга.
@cmac2cmac
@cmac2cmac Год назад
Спасибо, что коротко и понятно
@romandeveloper7720
@romandeveloper7720 Год назад
"CSP violation breakpoints" - это для чего?
@Mikjagger1
@Mikjagger1 Год назад
Здорово! Хороший материал для новичков
@RebziSquad
@RebziSquad Год назад
Ну в принципе когда код не минифицирован, то дебажить становится очень легко, все функции легко доступны и читаемы. Следовало показать на примере сорсмапов.
@artful_alpha
@artful_alpha Год назад
Дебажить js гараздо проще чем реакт, который вызывает рекурсионные функции...такой мануал был бы куда актуальней хотя бы потому что таких видео как выше гараздо больше чем дебага на фреймворке
@mishanep
@mishanep Год назад
Данное видео было ответом на запрос слушателей на моем платном курсе по JavaScript. И как я вижу по комментариям, актуальность в нем имеется и немалая. Год назад было видео по Реакту ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uvHgm0Xs7zg.html Не знаю откуда взялось мнение, что дебажить Реакт сложнее. По мне там даже проще, так как многие операции со страницей заметно упрощены.
@artful_alpha
@artful_alpha Год назад
@@mishanep Спасибо за контент, и ссылку на видео урок) Очень неприятно когда вызываются внутренняя логика реакта а не то как отрабатывает созданный компонент
@Victor-il9gm
@Victor-il9gm Год назад
Огонь контент, спасибо! Буду пытаться теперь использовать вместо console
@Krmznrmzn
@Krmznrmzn Год назад
Михаил, запишите, пожалуйста, видео, как делать мульти фильтрацию в redux. Например, чтобы сортировать товары по цвету и категории. Или по цвету, году выпуска и категории. Или скажите, есть ли это в курсе Redux на Udemy? Если есть, то с удовольствием куплю
@evgeniika8426
@evgeniika8426 Год назад
Очень полезно спасибо большое я очень много узнал о дебагере спасибо
@OlegSas
@OlegSas Год назад
Михаил, спасибо большое. Интересно и очень полезно.
@bebeto123g
@bebeto123g Год назад
Спасибо, некоторых кейсов не знал)
@Антон-ю2п6е
@Антон-ю2п6е Год назад
Низкий поклон тебе в пояс Михаил!
@andrewsam224
@andrewsam224 Год назад
Ооо, очень полезно. Михаил спасибо огромное.
@MasterHobbitLoL
@MasterHobbitLoL Год назад
Суперское видео! Ждем дебаг ноды
@stnnickk
@stnnickk Год назад
Михаил, что вы не помните?
@San-sd3bz
@San-sd3bz Год назад
В реакте такое используется? Прост ошибка вроде выскакивает с описанием и местом в большинстве случаев?
@mishanep
@mishanep Год назад
Используется. Представьте у вас логическая ошибка. Приложение не падает, консоль чистенькая, а вот функционал явно работает не так как ожидается. Приходиться дебажить.
@SAMuel21FS
@SAMuel21FS Год назад
Спасибо за это видео!
@Abilovv599
@Abilovv599 Год назад
Михаил вы Лучший!
@Jmp3RR
@Jmp3RR Год назад
спасибо! Топ видео
@surok143
@surok143 Год назад
Отличное видео, очень полезно, спасибо! Можно подобное видео по React?
@mishanep
@mishanep Год назад
Можно ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uvHgm0Xs7zg.html
@Edgar-pu1lc
@Edgar-pu1lc Год назад
Ваш курс на Udemy по реакту актуальный на данный момент ?
@mishanep
@mishanep Год назад
Он по React 17. Последняя версия 18-я, но они не сильно отличаются, плюс на реальных проектах чаще вы встретите именно 17-ю версию. Так что да, актуален.
@kirillaleshkin1536
@kirillaleshkin1536 Год назад
Очень полезно!
@velikorossnationalist4259
@velikorossnationalist4259 Год назад
Планируется ли курс по бэку?
@mishanep
@mishanep Год назад
Возможно через годик. Смотря как моя проф карьера будет развиваться.
@al77ex1
@al77ex1 Год назад
в случае если работает реакт и собирается он вэбпаком в этом дебагере написано примерно то же что и в исполняемом бинарнике )
@mishanep
@mishanep Год назад
Есть sourcemap, которые в дев-режиме как правило есть всегда. И они позволяют привести код к тому виду, который у нас в редакторе.
@rflwnq
@rflwnq Год назад
@@mishanep его нужно отдельно качать?
@mishanep
@mishanep Год назад
@@rflwnq его наличие или отсутствие определяется настройками сборщика проекта, например, webpack.
@lesters
@lesters Год назад
thx
Далее
Редакция. News: 136-я неделя
45:09
Просмотров 1,5 млн
Qalpoq - Amakivachcha (hajviy ko'rsatuv)
41:44
Просмотров 437 тыс.
Почему?
00:22
Просмотров 426 тыс.
Как дебажить JavaScript. Chrome DevTools
59:34
Поиск ошибок в Javascript
30:23
Редакция. News: 136-я неделя
45:09
Просмотров 1,5 млн