https://github.com/kdchang/javascript101-lite
This is the lite version of JavaScript 101 Course
https://github.com/kdchang/javascript101-lite
Last synced: 4 months ago
JSON representation
This is the lite version of JavaScript 101 Course
- Host: GitHub
- URL: https://github.com/kdchang/javascript101-lite
- Owner: kdchang
- Created: 2017-04-04T23:42:25.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-03-28T14:40:18.000Z (over 6 years ago)
- Last Synced: 2025-04-30T20:05:50.800Z (8 months ago)
- Language: JavaScript
- Size: 42.3 MB
- Stars: 32
- Watchers: 4
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 從零開始學 JavaScript（JavaScript 程式設計新手村 Lite）
由淺入深系統性學習原生 JavaScript 和程式設計的重要觀念， 讓你不只會用 jQuery 還了解它背後使用的原理，並為未來離開新手村出發挑戰前端進階學習打好堅實基礎知識，培養自學各種前端框架和工具的能力。
# 課程大綱（Syllabus）
1. 單元1 JavaScript 程式設計初體驗（Pokemon Fight 精靈快打）
2. 單元2 JavaScript 開發環境建置、Github 與瀏覽器 DevTool 教學
3. 單元3 JavaScript 快速基礎入門（變數、流程控制、函式、物件）
4. 單元4 實戰範例：匯率計算應用程式（JavaScript 函數 Function 基礎）
5. 單元5 實戰範例：TodoList 代辦事項應用程式（JavaScript 函數 Function 基礎）
6. 單元6 實戰範例：倒數計時（BOM & DOM 操作基礎與事件處理 Event Handle、SetInterval）
7. 單元7 實戰範例：蟲蟲大戰：打蚊子遊戲（BOM & DOM 操作基礎與事件處理 Event Handle）
8. 單元8 實戰範例：幻燈片相簿（BOM & DOM 操作基礎與事件處理 Event Handle）
9. 單元9 實戰範例：政府開放資料 API 範例（流程控制、Ajax / JSON 基礎介紹）
10. 單元10 實戰範例：jQuery 入門範例（套件使用）
11. 單元11 實戰範例：部屬 JavaScript 應用程式到 Github Page
12. 單元12 實戰範例：Chrome Extensions 基礎（表特分頁，Ajax，Cookie，LocalStorage/SessionStorage 本地端資料儲存）
13. 單元13 實戰範例：上架自己的 Chrome Extensions
14. 單元14 實戰範例：NodeJS Web 基礎（Sequelize）
15. 單元15 實戰範例：NodeJS Web 基礎前後端分離（TodoList）
16. 單元16 實戰範例：NodeJS 與 Socket.io 基礎（雲端聊天室）
17. 單元17 實戰範例：NodeJS Web 基礎（Chatbot）
18. 單元18 實戰範例：部屬應用程式到 Heroku 雲端伺服器
19. 募資金額 100% 解鎖：前端開發面試常見問題研討
20. 募資金額 200% 解鎖：Google Map API / Facebook API 新手入門
21. 募資金額 400% 解鎖：NodeJS 網路爬蟲入門實戰
22. 募資金額 600% 解鎖：NodeJS / Express / MongoDB 新手入門 JavaScript 後端開發
23. 募資金額 800% 解鎖：Electron 桌面應用程式開發入門（beauty+）
24. 募資金額 1000% 解鎖：JavaScript ReactJS 應用程式開發入門初體驗