Как ловить ошибки в JavaScript коде
Вставка
- Опубліковано 18 кві 2023
- Разбираем браузерный дебаггер - как начать пользоваться, какие опции предлагаются и как добавлять разные типы событий для отслеживания.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep - Наука та технологія
С прошедшим ДР!
очень полезно и по полочкам! Огромное СПАСИБО!
И в поддержку других комментаторов скажу, что видео о VS code и его дебагере обрадует ещё больше народу:))
Огромное спасибо! Вот бы еще видео о более сложном приложении. Там где сторонние пакеты установлены, всё собрано каким-нибудь вебпаком. Вот о том, как в этом всём разобраться. Именно с точки зрения дебаггинга.
Спасибо, что коротко и понятно
В нашем мире такое проканает только если рядом с кодом лежат сурсмапы. А реальность такова, что код, который доступен на вкладке сурсов, может быть ужатым, минифицированным, или уже обработанным. Лучше всего пользоваться дебагером, который доступен в среде разработки. Например в VSCode можно настроить дебагер так, чтоб он подрубался к нужной вкладке браузера, и тогда можно будет ставить точки остановки прям в редакторе кода. И иметь все преимущества.
Было бы неплохо увидеть такой же видос но с дебагом NodeJS приложения в VSCode.
Офигенное видео, а можешь еще про профилирование рассказать?)
Михаил, спасибо большое. Интересно и очень полезно.
Суперское видео! Ждем дебаг ноды
Здорово! Хороший материал для новичков
Ооо, очень полезно. Михаил спасибо огромное.
Спасибо за это видео!
Очень полезно!
Михаил вы Лучший!
Огонь контент, спасибо!
Буду пытаться теперь использовать вместо console
Спасибо, некоторых кейсов не знал)
Очень полезно спасибо большое я очень много узнал о дебагере спасибо
спасибо! Топ видео
Низкий поклон тебе в пояс Михаил!
супер!
Отличное видео, очень полезно, спасибо!
Можно подобное видео по React?
Можно ua-cam.com/video/uvHgm0Xs7zg/v-deo.html
Ну в принципе когда код не минифицирован, то дебажить становится очень легко, все функции легко доступны и читаемы. Следовало показать на примере сорсмапов.
Михаил, запишите, пожалуйста, видео, как делать мульти фильтрацию в redux. Например, чтобы сортировать товары по цвету и категории. Или по цвету, году выпуска и категории.
Или скажите, есть ли это в курсе Redux на Udemy? Если есть, то с удовольствием куплю
👍
Планируется ли курс по бэку?
Возможно через годик. Смотря как моя проф карьера будет развиваться.
В реакте такое используется? Прост ошибка вроде выскакивает с описанием и местом в большинстве случаев?
Используется. Представьте у вас логическая ошибка. Приложение не падает, консоль чистенькая, а вот функционал явно работает не так как ожидается. Приходиться дебажить.
Ваш курс на Udemy по реакту актуальный на данный момент ?
Он по React 17. Последняя версия 18-я, но они не сильно отличаются, плюс на реальных проектах чаще вы встретите именно 17-ю версию. Так что да, актуален.
в случае если работает реакт и собирается он вэбпаком в этом дебагере написано примерно то же что и в исполняемом бинарнике )
Есть sourcemap, которые в дев-режиме как правило есть всегда. И они позволяют привести код к тому виду, который у нас в редакторе.
@@mishanep его нужно отдельно качать?
@@rflwnq его наличие или отсутствие определяется настройками сборщика проекта, например, webpack.
"CSP violation breakpoints" - это для чего?
Михаил, что вы не помните?
Дебажить js гараздо проще чем реакт, который вызывает рекурсионные функции...такой мануал был бы куда актуальней хотя бы потому что таких видео как выше гараздо больше чем дебага на фреймворке
Данное видео было ответом на запрос слушателей на моем платном курсе по JavaScript. И как я вижу по комментариям, актуальность в нем имеется и немалая.
Год назад было видео по Реакту ua-cam.com/video/uvHgm0Xs7zg/v-deo.html Не знаю откуда взялось мнение, что дебажить Реакт сложнее. По мне там даже проще, так как многие операции со страницей заметно упрощены.
@@mishanep Спасибо за контент, и ссылку на видео урок)
Очень неприятно когда вызываются внутренняя логика реакта а не то как отрабатывает созданный компонент
thx