課程大綱如下：
- JavaScript Drum Kit
- CSS + JS Clock
- Playing with CSS Variables and JS
- Array Cardio Day 1
- Flex Panels Image Gallery
- Ajax Type Ahead
- Array Cardio Day 2
- Fun with HTML5 Canvas
- 14 Must Know Dev Tools Tricks
- Hold Shift to Check Multiple Checkboxes
- Custom HTML5 Video Player
- Key Sequence Detection (KONAMI CODE)
- Slide In on Scroll
- Object and Arrays – Reference VS Copy
- LocalStorage and Event Delegation
- CSS Text Shadow Mouse Move Effect
- Sorting Band Names without articles
- Tally String Times with Reduce
- Unreal Webcam Fun
- Native Speech Recognition
- Geolocation based Speedometer and Compass
- Follow Along Links
- Speech Synthesis
- Sticky Nav
- Event Capture, Propagation, Bubbling and Once
- Stripe Follow Along Dropdown
- Click and Drag to Scroll
- Video Speed Controller UI
- Countdown Clock
- Whack A Mole Game
準備上課
———–按此進入———–
下載課程教材非常簡單，只要點選上方連結，在Email Address框輸入你的Email，他就會寄教材連結到你信箱，開啟連結就有影片連結跟教材下載可選。而每堂課的教材也是非常貼心地給你「完成版」跟「初始版」，初始版裡面的樣板或是資料都已經幫你建好，你只需要加入幾個關鍵的程式碼，就可以跟別人炫耀這是你開發的程式完成一個有模有樣的成果。若真的跟不上老師的節奏，可以停下影片偷看「完成版」的成果，看看到底怎麼寫。
既然這次參賽主題是自主學習筆記，我並不會以教導大家如何完成各個實作為目的，畢竟Wes Bos已經講解地相當清楚。我會將我本身較不熟悉的課程內容記錄在這30天的文章中，而在這學習筆記中，每堂課的筆記都包含：
- 邏輯流程：說明該堂課需要完成哪些事項
- 課程重點：說明該堂課所用到的關鍵方法或觀念
- 延伸閱讀：記錄我在完成實作的過程所查詢到的相關新知
以上是日後的課程準備，而每堂課影片其實只有十幾二十分鐘，對於一個下班時間所剩不多的工程師而言，這系列課程算是平易近人，不會讓你太有壓力。希望有興趣的大家能夠跟著一起「一天一JS」，相信三十天後的我們都會變厲害的！GOGOGO~
转载请注明：XAMPP中文组官网 » 自我學習筆記