HTML5 軟件開發: Mobile, Web & Cloud 設計模式

”HTML5 將移動終端與雲計算融為一體，所以它不只是技術，更是一種新概念，是一種各行各業都要把服務往移動終端整合的新概念”

: 為什麼要參加本講座？

1. 學習HTML5，即Mobile + Cloud的軟體架構與設計模式
2. 學習HTML5與JavaScript程式碼的整合與組織模式
3. 建立HTML5應用開發的基本能力

: 由商業機會與新技術切入
課程一開始，先說明HTML5的說明機會與新技術組成，再逐一介紹技術細節

: 了解HTML5與雲端如何結合
介紹如何將網站平台化，使用JSON 製作Server-Side APIs

: JavaScript in HTML5 開發
本講座以數個Design Pattern ，說明其與HTML5 的整合技術

目錄

● 課程大綱
● 先備知識
● 適合對象
● 課程團隊
● 課程時數
● 如何參加

HTML5 軟件開發: Mobile, Web & Cloud 設計模式 (課程大綱)

1. HTML5 商機機會與改變	• HTML5 時代的新商業模式 • HTML5 能取代傳統 Native App 做法嗎？ • HTML5 將再改變科技生態 • 成功的 HTML5 案例	30 mins
2. HTML5 架構思惟	• All in JavaScript • Architect of Device & Cloud • Open Platform & API	30 mins
3. 再談 WOA (Web-Oriented Architect)	• Device-Server 設計模式 • Async & Offline 將是主流架構 • JavaScript Prototype 王者歸來？	30 mins
4. PhoneGap的秘密	• JavaScript 也能調用 Device API • PhoneGap如何控制手機週邊 • Accelerometer App 實例 • Camera App 實例 • PhoneGap API 文件導讀	30 mins
5. HTML5 & Mobile UI Pattern	• 桌上出版網頁vs手機版網頁 • 使用jQuery Mobile • 使用ViewPort • 幾個 UI Design Pattern	30 mins
6. HTML5 的靈魂：All in JavaScript	• JavaScript 重點提示：Functions, Callback, Module & Exceptions • JavaScript 面向對象：Objects, Inheritance, Prototype, DOM • Server-Side JavaScript: Node.js • Node.js 使用案例 (Use Case)	60 mins
7. JavaScript 與瀏覽器: The Design Pattern	• Creational Pattern • jQuery & Modular Pattern • Asynchronous Module in Browser	30 mins
8. Organizing JavaScript Code, HTML5, AJAX and JSON	• AJAX Pattern • ‘div’ element & Dynamic data • Separate View and Control: the MVC Model	30 mins
9. JSON與Open API	• 平臺化 (Platform) 的網站架構 • 使用 JSON 開發 Server Side APIs • 深入 Open API 設計模式 • 解析 JSON	30 mins
10. NodeJS與WebSocket	• NodeJS&WebSocket異步處理技術 • NodeJS&WebSocket範例與教學 • 實例研究	30 mins

先備知識

● HTML5 標籤
● JavaScript 基本語法

適合對象

● 手機 App 開發人員
● Web 開發人員
● 美工設計人員
● 圖書出版與編輯
● 媒體業人員
● 有意以HTML5開發應用的業者