JavaScript and DOM

JavaScript and DOM


For this lesson, we will learn about the DOM, a model of the HTML and CSS that is loaded into a browser for JavaScript to use to manipulate your web page. By the end of this lesson you will be able to:

  • Explain what JavaScript and the Document Object Model is
  • Explain how JavaScript works
  • Experiment with JavaScript and the Browser Object Model and Document Object Model
  • Break down a web page to discover where JavaScript is stored
  • Decide which tools to use to view and manipulate

Why watch?

  • Learning about JavaScript and the DOM can help identify new risks, create new test ideas and debug CSS issues for bug reports and discussions with Developers
  • This introduction to JavaScript and DOM will serve as an excellent primer to understanding how single page applications that are JavaScript are loaded and ran inside the browser
  • You’ll be shown how to create your own JavaScript for web pages to add additional functionality to your future projects

What you need to use during this lesson:

  • Atom: a text editing tool.
  • JS Bin: A live pastebin for HTML, CSS & JavaScript and a range of processors.