GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - winar-jin/JavaScript30-Challenge: 30 Day Vanilla JS Challenge, This idea comes from Wesbos. here to document the process of these challenges.

BranchesTags
Open more actions menu

Latest commit

 

History

101 Commits
101 Commits

Folders and files

NameName
Last commit message
Last commit date
01 - JavaScript Drum Kit
01 - JavaScript Drum Kit
 
 
02 - JS + CSS Clock
02 - JS + CSS Clock
 
 
03 - CSS Variables
03 - CSS Variables
 
 
04 - Array Cardio Day 1
04 - Array Cardio Day 1
 
 
05 - Flex Panels Image Gallery
05 - Flex Panels Image Gallery
 
 
06 - Type Ahead
06 - Type Ahead
 
 
07 - Array Cardio Day 2
07 - Array Cardio Day 2
 
 
08 - Fun with HTML5 Canvas
08 - Fun with HTML5 Canvas
 
 
09 - Dev Tools Domination
09 - Dev Tools Domination
 
 
10 - Hold Shift and Check Checkboxes
10 - Hold Shift and Check Checkboxes
 
 
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
 
 
.gitignore
.gitignore
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 

Repository files navigation

JavaScript30-Challenge

Javascript30是在Github上看到的一个旨在使用纯Js来进行练习,不允许使用任何其他的库和框架的项目,该项目共有30个小的挑战,当时就很感兴趣,便决定要做一遍,并记录下自己在项目练习的过程和小小收获,至今终于完成了这个项目的所有训练。

该项目由wesbos发起,项目原地址在这里。感谢wesbos免费做出这么棒的内容!

目录

  1. JavaScript Drum Kit
  2. CSS Clock
  3. CSS Variables
  4. Array Cardio Day 1
  5. Flex Panel Gallery
  6. Type Ahead
  7. Array Cardio Day 2
  8. Fun with HTML5 Canvas
  9. Dev Tools Domination
  10. Hold Shift and Check Checkboxes
  11. Custom Video Player
  12. Key Sequence Detection
  13. Slide in on Scroll
  14. JavaScript References VS Copying
  15. LocalStorage
  16. Mouse Shadow
  17. Sort Without Articles
  18. Adding Up Times with Reduce
  19. Webcam Fun
  20. Speech Detection
  21. Geolocation
  22. Follow Along Link Highlighter
  23. Speech Synthesis
  24. Sticky Nav
  25. Event Capture, Propagation, Bubbling and Once
  26. Follow Along Nav
  27. Click and Drag
  28. Video Speed Scrubber
  29. Countdown Timer
  30. Whack-a-mole! (打地鼠)

在这个过程中学到了很多,很多个小的挑战,为我的日常工作中提供了很多灵感,很棒的一个系列,值得再次回顾和学习!

END! 💯

About

30 Day Vanilla JS Challenge, This idea comes from Wesbos. here to document the process of these challenges.

Topics

css3html5javascript

Resources

Readme
MIT license
Activity

Stars

72 stars

Watchers

5 watching

Forks

20 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.