面向Web Cloud的HTML5 App開發實戰培訓課程

?面向Web?Cloud的HTML5?App開發實戰培訓課程

：Browser&HTML5&CSS3&PhoneGap&jQuery?Mobile&?WebSocket&Node.js

課程大綱：

第一部分

第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代碼剖析

?