JavaScript 30 Portfolio

These are my versions of the different exercises included in the JavaScript 30 course by Wes Bos.

See my impressions on Medium and my lessons learned on GitHub.

JS Drum Kit

JavaScript-powered drum kit
JS & CSS Clock

Analog clock powered by JavaScript & CSS
Photo editing with CSS variables

Edit a photo with CSS variables
JS Array exercises part 1

Basic manipulation of JS Arrays
Flexbox gallery

Flexible gallery of photos
Dynamic filtering

Filter dynamically through a JSON.
JS Array exercises part 2

More manipulation of JS Arrays
JS-enhanced HTML5 Canvas

A HTML5 Canvas enhanced by JS
Dev tools tricks

Some tricks for the dev tools
JS-enhanced checkboxes

Checkboxes enhanced by JS
Custom video player

Custom video player
Key sequence detector

Key sequence detector
Slide loading of scrolled images

Slide loading of scrolled images
Exercises with JS References

Exercises with JS references and copies
Local storage usage

Using local storage
Dynamic shadow on mouse move

Dynamic shadow on mouse move
Sorting method that ignores articles

Sorting method that ignores articles
Summing up time stamps

Summing up time stamps
Webcam manipulation

Webcam manipulation
Speech detection

Speech detection
Determine geolocation

Determine geolocation
Highlight links with dynamic element

Highlight links with dynamic element
Synthesize speech

Synthesize speech
Sticky navigation bar

Sticky navigation bar
Capture events in JS

Capture events in JS
Dynamic dropdown that follows mouse

Dynamic dropdown that follows mouse
Click and drag through carousel

Click and drag through carousel
Video speed controller

Video speed controller
Countdown timer

Countdown timer
Whack-A-Mole game

Whack-A-Mole game