Javascript30 挑戰

是一位發表很多前端教學資源的工程師 Wes Bos 提供的教學檔案,

他提供一些已經有寫好 html css 的檔案，

讓你可以練習來幫網頁套上 js 做一些簡單的操作,

可以練習到很多 js es6 的語法,

以及他在實做上的思維，

我覺得很不錯所以就來做這個 31 個題目的挑戰啦！

這是我做 javascript30 一起紀錄的一個小筆記,

也是我第一次寫 makedown,

一邊學習 ES6 語法也一邊學著去紀錄所做過得東西,

也許比較不會忘記吧哈哈！

作品快速導覽

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!