”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開發應用的業者