Udemy - The Inner workings of the Browser for JavaScript & Web devs

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 jаvascript and jаvascript compiler works
Requirements
Basic understanding of web development
Chrome browser to inspect DOM, console and so on
Basic understanding of jаvascript
Description
Browser is a complex piece of software. It uses various parsers like HTML parser, CSS parser, rendering engine, events manager and jаvascript 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 jаvascript 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
jаvascript and jаvascript compiler
An example use case with JS compiler
Adding Interactivity to the browser via jаvascript
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
Who this course is for
Anyone interested in mastering jаvascript and web development
Homepage

https://www.udemy.com/course/the-inner-workings-of-the-browser-for-javascript-web-devs/