面向Web Cloud的HTML5 App開發實戰：Browser&HTML5&CSS3&PhoneGap&jQuery Mobile& WebSocket&Node.js（3天）

課程簡介：

22個HTML5主題一次性貫穿HTML5的一切技術；

一網打盡HTML5時代Device、（裝置端）、Browser（浏覽器）和Cloud（浏覽器）的所有技術；

以浏覽器定制技術為基礎，通曉HTML5+CSS3+PhoneGap+WebSocket +jQuery Mobile +Node.js等HTML5的六大核心技術；

      最新研發的HTML5作業系統的内幕是什麼？

HTML5的核心和力量到底在哪裡？

      HTML5的架構思維是什麼？

       為何是All in JavaScript？

如何定制浏覽器？

為何定制浏覽器是了解HTML5技術本質的起點和終點？

為什麼JavaScript和本地API是的互動是了解HTML5關鍵？

      HTML5真正的新特性是什麼？

       如何調試HTML5？

       HTML5中如何使用PUSH技術？

       HTML5中的Canvas到底有什麼神奇的力量？

       HTML5的音視訊給多媒體開發帶來了怎樣的影響？

       HTML5的多線程、本地存儲、離線存儲、地理位置等背後的密碼是什麼？

HTML5開發架構PhoneGap背後的密碼是什麼？

PhoneGap技術的本源是什麼？

如何随心所欲的使用PhoneGap？

如何擴充PhoneGap的功能？

PhoneGap的Plugin背後又有什麼驚天的商業密碼？

如何是HTML5頁面完全和Native App類似？

如何徹底洞悉jQuery Mobile？

Ajax在HTML5價值到底在哪裡？

JSON是如何把Native API、Ajax、Node.js等連接配接在一起的？

在HTML5時代，如何應對高并發的服務請求？

如何在伺服器端和用戶端打在完美的并發非同步處理方案？

本課程講徹底解答上述所有的問題，全部内容至簡而實，采用代碼驅動，把HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js的秘密向您娓娓道來。

課程目标：

本課程涵蓋HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js等一些列HTML5相關技術，重在強調代碼的實戰能力以及背後的原理分析。

掌握本課程後，能夠完全勝任任意需求的HTML5+CSS3+JavaScript+PhoneGap+Ajax+jQuery Mobile+Node.js的HTML5時代的開發。

具體來說：

定制浏覽器并具備開放html5浏覽器的能力；

掌握HTML5等多線程、本地存儲等所有的新特性技術；

學會以 JavaScript 編寫 Device-side的App；

學會以 PhoneGap 整合 Native API；

　　學會以 Node.js 開發 Server-side 服務 (Cloud)；

      具體HTML5深刻的洞察力和商業視角；

教育訓練對象：

       尤其适合于金融機構、網際網路公司、智能終端開發者；

       手機App開發人員

傳統Web開發人員；

架構師；

      傳統的智能手機，例如Android的開發人員；

       想學習HTML5的人員；

浏覽器定制人員；

美工開發人員；

媒體機構；

時間	內  容	備注
第一天	第1個主題：HTML5 架構思維 1,1 All in JavaScript 1,2 Architect of Device & Cloud 1,3 Open Platform & API 第2個主題：HTML5時代的商業機會和變革 2,1 HTML5和以前的HTML的不同； 2.2 HTML5時代新的商業模式； 2.3 HTML5與傳統的Native App； 2.4 HTML5将給整個IT界帶來全新的變革； 第3個主題：通過一個Blog執行個體實戰HTML5&CSS3 3.1 實戰HTML5新增頁面元素； 3.2 實戰HTML5中的表單； 3.3 實戰HTML5中的Canvas 3.4 實戰html 5頁面中視訊和音頻 3.5 CSS3技術實戰 第4主題：浏覽器開發和自定義 4.1 浏覽器定制和開發的核心原理剖析 4.2 浏覽器定制和開發的技術手段剖析 4.3 浏覽器定制和開發實戰 第5主題：浏覽器定制技術基石：WebView下JavaScript如何與本地API進行互相調用 5.1  以Android系統為例探讨制作Android界面的新大陸 5.2  浏覽器的JavaScriptInterface 5.3  本地API調用Javascript 5.4  Javascript調用本地API 第6個主題: HTML5的多線程技術 6.1為什麼HTML5的多線程技術是Device端程式設計的一項革命 6.2 WebWorker的原理和機制 6.3 Dedicated Worker和Shared Worker詳解 6.4 工作線程生命周期 6.5 通過背景數值計算、共享線程、線程代理等實戰多線程技術； 第7個主題： HTML5的離線應用和本地存儲功能詳解 7.1 問題場景：如何在飛機上離線辦公？ 7.2 離線應用三要點：伺服器、配置檔案、更新 7.3 使用Local Storage和Session Storage； 7.4 使用資料庫； 7.5 解決飛機上離線辦公的最後一個問題：監聽線上事件； 第8個主題：HTML5革命性的特征：Web Socket 8.1 傳統的Client-Server的通信方式 8.2 HTML5時代的Device-Cloud的通信方式 8.3 為什麼這是革命性的 8.4 Web Socket與Ajax的比較 8.5 Web Socket實戰 第9個主題:HTML5的其它新特性和浏覽器的相容性問題 9.1 新的Tag的核心原理和意義 9.2 GeoLocation擷取地理位置資訊 9.3 WebGL進行3G繪圖 9.4 HTML5浏覽器相容性問題的根源 9.5 如何解決HTML5浏覽器相容性問題？
時間	內  容	備注
第二天	第10個主題：PhoneGap的架構和商業思考 10.1  PhoneGap的架構藝術 10.2  PhoneGap與HTML5、CSS3、JavaScript的關系 10.3  PhoneGap與智能手機的核心功能——包括相機、檔案通路、地理定位，加速器，聯系人，聲音和振動等 10.4  PhoneGap的優勢和劣勢 第11個主題：PhoneGap架構的技術基石是什麼？ 11,1 使用WebView 11,2 在WebView中使用JavaScript 11.3 建立本地Java API 11.4 使用JavaScriptInterface 11.5 JavaScript調用Java 11.6 Java調用JavaScript 11.7 PhoneGap是如何使用JavaScriptInterface的 第12個主題：安裝PhoneGap開發第一個PhoneGap程式并徹底剖析該程式 12.1 安裝PhoneGap SDK; 12.2 PhoneGap庫的加入 12.3 JavaScript的建構 12.4 Asset下HTML檔案的建構 12.5 編寫配置檔案 12.6 打包、安裝、運作第一個PhoneGap程式 12.7 徹底剖析PhoneGap程式的運作原理、流程、機制等 第13個主題：PhoneGap案例開發實戰 13.1通過Connection測試網絡連結 13.2 通過Accelerometer來采集裝置的動作 13.3 通過Compass獲得目前裝置的方向 13.4 PhoneGap 操作本地系統的Camera 13.5 PhoneGap其它的本地API; 第14個主題：PhoneGap的Plugin開發 14.1如何擴充PhoneGap的功能？ 14.2 IPlugin接口 14.3 Proxy-Stub模式在Plugin開發中的應用及價值 14.4 Plugin開發中如何控制硬體廠商和Web開發者 14.5 Plugin核心代碼剖析及開發實戰 第15個主題：使用HTTP&AJAX和遠端伺服器端溝通 15.1 Ajax在HTML5時代的價值； 15.2 HTTP&AJAX實戰； 第16個主題：JSON與JavaScript珠聯璧合 16.1 剖析JSON； 16.2 JavaScript解析JSON實戰； 16.3 Java解析JSON實戰； 16.4 JSON：HTML5、本地API、Ajax 第17個主題：徹底洞悉jQuery Mobile 17.1 jQuery Mobile設計的技術思考和商業思考 17.2 jQuery Mobile入門初體驗； 17.3 使用頁眉、工具欄和标簽欄； 17.4 jQuery Mobile中的表單和按鈕； 17.5 jQuery Mobile中的清單； 17.6 jQuery Mobile和CSS結合； 17.7 jQuery Mobile主題； 17.8 jQuery Mobile的API; 17.9 和伺服器內建； 17.10 jQuery Mobile和HTML5開發架構PhoneGap結合；
時間	内容	備注
第三天	第18個主題：Node.js的架構理念、技術基石以及如何應對HTTP和TCP協定 18.1 Node.js的架構 18.2 Node.js中多線程和Callback為何如此重要？ 18.3 Node.js使用案例賞析 18.4 Node.js中WebServer和TCPServer實戰 第19個主題：Node.js實戰高并發和非阻塞式的服務端 19.1 Blocking和Non-Blocking 19.2 Event-Driven機制 19.3 Node.js開發實戰 第20個主題：Node.js和WebSocket的整合； 20.1 使用Node.js和WebSocket打造非同步處理機制及其重大價值； 20.2使用Node.js和WebSocket打造非同步處理機制經典模式 20.3使用Node.js和WebSocket打造非同步處理機制經典案例 第21個主題：HTML5遊戲開發案例； 21.1 HTML5尤其引擎 21.2遊戲的架構 21.3遊戲源碼剖析 第22個主題：HTML5的HyBrid開發案例 22.1 HyBrid的經典架構和技術 22.2案例架構 22.3代碼剖析