Как отлаживать код с помощью debugger вместо console.log | Вебинар | karpov.courses dev

Курс Frontend: https://bit.ly/3xuxYn7

Поиск ошибок в коде — неотъемлемая часть работы фронтендера. Для него часто используется инструмент console.log, но это не единственный способ.

На вебинаре тимлиды VK и преподаватели курса Frontend расскажут, как эффективнее отлаживать код. Мы разберёмся, что такое debugger и чем он отличается от console.log, а также на конкретных кейсах рассмотрим, когда debugger работает эффективнее.

Полезные материалы:

1. Репозиторий с сортировкой чисел
https://github.com/shalfey41/debugger...

2. Репозиторий с to-do листом
https://github.com/shalfey41/debugger...

3. TodoMVC — реализация to-do листа на разных технологиях
https://todomvc.com/

4. Debugging JavaScript - Chrome DevTools 101
   • Debugging JavaScript - Chrome DevTool...  

5. WebStorm Fundamentals: Debugging JavaScript
https://www.jetbrains.com/help/websto...

6. Вебинар «Как Source map ускоряет решение проблем»
   • Как Source map ускоряет решение пробл...  

7. «Умная квартира на JavaScript. От светодиода до распознавания лица в камере домофона». Статья Антона Резника
https://habr.com/ru/company/vk/blog/5...

00:00 — 04:29 Вступление
04:30 — 09:19 Ищем баг через console.log()
09:20 — 31:13 Знакомимся с debugger
31:14 — 35:53 Как дебажить внутри WebStorm
35:54 — 53:04 Как исследовать новый код с помощью debugger
53:05 — 59:59 debugger в React* приложении
1:00:00 — 1:04:24 Когда использовать debugger, а когда — console.log?

*продукт meta — запрещённой в РФ организации