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