Browser is a complex piece of software. It uses various parsers like HTML parser, CSS parser, rendering engine, events manager and JavaScript compiler to get the job done. 

To make these complex concepts simple and interesting, I use a lot of animations, and graphics. Further I go over 7 use cases with real code to show how all these things work!

If you understand how all these work, you'll be able to think like JavaScript compiler or any of these parsers and you'll be able to handle difficult and confusing concepts in JS very easily. Further, this will give you a solid foundation and an approach to learning technology more holistically.

You'll learn:

1.  Modeling, DOM and HTML parser
2. CSS, CSS Parser and CSSOM
3. Rendering Engine, Painting and Render Tree
4. DOM APIs and the "document" object
5. BOM APIs and the "window" object
6. Two example use cases
7. JavaScript and JavaScript compiler
8. An example use case with JS compiler
9. Adding Interactivity to the browser via JavaScript
10. Events
11. A button click use case example showing JS events
12. A browser resize use case example showing JS events
13. Dependencies between parsers and best practices
14. Synchronous and Asynchronous functions
15. Summary