VanTile's JavaScript30

This is a page showcasing my demo implementations of a JavaScript tutorial series by Wes Bos.

This is a plain vanilla JavaScript exercise, without any libraries, transpilers or frameworks. You can find the original JavaScript30 here and my public code on Github.

JavaScript Drum Kit Demo

#1 JavaScript Drum Kit

JS and CSS Clock Demo

#2 JS and CSS Clock

CSS Variables Demo

#3 CSS Variables

Array Cardio Day 1 Demo

#4 Array Cardio Day 1

Flex Panel Gallery Demo

#5 Flex Panel Gallery

Type Ahead Demo

Array Cardio Day 2 Demo

#7 Array Cardio Day 2

Fun with HTML5 Canvas Demo

#8 Fun with HTML5 Canvas

Dev Tools Domination Demo

#9 Dev Tools Domination

Hold Shift and Check Checkboxes Demo

#10 Hold Shift and Check Checkboxes

Custom Video Player Demo

#11 Custom Video Player

Key Sequence Detection Demo

#12 Key Sequence Detection

Slide in on Scroll Demo

#13 Slide in on Scroll

JavaScript References VS Copying Demo

#14 JavaScript References VS Copying

LocalStorage Demo

#15 LocalStorage

Mouse Move Shadow Demo

#16 Mouse Move Shadow

Sort Without Articles Demo

#17 Sort Without Articles

Adding Up Times with Reduce Demo

#18 Adding Up Times with Reduce

Webcam Fun Demo

Check my other projects around the interwebs!

Geolocation Demo

#21 Geolocation

Follow Along Link Highlighter Demo

#22 Follow Along Link Highlighter

Speech Synthesis Demo

#23 Speech Synthesis

Sticky Nav Demo

Stripe Follow Along Nav Demo

#25 Event Capture && Propagation

Stripe Follow Along Nav Demo

#26 Stripe Follow Along Nav

Click and Drag Demo

#27 Click and Drag

Video Speed Controller Demo

#28 Video Speed Controller

Countdown Timer Demo

#29 Countdown Timer

Whack A Mole Demo

#30 Whack A Mole