會參加這次30天鐵人賽，主要是希望藉由這個機會強迫自己成長，有著與團員們參賽的壓力，就會鞭策自己要跟上。平時經常埋怨自己的實力不足，說要自我充實卻往往是三天打魚，兩天曬網，時間一久就恢復怠惰的本性。因此這次抱著破釜沉舟的決心要來挑戰這漫長的30天不中斷學習，期望能夠順利完賽！!

而這次給自己訂的題目JS30—是一位叫Wes Bos的加拿大人所開設的30堂JavaScript視訊課程。Wes Bos的身分是開發者、演說者、老師，他開了許多線上課程，像是REACT FOR BEGINNERS、ES6 for Everyone、Learn Node...。選擇JS30是因為剛好工作上需要，想要進一步精進，再加上是英文課程，希望順便加強英文能力。個人覺得Wes Bos的英文算是簡單易懂，而且教學風格活潑，是位非常有活力的老師，學程式兼學英文，是門CP非常高的課呢XD。

JS30的課程內容相當豐富有趣，是以Vanilla JS為主要開發工具(Vanilla JS就是純JavaScript，不用任何的框架或是library)。

課程大綱如下：

1. JavaScript Drum Kit
2. CSS + JS Clock
3. Playing with CSS Variables and JS
4. Array Cardio Day 1
5. Flex Panels Image Gallery
6. Ajax Type Ahead
7. Array Cardio Day 2
8. Fun with HTML5 Canvas
9. 14 Must Know Dev Tools Tricks
10. Hold Shift to Check Multiple Checkboxes
11. Custom HTML5 Video Player
12. Key Sequence Detection (KONAMI CODE)
13. Slide In on Scroll
14. Object and Arrays - Reference VS Copy
15. LocalStorage and Event Delegation
16. CSS Text Shadow Mouse Move Effect
17. Sorting Band Names without articles
18. Tally String Times with Reduce
19. Unreal Webcam Fun
20. Native Speech Recognition
21. Geolocation based Speedometer and Compass
22. Follow Along Links
23. Speech Synthesis
24. Sticky Nav
25. Event Capture, Propagation, Bubbling and Once
26. Stripe Follow Along Dropdown
27. Click and Drag to Scroll
28. Video Speed Controller UI
29. Countdown Clock
30. Whack A Mole Game

準備上課

-----------按此進入-----------
下載課程教材非常簡單，只要點選上方連結，在Email Address框輸入你的Email，他就會寄教材連結到你信箱，開啟連結就有影片連結跟教材下載可選。而每堂課的教材也是非常貼心地給你「完成版」跟「初始版」，初始版裡面的樣板或是資料都已經幫你建好，你只需要加入幾個關鍵的程式碼，就可以跟別人炫耀這是你開發的程式完成一個有模有樣的成果。若真的跟不上老師的節奏，可以停下影片偷看「完成版」的成果，看看到底怎麼寫。

既然這次參賽主題是自主學習筆記，我並不會以教導大家如何完成各個實作為目的，畢竟Wes Bos已經講解地相當清楚。我會將我本身較不熟悉的課程內容記錄在這30天的文章中，而在這學習筆記中，每堂課的筆記都包含：

1. 邏輯流程：說明該堂課需要完成哪些事項
2. 課程重點：說明該堂課所用到的關鍵方法或觀念
3. 延伸閱讀：記錄我在完成實作的過程所查詢到的相關新知

以上是日後的課程準備，而每堂課影片其實只有十幾二十分鐘，對於一個下班時間所剩不多的工程師而言，這系列課程算是平易近人，不會讓你太有壓力。希望有興趣的大家能夠跟著一起「一天一JS」，相信三十天後的我們都會變厲害的！GOGOGO~