Build A Piano With JavaScript - Tutorial

🚨 IMPORTANT: Part Two: https://youtu.be/d0-VH4MC0Rk 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 Flexbox Tutorial: https://youtu.be/fYq5PXgSsbE CSS Variables Tutorial: https://youtu.be/oZPR_78wCnY 🧠 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 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #JavaScriptMusic #WDS #JavaScript