Javascript30 是由 Web Bos 推出的純 JavaScript 30 天挑戰。可看他的官方網站觀看教學影片:JavaScript 30
我在這邊附上一些自己的筆記以及練習的成果。
NO | 主題 | Demo | 延伸練習 |
---|---|---|---|
01 | JavaScript Drum Kit | DEMO | |
02 | CSS + JavaScript Clock | DEMO | 調整版本 |
03 | CSS variables | DEMO | 延伸練習 |
04 | Array Cardio Day 1 | DEMO | |
05 | Flex Panel Gallery | DEMO | 延伸練習 |
06 | Type Ahead | DEMO | |
07 | Array Cardio Day 2 | DEMO | |
08 | Fun with HTML5 Canvas | DEMO | |
09 | Dev Tools Domination | DEMO | |
10 | Hold Shift and Check Checkboxes | DEMO | |
11 | Custom Video Player | DEMO | |
12 | Key Sequence Detection | DEMO | 延伸練習 |
13 | Slide in on Scroll | DEMO | |
14 | JavaScript References VS Copying | DEMO | |
15 | LocalStorage | DEMO | |
16 | Mouse Move Shadow | DEMO | 延伸練習 |
17 | Sort Without Articles | DEMO | |
18 | Adding-Up-Times-with-Reduce | DEMO | |
19 | Webcam Fun | DEMO | |
20 | Speech Detection | DEMO | |
21 | Geolocation | DEMO | |
22 | Follow Along Link Highlighter | DEMO | |
23 | Speech Synthesis | DEMO | |
24 | Sticky Nav | DEMO | |
25 | Event Capture, Propagation, Bubbling and Once | DEMO | |
26 | Stripe Follow Along Nav | DEMO | |
27 | Click and Drag | DEMO | |
28 | Video Speed Controller | DEMO |