-
A New Metal Model
a. The Browser is just a piece of software
b. The Browser is made up of several components responsible for specific pieces of work
i. HTML Engine ii. CSS Engine iii. JavaScript Engine iv. DOM Engine v. And More
-
HTML, CSS and DOM Engines
a. Html Engine: Parses HTML files and used by the browser to build the initial DOM structure
b. CSS Engine: Parses CSS and applies styles to elements in the DOM
c. DOM Engine: Builds a tree of objects that represent our page in memory. We refer to this tree as the DOM
-
HTTP Engine
a. Gives the Browser access to the internet
b. Http is Stateless
c. Implements a Request and Response flow
-
How all these pieces work together to render a web page
-
The JavaScript and Event Engines
a. JavaScript code is executed in chunks of memory called “Execution Context.”
b. Execution of our JS code is done in two phases:
i. Creation ii. Execution
c. JavaScript is a Synchronous process
d. The browser using the event queue to achieve ASYNC like code
-
Putting It All Together (Live Code Demo)
-
Resources
Last active
February 27, 2019 20:29
-
-
Save ricklopez/13b5f4eeaa9178f6d8a2d402311ccffd to your computer and use it in GitHub Desktop.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
q