Make a JavaScript Drum Kit in Vanilla JS

Make a JavaScript Drum Kit in Vanilla JS

Wes Bos via YouTube Direct link

JavaScript Interface Challenge: Click and Drag to Scroll - #JavaScript30 27/30

27 of 30

27 of 30

JavaScript Interface Challenge: Click and Drag to Scroll - #JavaScript30 27/30

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Make a JavaScript Drum Kit in Vanilla JS

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Make a JavaScript Drum Kit in Vanilla JS! #JavaScript30 1/30
  2. 2 We build a CSS + JS Clock in Vanilla JS — #JavaScript30 2/30
  3. 3 Woah! CSS Variables?! — #JavaScript30 3/30
  4. 4 JavaScript Array Cardio Practice - Day 1 — #JavaScript30 4/30
  5. 5 Flexbox + JavaScript Image Gallery — #JavaScript30 5/30
  6. 6 Ajax Type Ahead with fetch() - #JavaScript30 6/30
  7. 7 .some(), .every(), .find() and [...SPREADS] — Array Cardio Day 2 - #JavaScript30 7/30
  8. 8 Let's build something fun with HTML5 Canvas - #JavaScript30 8/30
  9. 9 14 Must Know Chrome Dev Tools Tricks - #JavaScript30 9/30
  10. 10 JS Checkbox Challenge! #JavaScript30 10/30
  11. 11 Custom HTML5 Video Player - #JavaScript30 11/30
  12. 12 JavaScript KONAMI CODE! #JavaScript30 12/30
  13. 13 Vanilla JavaScript Slide In on Scroll - #JavaScript30 13/30
  14. 14 JavaScript Fundamentals: Reference VS Copy #JavaScript30 14/30
  15. 15 How LocalStorage and Event Delegation work. #JavaScript30 15/30
  16. 16 CSS Text Shadow on Mouse Move Effect - #JavaScript30 16/30
  17. 17 JavaScript Practice: Sorting Band Names without articles - #JavaScript30 17/30
  18. 18 How JavaScript's Array Reduce Works - #JavaScript30 18/30
  19. 19 Unreal Webcam Fun with getUserMedia() and HTML5 Canvas - #JavaScript30 19/30
  20. 20 JavaScript Speech Recognition #JavaScript30 20/30
  21. 21 JavaScript Geolocation based Speedometer and Compass - #JavaScript30 21/30
  22. 22 JavaScript Exercise: Follow Along Links - #JavaScript30 22/30
  23. 23 JavaScript Text-To-Speech - #JavaScript30 23/30
  24. 24 Vanilla JavaScript Sticky Nav - #JavaScript30 24/30
  25. 25 JavaScript Event Capture, Propagation and Bubbling - #JavaScript30 25/30
  26. 26 Stripe Follow Along Dropdown Navigation - #JavaScript30 26/30
  27. 27 JavaScript Interface Challenge: Click and Drag to Scroll - #JavaScript30 27/30
  28. 28 Build a Experimental Video Speed Controller UI - #JavaScript30 28/30
  29. 29 Vanilla JS Countdown Timer - #JavaScript30 29/30
  30. 30 Make a Whack A Mole Game with Vanilla JS - #JavaScript30 30/30

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.