是一個來自加拿大的工程師WES BOS製作的一系列純javascript練習，
共有30個主題，每個主題有一個教學影片及範例檔案。

[WES BOS的GitHub]
[JavaScript30官網]

實作範例，並紀錄每個練習的過程。

1. 主題:這個練習主要的目的/功能
2. 步驟:整個範例的建置步驟
3. 語法&備註:紀錄練習中使用到的語法
4. 探索:在練習的範例中，擴充或調整一個與主題相關的功能。

遵循原本提供的的資料結構，
並在每個練習加上index-GuaHsu.html來放置我所完成的版本。

我會放在自己的部落格(https://guahsu.io)一份，並在GitHub上也留存一份。
若有任何錯誤或指教請在PR給我，謝謝:)!

01 - JavaScript Drum Kit 心得 | [DEMO]
02 - JS and CSS 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
27 - Click and Drag
28 - Video Speed Controller
29 - Countdown Timer
30 - Whack A Mole