Summary

Debugging is an integral part of web development. It can also be a pretty sluggish and tedious task. With browser development tools, we can reduce the time spent on hunting bugs. We can set breakpoints in a code and move step by step to the source of the problem in the same way that the program does. When using Chrome DevTools, we can watch for DOM modification events and for specific URL requests. When tuning performance, we can measure time with time/timeEnd and request a process profile with profile/profileEnd. Using features such as filmstrip and throttling, we can look at the page load on different connections.

We started this book by reviewing JavaScript core features. We've learned how to make a code more expressive by means of syntactic sugar, practiced object iteration and collection normalization, compared various approaches to declare an object including ES6 classes, and found out how to use the magic methods of JavaScript. Then, we dived into modular programming. We talked...