First JavaScript Web App: Overview

[codingbootcampseu]

This lectures focusses on how to manipulate and read the DOM using JavaScript.

Here is an overview of what you will learn during the lecture:

• [ ] window object
• [x] document object
• [ ] element.style object property
• [x] querySelector() method
• [x] element.textContent property
• [x] element.innerText property
• [x] DOM
  • [x] nodes
  • [x] children property
  • [ ] childNodes property
  • [x] document.createElement() method
  • [ ] document.createTextNode() method
  • [x] appendChild() method
  • [ ] insertBefore() method
• [ ] Attributes
  • [x] setAttribute() method
  • [x] removeAttribute() method
  • [x] getAttribute() method
  • [ ] Custom Attributes
• [ ] Events and Event Propagation
  • [ ] Event Phases
  • [x] addEventListener() method
  • [ ] removeEventListener() method
  • [ ] Event Object
  • [ ] event.target
  • [ ] event.currentTarget
  • [ ] event.eventPhase
  • [ ] event.stopPropagation() method
• [ ] JSON
  • [ ] JSON.stringify() method
  • [ ] JSON.parse() method
• [x] Local Storage
  • [x] Origin
  • [x] localStorage.setItem() method
  • [x] localStorage.getItem() method