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