PartI:Web 前端程式設計-JavaScript & JQuery
CH1 Web基礎概念
► Web 技術前端技術架構簡介
► HTML 簡介與Tag 概念
► CSS 簡介與Style 屬性
CH2 JavaScript 程式語言
► 關於JavaScript
► 開發方式與除錯方法
► JavaScript 操作HTML DOM & Browser Object Model
► JavaScript 變數 & 基本資料型態
► JavaScript運算式與運算子
► JavaScript物件 型態
► JavaScript陣列 型態
► JavaScript函式
- call by value & call by reference式
- Self-Invoking Functions
- Nested Function
- Function Closures
► JavaScript 數值處理與型別轉換
► JavaScript Array Methods
- push , pop, split, map ,…
► JavaScript Timing Events
► JavaScript類別定義 (Object with property and method)
► JSON資料格式與處理
► Image Map
CH3 使用JQuery
► JQuery簡介
► JavaScript vs JQuery
► JQuery selectors
► JQuery操作HTML DOM
► JQuery操作CSS
► JQuery Form表單處理
► HTTP GET vs HTTP POST
► JQuery AJAX
PartII:Web 後端程式開發-Node.js
CH1 關於Node.js
► 非同步式 I/O 與事件式程式設計
► 安裝Node.js
► Node Package Manage-npm
► 製作package.json
► 我的第一個node.js "Hello world"
CH2 Node.js HTTP 請求與回應
► Node.js 處理HTTP Get & Post
► Express HTTP Server提供靜態檔案
► 用Express處理HTTP Get & Post
CH3 Node.js 其他模組
► Child Process Module
► File System Module
► Net Module-Socket 網路通訊
CH4 HTML Template Engine
► Why use Template Engine ?
► Handlebars.js Template Engine
► Handlebars.js 的運作流程說明
► Client Side HTML範本引擎 (Template Engine)
► 實驗 Handlebars.js
CH5 The WebSocket Protocol
► 各種Web 通訊方法
► Long Polling技術
► Lab:實驗: Websocket 前後端通訊
► Lab:實驗: 建立多人聊天室
CH6 MongoDB
► MongoDB 簡介與使用
► Node.js 操作MongoDB
► Lab實驗: 使用Node.js 進行新增/查詢/更新/刪除 MongoDB
CH7 Node.js Serial 序列資料讀取 (new!)
► Node.js 讀取Micro:bit 資料使用序列界面
► Canvas.js 動態折線圖結
► Lab實驗: 使用瀏覽器顯示Micro:bit狀態(A,B按鍵與加速度計值)
• 課程所附教材 : 精編講義、範例程式碼