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 ... https://www.youtube.com/watch?v=vjco5yKZpU8