Skip to main content
grasp.study
About
Explore
Pricing
Log in
Try it for free
Back to course
👋
Welcome to a Grasp lesson
Create a free account
to keep studying and create your own study path.
Master frontend development: HTML, CSS, JS, React
·
Module 8
The Browser Environment: DOM, Events & APIs
Understanding the Critical Rendering Path
Explain the browser's critical rendering path, including the construction of the DOM and CSSOM, the render tree, layout, and paint stages.
2
Event Propagation: Capturing, Bubbling, and the Event Target
Describe the event propagation phases (capturing and bubbling) and the role of the event target.
3
Event Delegation: Boosting Performance with Efficient Event Handling
Implement the event delegation pattern and explain its performance benefits for handling numerous interactive elements.
4
Reflow, Repaint, and Your Site's Performance
Explain the difference between reflow/layout and repaint and their performance implications on user experience.
5
Efficient Element Visibility with Intersection Observer
Describe how the Intersection Observer API efficiently tracks element visibility without polling.
6
Mastering MutationObserver: Reacting to DOM Changes
Describe how the MutationObserver API works for reacting to changes in the DOM tree.
7
Same-Origin Policy and CORS for Secure Cross-Origin Requests
Explain the browser's same-origin policy and how the Cross-Origin Resource Sharing (CORS) mechanism enables secure cross-origin requests.
Previous module
Asynchronous JavaScript: The Event Loop & Promises
Next module
React's Rendering Model: JSX & Reconciliation