The Inner workings of the Browser for JavaScript & Web devs
Learn about 4 parsers, JS compiler, "modeling, DOM, BOM, "document", "window" objects, async and sync functions

The Inner workings of the Browser for JavaScript & Web devs free download
Learn about 4 parsers, JS compiler, "modeling, DOM, BOM, "document", "window" objects, async and sync functions
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:
- Modeling, DOM and HTML parser
- CSS, CSS Parser and CSSOM
- Rendering Engine, Painting and Render Tree
- DOM APIs and the "document" object
- BOM APIs and the "window" object
- Two example use cases
- JavaScript and JavaScript compiler
- An example use case with JS compiler
- Adding Interactivity to the browser via JavaScript
- Events
- A button click use case example showing JS events
- A browser resize use case example showing JS events
- Dependencies between parsers and best practices
- Synchronous and Asynchronous functions
- Summary