Тёмный

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

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

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

Наука

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

 

18 апр 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 42   
@cmac2cmac
@cmac2cmac Год назад
С прошедшим ДР!
@kotegav7798
@kotegav7798 Год назад
очень полезно и по полочкам! Огромное СПАСИБО! И в поддержку других комментаторов скажу, что видео о VS code и его дебагере обрадует ещё больше народу:))
@yantakushevich1014
@yantakushevich1014 Год назад
Огромное спасибо! Вот бы еще видео о более сложном приложении. Там где сторонние пакеты установлены, всё собрано каким-нибудь вебпаком. Вот о том, как в этом всём разобраться. Именно с точки зрения дебаггинга.
@cmac2cmac
@cmac2cmac Год назад
Спасибо, что коротко и понятно
@profesor08
@profesor08 Год назад
В нашем мире такое проканает только если рядом с кодом лежат сурсмапы. А реальность такова, что код, который доступен на вкладке сурсов, может быть ужатым, минифицированным, или уже обработанным. Лучше всего пользоваться дебагером, который доступен в среде разработки. Например в VSCode можно настроить дебагер так, чтоб он подрубался к нужной вкладке браузера, и тогда можно будет ставить точки остановки прям в редакторе кода. И иметь все преимущества.
@B_G_V
@B_G_V Год назад
Было бы неплохо увидеть такой же видос но с дебагом NodeJS приложения в VSCode.
@user-ld3gd2jh7w
@user-ld3gd2jh7w Год назад
Офигенное видео, а можешь еще про профилирование рассказать?)
@Mikjagger1
@Mikjagger1 Год назад
Здорово! Хороший материал для новичков
@OlegSas
@OlegSas Год назад
Михаил, спасибо большое. Интересно и очень полезно.
@MasterHobbitLoL
@MasterHobbitLoL Год назад
Суперское видео! Ждем дебаг ноды
@andrewsam224
@andrewsam224 Год назад
Ооо, очень полезно. Михаил спасибо огромное.
@user-zp9iq1po5o
@user-zp9iq1po5o Год назад
Низкий поклон тебе в пояс Михаил!
@bebeto123g
@bebeto123g Год назад
Спасибо, некоторых кейсов не знал)
@Victor-il9gm
@Victor-il9gm Год назад
Огонь контент, спасибо! Буду пытаться теперь использовать вместо console
@evgeniika8426
@evgeniika8426 Год назад
Очень полезно спасибо большое я очень много узнал о дебагере спасибо
@Abilovv599
@Abilovv599 Год назад
Михаил вы Лучший!
@user-zp2vl7rb1e
@user-zp2vl7rb1e Год назад
крутое видео, спасибо за труд.
@SAMuel21FS
@SAMuel21FS Год назад
Спасибо за это видео!
@Jmp3RR
@Jmp3RR Год назад
спасибо! Топ видео
@kirillaleshkin1536
@kirillaleshkin1536 Год назад
Очень полезно!
@user-uy3xy1nn4n
@user-uy3xy1nn4n Год назад
супер!
@surok143
@surok143 Год назад
Отличное видео, очень полезно, спасибо! Можно подобное видео по React?
@mishanep
@mishanep Год назад
Можно ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uvHgm0Xs7zg.html
@user-sn4mn3ku9e
@user-sn4mn3ku9e Год назад
👍
@Krmznrmzn
@Krmznrmzn Год назад
Михаил, запишите, пожалуйста, видео, как делать мульти фильтрацию в redux. Например, чтобы сортировать товары по цвету и категории. Или по цвету, году выпуска и категории. Или скажите, есть ли это в курсе Redux на Udemy? Если есть, то с удовольствием куплю
@velikorossnationalist4259
@velikorossnationalist4259 Год назад
Планируется ли курс по бэку?
@mishanep
@mishanep Год назад
Возможно через годик. Смотря как моя проф карьера будет развиваться.
@San-sd3bz
@San-sd3bz Год назад
В реакте такое используется? Прост ошибка вроде выскакивает с описанием и местом в большинстве случаев?
@mishanep
@mishanep Год назад
Используется. Представьте у вас логическая ошибка. Приложение не падает, консоль чистенькая, а вот функционал явно работает не так как ожидается. Приходиться дебажить.
@Edgar-pu1lc
@Edgar-pu1lc Год назад
Ваш курс на Udemy по реакту актуальный на данный момент ?
@mishanep
@mishanep Год назад
Он по React 17. Последняя версия 18-я, но они не сильно отличаются, плюс на реальных проектах чаще вы встретите именно 17-ю версию. Так что да, актуален.
@RebziSquad
@RebziSquad Год назад
Ну в принципе когда код не минифицирован, то дебажить становится очень легко, все функции легко доступны и читаемы. Следовало показать на примере сорсмапов.
@al77ex1
@al77ex1 Год назад
в случае если работает реакт и собирается он вэбпаком в этом дебагере написано примерно то же что и в исполняемом бинарнике )
@mishanep
@mishanep Год назад
Есть sourcemap, которые в дев-режиме как правило есть всегда. И они позволяют привести код к тому виду, который у нас в редакторе.
@rflwnq
@rflwnq Год назад
@@mishanep его нужно отдельно качать?
@mishanep
@mishanep Год назад
@@rflwnq его наличие или отсутствие определяется настройками сборщика проекта, например, webpack.
@stnnickk
@stnnickk Год назад
Михаил, что вы не помните?
@romandeveloper7720
@romandeveloper7720 Год назад
"CSP violation breakpoints" - это для чего?
@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 Спасибо за контент, и ссылку на видео урок) Очень неприятно когда вызываются внутренняя логика реакта а не то как отрабатывает созданный компонент
@lesters
@lesters Год назад
thx
Далее
NextJS 13. Быстрый старт
40:12
Просмотров 104 тыс.
Tips and Tricks for Debugging JavaScript
13:03
Просмотров 404 тыс.