Skip to content

kdchang/javascript101

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#/ 從零開始學 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

About

JavaScript101 Course sample code

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published