First steps
  • Introduction
  • Reference files
  • Editor
  • What is the DOM
Let's start learning about the DOM
  • Developer tools
  • JavaScript commands
  • JavaScript commands - Chaining and finding inputs
  • Let's get to know Forms
  • Node Properties
  • Traversing Nodes
  • Filtering Text nodes
  • Attributes
  • Class control
  • Manipulating HTML
  • Creating and appending elements
  • Precise insertions
  • Cloning
  • Replacing nodes
  • Section 2 Quiz
Project
  • Project introduction
  • Preparing all our files and starter code
  • Activating photo gallery plugin
  • Adding even listener to main div
  • Creating and appending overlay
  • Styling overlay
  • Setting up the size for the overlay
  • Creating the image
  • Styling the image
  • Removing overlay on click
  • Adding scrolling feature to overlay
  • Let's resize
  • Conclusion and BONUS!