Switch to the store?

DOM Commander - A JavaScript Project Course [Video]

More Information
  • How to use JavaScript
  • How to create elements dynamically
  • Manipulate elements using JavaScript
  • Explore JavaScript Document Object Model

Explore how to build a keyboard command project that allows you to press keys on your keyboard and move an element on the page around. Great to practice and learn more about how element manipulation works and how JavaScript can be used to dynamically update element attributes and contents.

In the course we build a mini project that listens to key presses and updates an element on the page accordingly. Topics covered include.

  • Create and element dynamically using JavaScript
  • Listen for keyboard arrow key presses
  • Track key presses and move the element accordingly
  • Run a function to move and element
  • Add elements to a page using JavaScript
  • Create an array of elements
  • Execute a list of movements on command
  • Update, Delete and move elements on the page

All the codes and supporting files for this course are available at: https://github.com/PacktPublishing/DOM-Commander---A-JavaScript-Project-Course

Style and Approach

Step by step lessons - source code included

  • Learn to build a keyboard command project using JavaScript
  • Learn how to create elements dynamically
Course Length 49 minutes
ISBN 9781838824037
Date Of Publication 24 Apr 2019


Laurence Svekis

Laurence Svekis is an instructor. He has 18+ years' work experience in web development, providing smart digital solutions online for both small and enterprise level businesses. An experienced web application developer, he has worked on multiple enterprise-level applications, hundreds of websites and business solutions, and many unique and innovative web applications. His web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP, and MySQL—in short, anything to do with web creation and digital experience. He is passionate about everything to do with web application development and programming to online marketing with a strong focus on social media and SEO.