🌳 Canh

DOM API

Oct 27, 20241 min read

Basic

Details

  1. What is DOM?
  2. DOM main types and interfaces
  3. Finding/creating/updating/removing elements using DOM API.
  4. Using the “Elements” panel in Chrome DevTools
  1. https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API
  2. https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
  3. https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction#fundamental_data_types
  4. https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction#core_interfaces_in_the_dom
  5. https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Examples
  6. https://blog.bitsrc.io/9-element-tab-features-in-chrome-devtools-for-effective-debugging-1b02aa8f000a

Courses

  1. https://www.youtube.com/watch?v=5fb2aPlgoys
  2. https://www.youtube.com/watch?v=0ik6X4DJKCc

Intermediate

Details

  1. Iframes, embedding
  2. Event bubbling and capturing, preventDefault
  3. DocumentFragment
  4. WebComponents, ShadowDOM
  5. Semantic Web
  1. https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies
  2. https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events
  3. https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
  4. https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM
  5. https://developer.mozilla.org/en-US/docs/Glossary/Semantics

Graph View

Backlinks