JavaScript 30 Portfolio

These are my version of the different exercises included in the JavaScript 30 course.

Thanks to Wes Bos for creating the course!

drum-kit

JavaScript Drum Kit
JS clock

JS Clock
Edit a photo with CSS Variables

Photo editing with CSS Variables
Array cardio 1

Working with Arrays: Part 1
Image gallery

Flexible gallery of photos
Type ahead

Look Ahead Search Results
Array cardio 2

Working with Arrays: Part 2
HTML5 canvas

HTML5 Canvas
Chrome dev tools tricks

Tips for the Dev Tools
Checkbox

Checkbox
Custom video player

Custom Video Player
Konami code

Check keystrokes for secret
Slide in on scroll

Slide in on Scroll
Reference vs Copy

Reference vs Copy
local storage and event delegation

Using local storage
mousemove effect

Text shadow effect on mouse movement
sort with articles

Sorting method that ignores articles
array reduce works

Summing up time stamps
webcam

Webcam filters
speech recognition

Speech detection
geolocation

Determine geolocation
follow along links

Highlight links with dynamic element
text to speech

Synthesize speech
sticky nav

Sticky Nav on Scroll
event capture

Capture events
Follow along hover nav

Follow along hover nav
click and drag to scroll

Click-and-Drag scroll effect
video speed controller

Video Speed Controller
countdown timer

Countdown Timer
whack-a-mole

Whack-a-Mole