What You Will 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
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 Should Attend!
- Anyone interested in mastering JavaScript and web development
TAKE THIS COURSE