kdchang/javascript101

JavaScript101 Course sample code

#/ 從零開始學 JavaScript（JavaScript 程式設計新手村） 由淺入深系統性學習原生 JavaScript 和程式設計的重要觀念， 讓你不只會用 jQuery 還了解它背後使用的原理，並為未來離開新手村出發挑戰前端進階學習打好堅實基礎知識，培養自學各種前端框架和工具的能力。

課程大綱（Syllabus）

1. 單元1 JavaScript 程式設計初體驗（Pokemon Fight 精靈快打）上

2. 單元2 JavaScript 程式設計初體驗（Pokemon Fight 精靈快打）下

3. 單元3 HTML/CSS 入門概論：註冊/登入表單（bootstrap）

4. 單元4 JavaScript 開發環境建置、Github 與瀏覽器 DevTool 教學

5. 單元5 實戰範例：TodoList 代辦事項應用程式（JavaScript 函數 Function 基礎）

6. 單元6 實戰範例：線上碼表（BOM & DOM 操作基礎與事件處理 Event Handle）

7. 單元7 實戰範例：蟲蟲大戰：打蚊子遊戲（BOM & DOM 操作基礎與事件處理 Event Handle）

8. 單元8 實戰範例：政府開放資料 API 範例（流程控制、Ajax / JSON 基礎介紹）

9. 單元9 實戰範例：政府開放資料 API 範例（流程控制、Ajax / JSON 基礎介紹）

10. 單元10 實戰範例：jQuery 入門範例

11. 單元11 實戰範例：jQuery 外掛開發入門：自動補完 AutoComplete

12. 單元12 實戰範例：jQuery 外掛開發入門：幻燈片相簿

13. 單元13 實戰範例：JavaScript 的 2D 打磚塊遊戲（Canvas）

14. 單元14 實戰範例：部屬 JavaScript 應用程式到網路

15. 單元15 實戰範例：Firebase 雲端資料庫基礎上（iRich 愛記帳）

16. 單元16 實戰範例：Firebase 雲端資料庫基礎下（iRich 愛記帳）

17. 單元17 實戰範例：NodeJS Web 基礎

18. 單元18 實戰範例：NodeJS 網路爬蟲，爬取 PTT 八卦版資料

19. 單元19 實戰範例：Chrome Extensions 基礎

20. 單元20 實戰範例：Chrome Extensions（表特分頁：Cookie、LocalStorage/SessionStorage 本地端資料儲存）

21. 單元21 實戰範例：上架自己的 Chrome Extensions

22. 募資金額 100% 解鎖：前端開發面試常見問題研討

23. 募資金額 200% 解鎖：NodeJS Google Map API / Facebook API 新手入門

24. 募資金額 400% 解鎖：NodeJS/PhantomJS 網路爬蟲爬取動態網頁入門實戰

25. 募資金額 600% 解鎖：NodeJS / Express / MongoDB 新手入門 JavaScript 後端開發

26. 募資金額 800% 解鎖：Electron 桌面應用程式開發入門（代辦事項清單）

27. 募資金額 1000% 解鎖：JavaScript ReactJS 應用程式開發入門初體驗

實戰教學（Examples）

• Fetch
• Firebase
• NewTab