Skip to content

floustao/JavaScript30

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

287 Commits
01 - JavaScript Drum Kit
01 - JavaScript Drum Kit
 
 
02 - JS and CSS Clock
02 - JS and CSS Clock
 
 
03 -Update CSS with JS
03 -Update CSS with JS
 
 
04 - Array Cardio Day 1
04 - Array Cardio Day 1
 
 
05 - Flex Panel Gallery
05 - Flex Panel Gallery
 
 
06 - Type Ahead
06 - Type Ahead
 
 
07 - Array Cardio Day 2
07 - Array Cardio Day 2
 
 
08 - Draw with HTML5 Canvas
08 - Draw with HTML5 Canvas
 
 
09 - Dev Tools Domination
09 - Dev Tools Domination
 
 
10 - Use Shift for multiple selection
10 - Use Shift for multiple selection
 
 
11 - Custom Video Player
11 - Custom Video Player
 
 
12 - Key Sequence Detection
12 - Key Sequence Detection
 
 
13 - Slide in on Scroll
13 - Slide in on Scroll
 
 
14 - JavaScript References VS Copying
14 - JavaScript References VS Copying
 
 
15 - LocalStorage
15 - LocalStorage
 
 
16 - Mouse Move Shadow
16 - Mouse Move Shadow
 
 
17 - Sort Without Articles
17 - Sort Without Articles
 
 
18 - Adding Up Times with Reduce
18 - Adding Up Times with Reduce
 
 
19 - Webcam Fun
19 - Webcam Fun
 
 
20 - Speech Detection
20 - Speech Detection
 
 
21 - Geolocation
21 - Geolocation
 
 
22 - Follow Along Link Highlighter
22 - Follow Along Link Highlighter
 
 
23 - Speech Synthesis
23 - Speech Synthesis
 
 
24 - Sticky Nav
24 - Sticky Nav
 
 
25 - Event Capture, Propagation, Bubbling and Once
25 - Event Capture, Propagation, Bubbling and Once
 
 
26 - Stripe Follow Along Nav
26 - Stripe Follow Along Nav
 
 
27 - Click and Drag
27 - Click and Drag
 
 
28 - Video Speed Controller
28 - Video Speed Controller
 
 
29 - Countdown Timer
29 - Countdown Timer
 
 
30 - Whack A Mole
30 - Whack A Mole
 
 
gifs
gifs
 
 
pics
pics
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
index.html
index.html
 
 
package-lock.json
package-lock.json
 
 
styles.css
styles.css
 
 

Repository files navigation

JavaScript30

30 mini websites to practice vanilla JS

  • No Frameworks × No Compilers × No Libraries × No Boilerplate
  • The showcase of the best challenges is here

View some of the results

Whack a mole game

Speech detection

Stripe navbar

Scroll down to slide pictures

HTML5 canvas

Dynamic search

Sliding sticky navbar

Shift key multiple selection

Moving shadow following user mouse

CSS variables modification

Custom countdown

Movie speed controller

About

30 mini websites with simple JavaScript

floustao.github.io/JavaScript30/

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Contributors 45

+ 31 contributors

Languages