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