Advanced JavaScript Debugging Techniques

In this half-day workshop we will explore some tools and techniques for debugging JavaScript applications. The focus will be on front-end JavaScript, but many of the lessons learned will apply to back-end JavaScript as well. Using the Firefox Developer Tools as a starting point you will see how to inspect your code for correctness, measure its performance characteristics and understand its runtime behavior.
 
You will get insights into how profilers work, when to use them and when not to. You will learn how to debug other languages that compile to JavaScript, like CoffeeScript, using source maps and how to avoid digging into framework implementations just to figure out how your own code behaves. We will also see how mobile web apps can be debugged locally or remotely and how you can take matters into your own hands by extending the Firefox Developer Tools to tailor them to your needs.