winar-jin / JavaScript30-Challenge

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

License:MIT License


Languages

Language:HTML 81.2%Language:CSS 13.4%Language:JavaScript 5.4%