Learning web development can be tough and boring, but it doesn’t have to be. In this video we take a look at creating a simple JavaScript piano which can be played using the mouse or keyboard. This is a great project for anyone just getting started with JavaScript or anyone that wants to create a fun project.

📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/JavaScript-Piano

🧠 Concepts Covered:

  • How to use flexbox to center elements
  • Using CSS variables to reduce redundant code
  • Playing audio in the browser
  • How to bind click and keypress events in JavaScript

#javascript #web-development

Build A Piano With JavaScript
34.35 GEEK