Udemy – The Inner workings of the Browser for JavaScript & Web devs
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 16 lectures (43m) | Size: 86.5 MB
Learn about 4 parsers, JS compiler, “modeling, DOM, BOM, “document”, “window” objects, async and sync functions
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
Requirements
Basic understanding of web development
Chrome browser to inspect DOM, console and so on
Basic understanding of JavaScript
Description
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
Who this course is for
Anyone interested in mastering JavaScript and web development
Homepage
https://www.udemy.com/course/the-inner-workings-of-the-browser-for-javascript-web-devs/
