由淺入深系統性學習原生 JavaScript 和程式設計的重要觀念， 讓你不只會用 jQuery 還了解它背後使用的原理，並為未來離開新手村出發挑戰前端進階學習打好堅實基礎知識，培養自學各種前端框架和工具的能力。
- 單元1 - Web 程式設計概論與 HTML5 快速入門（iRich 記帳軟體）
- 單元2 - CSS3 快速入門（iRich 記帳軟體）
- 單元3 - JavaScript 簡史、開發環境建置與基礎介紹（寶可夢對戰）
- 單元4 - JavaScript 流程控制（寶可夢對戰）
- 單元5 - JavaScript 函數 Function 基礎（寶可夢對戰）
- 單元6 - JavaScript 物件 Object 基礎（寶可夢對戰）
- 單元7 - BOM & DOM 操作基礎（寶可夢對戰）
- 單元8 - 事件處理 Event Handle（寶可夢對戰）
- 單元9 - Fetch / Ajax / JSON（iPet 愛寵物）
- 單元10 - Cookie、LocalStorage 與 SessionStorage 本地端資料儲存（購物車）
- 單元11 - Firebase 雲端資料庫（iRich 記帳軟體）
- 單元12 - Chrome Extension 實戰教學（表特分頁、臉書掰掰）
- 單元13 - 前端開發面試常見問題研討
- 單元14 - Google Map API / Facebook API 新手入門
- 單元15 - NodeJS 網路爬蟲入門實戰（PTT）
- 單元16 - NodeJS / Express / MongoDB 新手入門 JavaScript 後端開發（TodoApp 代辦事項）
- 單元17 - Electron 桌面應用程式開發入門（RSS Reader）
- 單元18 - JavaScript 主流前端函式庫/框架簡介與 ReactJS 入門初體驗（TodoApp 代辦事項）
- 單元19 - React Native 行動應用程式開發入門（Naitve Mobile App）
- 單元20 - JavaScript IoT 應用入門
- 單元21 - WebVR 入門
- Fetch
- Firebase
- NewTab