JavaScript and the DOM

  1. Advanced DOM Concepts
    1. Browser Rendering
      1. Critical Rendering Path
        1. DOM Construction
          1. CSSOM Construction
            1. Render Tree Creation
              1. Layout Process
                1. Paint Process
                  1. Composite Process
                  2. Performance Optimization
                    1. DOM Access Optimization
                      1. Batching DOM Updates
                        1. DocumentFragment Usage
                          1. Event Handler Optimization
                            1. Debouncing Techniques
                              1. Throttling Techniques
                              2. Layout Thrashing Prevention
                                1. Reflow and Repaint Minimization
                                2. Data Attributes
                                  1. data-* Attributes
                                    1. dataset Property
                                      1. Custom Data Storage
                                        1. Data Attribute Patterns
                                          1. JSON Data Storage
                                          2. Shadow DOM
                                            1. Web Components Introduction
                                              1. Shadow Root Creation
                                                1. Shadow DOM Encapsulation
                                                  1. Open vs Closed Shadow Roots
                                                    1. Slotting Mechanisms
                                                      1. Content Projection
                                                        1. Shadow DOM Styling
                                                        2. Mutation Observers
                                                          1. DOM Change Detection
                                                            1. MutationObserver Creation
                                                              1. Observer Configuration
                                                                1. childList Option
                                                                  1. attributes Option
                                                                    1. subtree Option
                                                                    2. Mutation Records
                                                                      1. Use Cases and Applications
                                                                        1. Performance Considerations
                                                                        2. Accessibility in DOM
                                                                          1. ARIA Attributes
                                                                            1. aria-label
                                                                              1. aria-describedby
                                                                                1. aria-hidden
                                                                                  1. Role Attributes
                                                                                  2. Keyboard Navigation
                                                                                    1. Focus Management
                                                                                      1. tabindex Attribute
                                                                                        1. Focus Trapping
                                                                                        2. Semantic HTML Elements
                                                                                          1. Screen Reader Compatibility
                                                                                          2. Security Considerations
                                                                                            1. Cross-Site Scripting Prevention
                                                                                              1. Input Sanitization
                                                                                                1. Safe DOM Manipulation
                                                                                                  1. Content Security Policy
                                                                                                    1. Trusted Types API
                                                                                                      1. innerHTML Alternatives

                                                                                                    Previous

                                                                                                    7. Working with Web Forms

                                                                                                    Go to top

                                                                                                    Back to Start

                                                                                                    1. Introduction to the Document Object Model (DOM)