Тёмный

Как дебажить JavaScript. Chrome DevTools 

Владилен Минин
Подписаться 308 тыс.
Просмотров 81 тыс.
50% 1

Получить профессию Frontend разработчика -
bit.ly/3AqCC7V
Подробнее узнать об обучении в Result School -
bit.ly/3Noaghb
Бесплатный курс HTML & CSS - bit.ly/3NserbN
Сделать 5 проектов на JavaScript - bit.ly/3QVHLdV
Я в соц сетях:
Telegram: t.me/js_by_vladilen
VK: vladilen.minin
Instagram: / vladilen.minin
Мои паблики по JavaScript:
Telegram: t.me/result_school_it
VK: result.school
Instagram: / result.scho. .
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vladilen_chat
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Исходный код:
gist.github.com/vladilenm/570...
Как дебажить JavaScript - Отладка и Дебаг. Chrome DevTools
Сложный JavaScript простым языком
• Урок 1. JavaScript. Чт...

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

 

12 ноя 2019

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 169   
@user-su4sj5um3d
@user-su4sj5um3d 4 года назад
Спасибо за понятное объяснение !!! Видно ,что вы очень хорошо готовитесь, прежде чем записать новое видео. У вас прямо чувствуется забота о ваших подписчиках и слушателях. Всё стараетесь разжевать и разложить по полочкам ))
@VladilenMinin
@VladilenMinin 4 года назад
Ну а как иначе)
@aleksandryushka9571
@aleksandryushka9571 3 года назад
Спасибо автору за такую подачу информации и за тему. Для новичков дебаг очень полезен, а как с ним правильно работать мало кто знает. Ваше видео многое объясняет. Ещё раз спасибо
@socialpeople6615
@socialpeople6615 2 года назад
Наконец стало понятно, как пользоваться дебаггингом. Это лучшее объяснение, из всех, что мне встретились. Спасибо, Владилен, за труд и доброе дело.
@user-rv2yz8ox4d
@user-rv2yz8ox4d 4 года назад
Очень много нового и полезного узнал, Спасибо Владилен!
@tackesi
@tackesi 4 года назад
Спасибо, Владилен! Часть я уже знал, но некоторые, особенно про браузер - космос. Спасибо. Будем развиваться дальше
@turalinov
@turalinov 4 года назад
Было очень интересно. Про некоторые способы узнал в этом видео. Спасибо!
@erkash88
@erkash88 4 года назад
Большое спасибо за работу!
@zubescu
@zubescu 4 года назад
одно из самых важных вещей в уроках и обучении это то что не засыпаешь во время объяснений. столько много хороших преподавателей, но абсолютно не умеют рассказывать. Владилен не такой случай, интересно и понятно. спасибо за контент. подписался и изучаю остальные видео.
@user-ej3sc7fw3y
@user-ej3sc7fw3y Год назад
Отличный урок. Много нового и очень полезного для моей работы почерпнул из вашего видео Спасибо большое!
@ivanfedin9094
@ivanfedin9094 2 года назад
Шикарный ролик! Узнал много нового, что значительно облегчит отладку. Спасибо!
@gennadyga2257
@gennadyga2257 4 года назад
Очень содержательный, структурированный пример! Часто в примерах много лишнего. Круто, представить не мог, что так легко можно понять, такой бы ролик про метод this!! Еще раз! Круто! Спасибо!
@Niki-wh8xn
@Niki-wh8xn Год назад
Большое спасибо за это видео! Я посмотрел до этого урока пару других видео насчет дебаггера и вообще ничего не понимал. Это же видео просто открыло глаза, получилось решить задачу, которая ранее не решалась
@llssk6379
@llssk6379 3 года назад
Мерси, материал хорошо подал. Предварительно прочитал пару статей на тему девтулс, но так понятнее стало, спасибо!
@rylkovalex
@rylkovalex 4 года назад
лайк, но надеюсь это только первый ролик в теме "Dev Tools" и дальше будут ещё.. особенно интересует тема оптимизации приложения, работа с вкладками Memory, Performance, Audits. Ещё хотелось бы видео "лайф-дебаг" сложного приложения, написанного на каком-нибудь популярном фреймворке с кучей сторонних библиотек - просто чтоб наглядно увидеть как в таком случае быстро и умело пользоваться брейкпойнтами и логированием для поиска ошибок)
@user-qj2yg1rn3j
@user-qj2yg1rn3j 2 года назад
Так и не появилось спустя 2 года... А очень жаль - до сих пор актуально. Инфы нет. А вот ищу (((
@user-qb2eo4bz4l
@user-qb2eo4bz4l 2 года назад
Он сам так дебажить не умеет 😂
@brenorik
@brenorik 3 месяца назад
Спасибо. Мой преподаватель по js, рекомендовал ваше видео
@izograph
@izograph 3 года назад
Большое спасибо! Хоть и пользуюсь консолью относительно давно, но узнал много нового!
@ivanmikhailovich1963
@ivanmikhailovich1963 3 года назад
Вообще круто, спасибо Владилен👍
@siarheilabetsik5658
@siarheilabetsik5658 4 года назад
Спасибо за видео, Владилен. Даже мне, опытному? было полезно. А для новичков будет просто супер!
@enslit
@enslit 4 года назад
Супер! Много нового узнал. Спасибо тебе
@victoriapotapenko6290
@victoriapotapenko6290 3 года назад
Спасибо большое! Объясняете все очень быстро и понятно и по делу! Моему преподу по вебу такое и не снилось...
@andryush333
@andryush333 4 года назад
Очень полезное видео. Must know каждый javascript developer 👍
@lance8183
@lance8183 Год назад
Очень интересный формат, спасибки
@yasyaker
@yasyaker 3 года назад
Очень полезное видео! Спасибо 😇
@user-jt1yl7iy3m
@user-jt1yl7iy3m 2 года назад
Спасибо очень помогло в развитии. Счастья и успехов.
@dmitriy_frostoff
@dmitriy_frostoff Год назад
Владилен, это просто Великолепный материал!) Спасибо тебе Огромное за твой Труд по созданию такого понятного видео, очень помогло!) Да прибудет с тобой Светлая Сторона Силы!) 🤞🤞🤞🤞💪💪💪
@user-rs2mz2hv1y
@user-rs2mz2hv1y Год назад
Спасибо большое за такое понятное объяснение!!!
@irinakimel9530
@irinakimel9530 3 года назад
Super, на вашем примере начала понимать функции :)
@user-gt2sq7xu7y
@user-gt2sq7xu7y 3 года назад
Очень круто все показал и объяснил !!!
@lightxlampax
@lightxlampax 4 года назад
Про Pretty print - вообще бомба... Фиг я до этого раньше догадывался... Спасибо
@akudryashov85
@akudryashov85 4 года назад
Спасибо за видео. Полезный контент. Было бы круто продолжить эту тему и запилить про дебаг через вебшторм, и как его синхронизировать с хромом.
@CyrilZlachevsky
@CyrilZlachevsky 4 года назад
и про дебаг в vscode - chrome тоже актуально
@wyattzain5486
@wyattzain5486 2 года назад
I know Im randomly asking but does someone know a method to log back into an Instagram account..? I somehow lost the login password. I would appreciate any help you can give me
@dashmarcellus8610
@dashmarcellus8610 2 года назад
@Wyatt Zain instablaster ;)
@VADIM129
@VADIM129 4 года назад
Спасибо Владилен за новое видео, почти все эти моменты знал кроме некоторых методов у консоли и брекпоинтов по условию(почти не пользовался данным способом). Сейчас при большой популярности фреймворков в основном приходиться дебажить через расширения tools для них - будь то vue(x) или react(redux) где видны данные по виртуальному дом. И до сих пор не могу понять почему так много хейтеров по языку JS, которые называют его недоязыком, сейчас особенно в последних версиях JS как по мне догнал по уровню другие популярные языки, на нем относительно приятный и лаконичный синтаксис, и можно быстро выразить ввиде кода пришедшую мысль(как на питоне), много инструментов, большое сообщество, в общем мне не понятен большой негатив в его сторону...
@o.voytyn
@o.voytyn 4 года назад
Ну язык спрогнеснул за несколько лет, попробуй раньше работать без класов, промисов(посмотри callback hell), работать без темплайт стринг,без спред операторов, без стрелочных функций , без Object.assign(просто скопировать обект раньше был тот еще квест) без тайп скрипта и т.д. JS сейчас это много сгорелых пуканов разрабов раньше, эт точно.
@AlbertMaximov
@AlbertMaximov 3 года назад
@@SilverHarold с фишками ES6 программировать на JS стало просто в кайф 😋
@kazarovroman
@kazarovroman 4 года назад
Спасибо. Хотелось бы еще по остальным вкладкам в devtools.
@ammonjerro396
@ammonjerro396 3 месяца назад
Спасибо за видос. Очень полезный.
@dmitrijponkin
@dmitrijponkin 4 года назад
Спасибо! Отличное видео :)
@cobwowcobwow6331
@cobwowcobwow6331 4 года назад
Лайк за урок - дебагинг в javascript!!!
@ammoney159
@ammoney159 2 года назад
Спасибо большое! Очень полезно, узнал новые фишки, круто
@eugenmaslov1742
@eugenmaslov1742 4 года назад
Хорошая подача материала!
@margaritabozhenova8473
@margaritabozhenova8473 4 года назад
Спасибо за видео!)
@manato_shin1913
@manato_shin1913 Год назад
Спасибо большое за этот ролик, ибо читать про дебаггинг по статьям мне было сложно, понимал только процентов 50
@maksimkoshmanpsy
@maksimkoshmanpsy 2 года назад
Спасибо большое! Для меня было очень полезно
@aliaksandrtsakunou191
@aliaksandrtsakunou191 4 года назад
Спасибо за видео, было бы интересно посмотреть javascript и nodejs в visual studio code. встроенном дебагере.
@cncinstaller6708
@cncinstaller6708 4 года назад
Полезно, лайк 👍
@user-zm6lq4vg8h
@user-zm6lq4vg8h 11 месяцев назад
Спасибо огромное !Супер! 👏
@aleksandrsosnin3474
@aleksandrsosnin3474 3 года назад
Жаль нельзя больше одного лайка поставить... Подача материала просто супер!
@zhassulankaros9288
@zhassulankaros9288 3 года назад
вроде мелочи когда уже есть багаж опыта))) но всё равно нашёл для себя что-то новое))) спасибо
@dan.gorbunov
@dan.gorbunov 4 года назад
Круто. Спасибо ещё раз
@user-gr6dw9jd1c
@user-gr6dw9jd1c 4 года назад
Владилен, Вы тролль 42-го левела ) Так держать
@user-fz7fe8cn7i
@user-fz7fe8cn7i 4 года назад
Cпасибо Владилен!
@masterlox100
@masterlox100 3 года назад
Спасибо, Владилен. Понял, что дебажить веб в браузере (где уже всё есть) быстрее, чем мобильные приложения
@sick4420
@sick4420 4 года назад
Ура новый видос)
@alexeleave4551
@alexeleave4551 4 года назад
800-ый лайк :) Отличная тема, обязательно для комфортрой разоаботки. По привычке всегда юзаю console , а тут такая развернутая инфа про debugger и breakpoints, спасибо, определённо все это обязательно буду применять. Я только не знаю как детектить ошибки при компиляции. Например, если работать с Vue.js, там порой всплывают такие ошибки, что их невозможно определить (пишет название компонента не всегда), но где конкретно, на какой строке может не сообщить, вот в таких моментах ступор и не знаешь, что делать...
@GEO-le5ft
@GEO-le5ft Год назад
спасибо) норм как всегда)
@svyaaat2514
@svyaaat2514 8 месяцев назад
Просто лучший,подача ее скорость все как надо)
@faridsab8996
@faridsab8996 Год назад
Круто, столько раз хотелось бросить, а нет я уже тут)
@Elator11777
@Elator11777 4 года назад
Лучший канал по изучению JavaScript!
@misteranderson6058
@misteranderson6058 4 года назад
Ещё Алекс Луценко
@vgamzatov
@vgamzatov 3 года назад
@@misteranderson6058 ссылку можно?
@vgamzatov
@vgamzatov 3 года назад
@@misteranderson6058 нашёл. не Луценко а Лущенко - угум?
@user-qh4zv9qc9h
@user-qh4zv9qc9h 2 года назад
отличное видео!!! спасибо!
@yuriifedelesh9237
@yuriifedelesh9237 4 года назад
Неужели я наконец-то научусь дебажить жабаскрипт :З Благодарочка!
@VladilenMinin
@VladilenMinin 4 года назад
Приятного просмотра)
@wolrdedit5693
@wolrdedit5693 3 года назад
После этого видео теперь буду дебажить не только в консоли))
@ilnurryazhapov9377
@ilnurryazhapov9377 4 года назад
Полезное видео, некоторые фишки не знал
@user-tb3mm6dl3z
@user-tb3mm6dl3z 8 месяцев назад
Владилен красава!
@user-ll1jd4ij3g
@user-ll1jd4ij3g 4 года назад
Привет, спасибо за видео! Вопрос: как настроить Chrom что бы можно было править код на вкладке Source?
@jackpeterson541
@jackpeterson541 4 года назад
Полезная информация, не жалею что потратил добрый час)
@user-ug6cp5bs9d
@user-ug6cp5bs9d 4 года назад
Очень круто)
@alekseymorhun7129
@alekseymorhun7129 3 года назад
Топ контент!!!
@user-pq7dj1ny4h
@user-pq7dj1ny4h 4 года назад
Отлично! Жду дебаг Vuе в хроме.
@QwiniTRON
@QwiniTRON 2 года назад
Великолепно!
@vpro5213
@vpro5213 2 года назад
Спасибо за видео.
@NVsquare
@NVsquare 4 года назад
Супер. Спасибо
@legioner9mix
@legioner9mix 4 года назад
можно сделать продолжение по девтулам - ndb модуль отладки node.js - юзаю его недавно и наверняка не все его возможности еще изучил - ну и да - шикарное изложение любого материала - все видео автора буду штудировать - респект
@antonb6831
@antonb6831 4 года назад
Like не глядя)
@denysvladymyrov1841
@denysvladymyrov1841 4 года назад
Отличное видео.
@EvseevaKris
@EvseevaKris Год назад
дай бог тебе здоровья )))
@armensargsyan8981
@armensargsyan8981 3 года назад
спасибо за видео очень полезное видео
@alvandyan
@alvandyan 3 года назад
Как говорится : не так страшен черт, как его рисуют)) Хотелось бы ещё видео про работу с консолью, терминалом, командной строкой
@user-gl7tj8xg8e
@user-gl7tj8xg8e 4 года назад
Полезное видео, спасибо, но как тут уже писали, очень круто было бы посмотреть отладку средствами WS. В сети много мануалов на эту тему, но все они весьма запутаны или я просто не нашел нормальный
@user-gu9jg6ei4h
@user-gu9jg6ei4h 4 года назад
то что нужно)
@alym.aleksey
@alym.aleksey 4 года назад
Очень полезное видео
@user-qj2yg1rn3j
@user-qj2yg1rn3j 4 года назад
Найс!
@GGSoft2009
@GGSoft2009 4 года назад
Спасибо огромное
@vitaliityshko7295
@vitaliityshko7295 2 года назад
круто, благодарен
@max_mgtow
@max_mgtow 3 года назад
Подписался дня 4 назад, было 125к. Теперь 127к😲 как ты так быстро ростешь?))
@user-mp6zm2nk6m
@user-mp6zm2nk6m Год назад
Спасибо!
@user-gv6fn6yt2u
@user-gv6fn6yt2u 4 года назад
Владилен, здравствуйте, не могли бы заснять подробное руководство по использованию git? Начиная с основных до продвинутых задач. Я благодарен Вам за уроки и буду еще больше.
@dmitrymitrofanov3920
@dmitrymitrofanov3920 4 года назад
++++++++++++++++++++++++++
@VladilenMinin
@VladilenMinin 4 года назад
Про Git пока не планирую Только если про смежные тематики, такие как SCRUM, AGILE
@svetlana9436
@svetlana9436 4 года назад
Спасибо 🤗
@TheFastmind
@TheFastmind 2 года назад
Спасибо)
@r3dkin
@r3dkin 2 года назад
Благодарю
@sekirogenshiro2210
@sekirogenshiro2210 4 года назад
Урок классный. Но хотелось бы побольше практики
@jimlabable
@jimlabable 4 года назад
Спасибо, много полезного. Было бы здорово дебаг по Vue js, особенно поиск ошибок внутри файлов самого vue, а то у меня все работает, но ошибка вылезает, откуда не понятно.
@user-rh1ty5rx3h
@user-rh1ty5rx3h 4 года назад
Спасибо за видео
@VladilenMinin
@VladilenMinin 4 года назад
Приятного просмотра
@kabukijoe99
@kabukijoe99 2 года назад
Спасибо за курс. очень полезный. Скажите а можно ли повесить javascript (или CSS) на элемент div и превратить его в ссылку? Пример: kupistul_ua_stul-vital_512909 (нижние подчеркивания вместо точки и слешей) Ссылка характеристики. Не могу понять как она сделана и как к ней достучаться. Спасибо
@asylzhanb2325
@asylzhanb2325 4 года назад
ловите от меня жирный лайк!
@servus7314
@servus7314 Год назад
Владилен, спасибо большое за видео. На 24й минуте показываете Devtools - Source и код js у Вас выглядит как в редакторе с подсветкой синтаксиса. У меня в хроме весь скрипт одним цветом, без каких либо подсветок. И без возможности посмотреть значения переменных
@Vladimir1976opana
@Vladimir1976opana Год назад
Спасибо
@user-uk4zm6iz1m
@user-uk4zm6iz1m Год назад
Питання. Це працюватиме в коді після вебпака? Чи він все зжимає настільки, що сорс стане незрозумілим?
@chistowick
@chistowick 3 года назад
Круть! Отличный материал! Спасибо
@mukhammadrustambayev2051
@mukhammadrustambayev2051 4 года назад
спасибо за труд. про TDD урок планируете?
@VladilenMinin
@VladilenMinin 4 года назад
Вероятно да
@IgorBirkan
@IgorBirkan 4 года назад
Узнал кое что новое . 10x !
@MasterHobbitLoL
@MasterHobbitLoL 3 года назад
Сильно
@user-gw4lq4vt7d
@user-gw4lq4vt7d 2 года назад
$0 - это вообще пушка)))Я не знал)
@jahongirbektemirov6516
@jahongirbektemirov6516 3 года назад
Круто
Далее
I Built 4 SECRET Rooms In ONE COLOR!
29:04
Просмотров 9 млн
Sprinting with More and More Money
00:29
Просмотров 66 млн
TypeScript - Быстрый Курс за 70 минут
1:08:00
Jest. Unit Тестирование в JavaScript
1:27:05
Закладка Performance DevTools в Chrome
38:07
Chrome Debugger is BETTER than you might think
15:08
Дебаг в JavaScript - это просто!
12:46
I Built 4 SECRET Rooms In ONE COLOR!
29:04
Просмотров 9 млн