HTML5 App 與 Cloud 整合開發: All in JavaScript (課程大綱)
| 1. Web 導向手機軟體架構 |
1.1 認識 Web-Oriented Architecture (WOA) 1.2 移動裝置與雲端運算 1.3 綜觀 WOA 的應用技術 1.4 WOA 手機軟體架構實務 |
2. JavaScript 特性與重點 |
2.1 JavaScript 語法重點教學 2.2 Objects ＆ Functions 2.3 Callback, Module & Exceptions 2.4 Inheritance & Prototype 2.5 Introducing JavaScript DOM 2.6 Debugging JavaScript |
| 3. 第一個 PhoneGap 應用程式 |
3.1 撰寫 HTML5+PhoneGap 網頁 3.2 製作 iPhone/Android app 3.3 寫一次到處可用 (write once run anywhere) |
| 4. PhoneGap API 實務 |
4.1 PhoneGap 如何控制手機週邊 4.2 Accelerometer App 實例 4.3 Camera App 實例 4.4 PhoneGap API 手冊導讀 |
| 5. PhoneGap 擴充插件 |
5.1 如何擴展 PhoneGap 功能 5.2 PhoneGap 插件開發 |
| 6. HTML5 手機 App 測試與除錯 |
6.1 如何除錯 HTML5 App 6.2 如何除錯 JavaScript 6.3 使用 QUnit 測試單元 6.4 遠端除錯 |
| 7. 製作 HTML5 手機 UI |
7.1 使用 xui 7.2 使用 jQuery Mobile 7.3 使用 AJAX 讀取遠端資料 7.4 撰寫手機版 HTML5 網頁 7.5 Doctype 與 Viewport |
| 8. JSON & JavaScript 整合應用 |
8.1 JSON 介紹與撰寫 8.2 Javascript 解析 JSON 8.3 JSON 與 HTML5 表格處理 8.4 JSON 應用實例 8.5 Organizing JavaScript Code, HTML5, AJAX and JSON 8.6 AJAX Pattern 8.7 ‘div’ element & Dynamic data |
| 9. Node.js 基本觀念 |
9.1 Node.js 應用軟體架構 9.2 Node.js 使用案例 (Use Case) 9.3 非同步處理 (Async Control) |
| 10. “Hello, World” of Node.js |
10.1 Server-side Javascript 10.2 撰寫 HTTP Server 10.3 Event-driven 架構 10.4 Callbacks |
| 11. HTML5 與 Node.js |
11.1 撰寫 HTML5/Node.js 網頁 11.2 HTML5 與 Server-side 11.3 使用案例 (Case Cases) |
| 12. Blocking and Non-blocking |
12.1 Request handlers 12.2 Non-block requests 12.3 處理 GET/POST requests 12.4 Route requests 12.5 事件處理 (Event listening) |
| 13. Node.js 進階觀念 |
13.1 Node.js Procedss 13.2 如何 Spawn child process 13.3 Proxying Node.js 13.4 Protocol parser 實作 |
| 14. Node.js IO 處理 |
14.1 如何與資料庫整合 14.2 檔案處理 (Filesystem I/O) 14.3 Stream buffer 14.4 Raw buffer 14.5 其它 IO 處理 |
| 15. JavaScript Design Pattern |
15.1 Creational Pattern 15.2 jQuery & Modular Pattern 15.3 其它設計模式 15.4 MVC 模式 |
先備知識
- ● 了解基本的 C 或 JavaScript 語法
- ● 了解基本的 HTML4 或 HTML5 語法
適合對象
- ● HTML5 App 新手
課程目標
- ● 學會以 JavaScript 撰寫 Client-side (Device-side) App
- ● 學會以 PhoneGap 整合 Native API
- ● 學會以 Node.js 開發 Server-side 服務 (Cloud)
- ● 學習 JavaScript Design Patter
近期技術講座系列
-
2012.3.8: HTML5 App開發：Web導向手機軟體
採用 HTML5 標準開發 App 的方式是，先將 Web 應用程式設計好，再包裝成手機 App，即可安裝至手機運行。這種做法解決跨平臺的問題。本講座是從基礎開始，完整帶領學員了解 HTML5 App 的技術。
-
2012.1.11: Ice Cream Sandwich (Android 4.) 移植與框架
Android 4.0 源碼來了，掌握 Android 4.0 機會，您需在最短時間，完成 Android 4.0 Porting 工作，並了解 Android 2.3 與 Android 4.0 的架構差異。
-
2011.11.3: Multi-Core 嵌入式開發：ARM+Android 多核心軟硬體開發要領
Android產品開發，將正式進入多核心時代。本講座是「多核心Android+ARM軟硬體技術」的入門課程，本講座的目標：「1. 轉換至多核心ARM平臺，軟體如何設計？」，「2. 轉換至多核心ARM平臺，硬體設計有何差異？」
學 HTML5 & Android 找仕橙
公開課程時間表，請參閱「仕橙3G教室」。
Android Framework Complete (AFC) 框架大全，提供手機廠的獨家超完整 Android 內訓課程，請參閱「Jollen's AFC」。
