Build A Piano With JavaScript – Tutorial: 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 Video: 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

Build A Piano With JavaScript - Tutorial


Author by: Web Dev Simplified

SHARE