init commit

kdchang · Apr 4, 2017 · 51393ea · 51393ea
commit 51393ea
Show file tree

Hide file tree

Showing 4 changed files with 83 additions and 0 deletions.
diff --git a/BeautyPlus b/BeautyPlus
diff --git a/Currency/index.html b/Currency/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Document</title>
+</head>
+<body>
+	<select>
+		<option>台幣換美元</option>
+		<option>美元換台幣</option>
+	</select>
+	<form>
+	<input type="text" name="currency">
+	<div id="result"></div>
+	<button>換算</button>
+
+	<input type="text" name="currency">
+	<div id="result"></div>
+	<button>換算</button>	
+	<script type="text/javascript" src="main.js"></script>
+</body>
+</html>
diff --git a/Currency/main.js b/Currency/main.js
diff --git a/README.md b/README.md
@@ -0,0 +1,60 @@
+#/ 從零開始學 JavaScript（JavaScript 程式設計新手村）
+由淺入深系統性學習原生 JavaScript 和程式設計的重要觀念， 讓你不只會用 jQuery 還了解它背後使用的原理，並為未來離開新手村出發挑戰前端進階學習打好堅實基礎知識，培養自學各種前端框架和工具的能力。
+
+# 課程大綱（Syllabus）
+1. 單元1 JavaScript 程式設計初體驗（Pokemon Fight 精靈快打）
+
+2. 單元2 JavaScript 開發環境建置、Github 與瀏覽器 DevTool 教學 
+
+3. 單元3 實戰範例：匯率計算應用程式（JavaScript 函數 Function 基礎） 
+
+4. 單元4 實戰範例：TodoList 代辦事項應用程式（JavaScript 函數 Function 基礎）
+
+5. 單元5 實戰範例：線上碼表（BOM & DOM 操作基礎與事件處理 Event Handle、Settimeout） 
+
+6. 單元6 實戰範例：蟲蟲大戰：打蚊子遊戲（BOM & DOM 操作基礎與事件處理 Event Handle）  
+
+7. 單元7 實戰範例：幻燈片相簿（BOM & DOM 操作基礎與事件處理 Event Handle）  
+
+8. 單元8 實戰範例：政府開放資料 API 範例（流程控制、Ajax / JSON 基礎介紹）
+
+9. 單元9 實戰範例：jQuery 入門範例（套件使用）
+
+10. 單元10 實戰範例：部屬 JavaScript 應用程式到 Github Page
+
+11. 單元11 實戰範例：Chrome Extensions 基礎（表特分頁：Cookie、LocalStorage/SessionStorage 本地端資料儲存）
+
+12. 單元12 實戰範例：Chrome Extensions 應用（Content Script）
+
+13. 單元13 實戰範例：上架自己的 Chrome Extensions
+
+14. 單元14 實戰範例：NodeJS Web 基礎（MVC）
+
+15. 單元15 實戰範例：NodeJS Web 基礎（Sequelize）
+
+16. 單元16 實戰範例：NodeJS Web 基礎前後端分離（TodoList）
+
+17. 單元17 實戰範例：NodeJS 與 Socket.io 基礎（雲端聊天室）
+
+18. 單元18 實戰範例：部屬到應用程式 Heroku 雲端伺服器
+
+19. 募資金額 100% 解鎖：前端開發面試常見問題研討
+
+20. 募資金額 200% 解鎖：NodeJS Google Map API / Facebook API 新手入門
+
+21. 募資金額 400% 解鎖：NodeJS 網路爬蟲爬取動態網頁入門實戰 
+
+22. 募資金額 600% 解鎖：NodeJS / Express / MongoDB 新手入門 JavaScript 後端開發
+
+23. 募資金額 800% 解鎖：Electron 桌面應用程式開發入門（beauty+）
+
+24. 募資金額 1000% 解鎖：JavaScript ReactJS 應用程式開發入門初體驗
+
+# 實戰教學（Examples）
+- [X] Fetch
+- [X] Firebase
+- [X] NewTab
+
+
+
+