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

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.

What you’ll learn

  • Know 4 Browser parsers and JS compiler.
  • Think like HTML parser, CSS parser, Rendering engine.
  • Understand “modelling” and models like DOM, BOM, rendering tree.
  • Know what “events” are and how “events” work.
  • Understand how “asynchronous” functions actually work.
  • Know best practices and dependencies between various parser.
  • Exactly how JavaScript and JavaScript compiler works.

Course Content

  • Introduction –> 16 lectures • 43min.

The Inner workings of the Browser for JavaScript & Web devs

Requirements

  • Basic understanding of web development.
  • Chrome browser to inspect DOM, console and so on.
  • Basic understanding of JavaScript.

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