Skip to content
JS homework
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
01-keysounds
02-crazyclock
03-cssvars
04-arrays1
05-flexpanels
06-typeahead
07-arrays2
08-canvas
10-multicheck
11-customcontrols
12-key-sequence
13-scroll-events
14-js-reference-copy
15-localstorage
16-move-shadow
17-sort-regex
18-videos-times-reduce
19-webcam
20-speech-recognition
21-geolocation
22-highlighter
23-text2speech
24-stickynav
25-event-capture-propagation
26-dropdowns
27-draghorizontally
28-videospeed
29-timer
30-game
.gitattributes
.gitignore
README.md

README.md

JavaScript30

A course by Wes Bos https://JavaScript30.com

Some examples

Press a key on your keyboard and see what happens: https://ginius.me/js30/01-keysounds/

Crazy clock ticking backwards: https://ginius.me/js30/02-crazyclock/

Add styles to photos (update CSS vars with JS): https://ginius.me/js30/03-cssvars/

Flex panels: https://ginius.me/js30/05-flexpanels/

Get TLD (top-level domain) of any country really quick: https://ginius.me/js30/06-typeahead/

Psychedelic Canvas: https://ginius.me/js30/08-canvas/

Check multiple items holding shift key: https://ginius.me/js30/10-multicheck/

LocalStorage checklist: https://ginius.me/js30/15-localstorage/

Webcam fun (needs access to webcam): https://ginius.me/js30/19-webcam/

Speech recognition (needs access to mic): https://ginius.me/js30/20-speech-recognition/

Compass and speedometer: https://ginius.me/js30/21-geolocation/

Text-to-speech: https://ginius.me/js30/23-text2speech/

Stripe-like dropdowns: https://ginius.me/js30/26-dropdowns/

Horizontal drag and scroll: https://ginius.me/js30/27-draghorizontally/

Timer (with a gong on finish): https://ginius.me/js30/29-timer/

Whack-a-mole game: https://ginius.me/js30/30-game/

You can’t perform that action at this time.