Explore the future of JavaScript debugging in this 25-minute conference talk presented at FOSDEM 2018. Discover how to shape your own JS debugger, learning about innovative features like Debugger Dot HTML, installation processes, launchpads, and translation capabilities. Delve into advanced concepts such as debug mode, code bundling, obfuscation techniques, and problem visualization. Gain insights on working with Abstract Syntax Trees, expression properties, and parsing bindings. Learn about debugging as a web application and engaging with the developer community through weekly updates, calls, and code reviews. Understand the importance of community involvement in shaping debugging tools and how to contribute to the ongoing development of JavaScript debugging technologies.
Overview
Syllabus
Intro
Debugger Dot HTML
Debugger in 2018
Installation
Launchpads
Translation
Debug Mode
Not perfect
Open a ticket
Bundle code
obfuscated
watch expressions
problem visualization
evaluate expression
add snippet
in action
replace action with
action text
Abstract Syntax Tree
Expression Property
Member Expression
Parse
Bindings
Debug as a web application
Dont be afraid
The community
The work community
Community engagement
How to engage
Weekly updates
Weekly calls
Code reviews
Goodness Squad
Taught by
Mozilla Hacks
