?面向Web?Cloud的HTML5?App開發(fā)實(shí)戰(zhàn)培訓(xùn)課程

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

課程大綱：

第一部分

第1個(gè)主題：HTML5?架構(gòu)思維

1,1?All?in?JavaScript

1,2?Architect?of?Device?&?Cloud

1,3?Open?Platform?&?API

第2個(gè)主題：HTML5時(shí)代的商業(yè)機(jī)會(huì)和變革

2,1?HTML5和以前的HTML的不同；?

2.2?HTML5時(shí)代新的商業(yè)模式；

2.3?HTML5與傳統(tǒng)的Native?App；

2.4?HTML5將給整個(gè)IT界帶來全新的變革；

第3個(gè)主題：通過一個(gè)Blog實(shí)例實(shí)戰(zhàn)HTML5&CSS3

3.1?實(shí)戰(zhàn)HTML5新增頁面元素；

3.2?實(shí)戰(zhàn)HTML5中的表單；

3.3?實(shí)戰(zhàn)HTML5中的Canvas?

3.4?實(shí)戰(zhàn)html?5頁面中視頻和音頻

3.5?CSS3技術(shù)實(shí)戰(zhàn)

第4主題：瀏覽器開發(fā)和自定義

4.1?瀏覽器定制和開發(fā)的核心原理剖析

4.2?瀏覽器定制和開發(fā)的技術(shù)手段剖析

4.3?瀏覽器定制和開發(fā)實(shí)戰(zhàn)

第5主題：瀏覽器定制技術(shù)基石：WebView下JavaScript如何與本地API進(jìn)行相互調(diào)用

5.1??以Android系統(tǒng)為例探討制作Android界面的新大陸

5.2??瀏覽器的JavaScriptInterface

5.3??本地API調(diào)用Javascript

5.4??Javascript調(diào)用本地API

第6個(gè)主題:?HTML5的多線程技術(shù)

6.1為什么HTML5的多線程技術(shù)是Device端編程的一項(xiàng)革命

6.2?WebWorker的原理和機(jī)制

6.3?Dedicated?Worker和Shared?Worker詳解

6.4?工作線程生命周期

6.5?通過后臺(tái)數(shù)值計(jì)算、共享線程、線程代理等實(shí)戰(zhàn)多線程技術(shù)；

第7個(gè)主題：?HTML5的離線應(yīng)用和本地存儲(chǔ)功能詳解

7.1?問題場(chǎng)景：如何在飛機(jī)上離線辦公？

7.2?離線應(yīng)用三要點(diǎn)：服務(wù)器、配置文件、更新

7.3?使用Local?Storage和Session?Storage；

7.4?使用數(shù)據(jù)庫；

7.5?解決飛機(jī)上離線辦公的最后一個(gè)問題：監(jiān)聽在線事件；

第8個(gè)主題：HTML5革命性的特征：Web?Socket

8.1?傳統(tǒng)的Client-Server的通信方式?

8.2?HTML5時(shí)代的Device-Cloud的通信方式?

8.3?為什么這是革命性的

8.4?Web?Socket與Ajax的比較?

8.5?Web?Socket實(shí)戰(zhàn)

第9個(gè)主題:HTML5的其它新特性和瀏覽器的兼容性問題

9.1?新的Tag的核心原理和意義?

9.2?GeoLocation獲取地理位置信息

9.3?WebGL進(jìn)行3G繪圖

9.4?HTML5瀏覽器兼容性問題的根源

9.5?如何解決HTML5瀏覽器兼容性問題？

第二部分

第10個(gè)主題：PhoneGap的架構(gòu)和商業(yè)思考

10.1??PhoneGap的架構(gòu)藝術(shù)

10.2??PhoneGap與HTML5、CSS3、JavaScript的關(guān)系

10.3??PhoneGap與智能手機(jī)的核心功能——包括相機(jī)、文件訪問、地理定位，加速器，聯(lián)系人，聲音和振動(dòng)等

10.4??PhoneGap的優(yōu)勢(shì)和劣勢(shì)

第11個(gè)主題：PhoneGap框架的技術(shù)基石是什么？

11,1?使用WebView

11,2?在WebView中使用JavaScript

11.3?創(chuàng)建本地Java?API

11.4?使用JavaScriptInterface

11.5?JavaScript調(diào)用Java

11.6?Java調(diào)用JavaScript

11.7?PhoneGap是如何使用JavaScriptInterface的

第12個(gè)主題：安裝PhoneGap開發(fā)第一個(gè)PhoneGap程序并徹底剖析該程序

12.1?安裝PhoneGap?SDK;

12.2?PhoneGap庫的加入

12.3?JavaScript的構(gòu)建

12.4?Asset下HTML文件的構(gòu)建

12.5?編寫配置文件

12.6?打包、安裝、運(yùn)行第一個(gè)PhoneGap程序

12.7?徹底剖析PhoneGap程序的運(yùn)行原理、流程、機(jī)制等

第13個(gè)主題：PhoneGap案例開發(fā)實(shí)戰(zhàn)

13.1通過Connection測(cè)試網(wǎng)絡(luò)鏈接

13.2?通過Accelerometer來采集設(shè)備的動(dòng)作

13.3?通過Compass獲得當(dāng)前設(shè)備的方向

13.4?PhoneGap?操作本地系統(tǒng)的Camera

13.5?PhoneGap其它的本地API;

第14個(gè)主題：PhoneGap的Plugin開發(fā)

14.1如何擴(kuò)展PhoneGap的功能？

14.2?IPlugin接口

14.3?Proxy-Stub模式在Plugin開發(fā)中的應(yīng)用及價(jià)值

14.4?Plugin開發(fā)中如何控制硬件廠商和Web開發(fā)者

14.5?Plugin核心代碼剖析及開發(fā)實(shí)戰(zhàn)

第15個(gè)主題：使用HTTP&AJAX和遠(yuǎn)程服務(wù)器端溝通

15.1?Ajax在HTML5時(shí)代的價(jià)值；

15.2?HTTP&AJAX實(shí)戰(zhàn)；

第16個(gè)主題：JSON與JavaScript珠聯(lián)璧合

16.1?剖析JSON；

16.2?JavaScript解析JSON實(shí)戰(zhàn)；

16.3?Java解析JSON實(shí)戰(zhàn)；

16.4?JSON：HTML5、本地API、Ajax

第17個(gè)主題：徹底洞悉jQuery?Mobile

17.1?jQuery?Mobile設(shè)計(jì)的技術(shù)思考和商業(yè)思考

17.2?jQuery?Mobile入門初體驗(yàn)；

17.3?使用頁眉、工具欄和標(biāo)簽欄；

17.4?jQuery?Mobile中的表單和按鈕；

17.5?jQuery?Mobile中的列表；

17.6?jQuery?Mobile和CSS結(jié)合；

17.7?jQuery?Mobile主題；

17.8?jQuery?Mobile的API;

17.9?和服務(wù)器集成；

17.10?jQuery?Mobile和HTML5開發(fā)框架PhoneGap結(jié)合；

第三部分

第18個(gè)主題：Node.js的架構(gòu)理念、技術(shù)基石以及如何應(yīng)對(duì)HTTP和TCP協(xié)議

18.1?Node.js的架構(gòu)

18.2?Node.js中多線程和Callback為何如此重要？

18.3?Node.js使用案例賞析

18.4?Node.js中WebServer和TCPServer實(shí)戰(zhàn)

第19個(gè)主題：Node.js實(shí)戰(zhàn)高并發(fā)和非阻塞式的服務(wù)端

19.1?Blocking和Non-Blocking

19.2?Event-Driven機(jī)制

19.3?Node.js開發(fā)實(shí)戰(zhàn)

第20個(gè)主題：Node.js和WebSocket的整合；

20.1?使用Node.js和WebSocket打造非同步處理機(jī)制及其重大價(jià)值；

20.2使用Node.js和WebSocket打造非同步處理機(jī)制經(jīng)典模式

20.3使用Node.js和WebSocket打造非同步處理機(jī)制經(jīng)典案例

第21個(gè)主題：HTML5游戲開發(fā)案例；

21.1?HTML5尤其引擎

21.2游戲的架構(gòu)

21.3游戲源碼剖析

第22個(gè)主題：HTML5的HyBrid開發(fā)案例

22.1?HyBrid的經(jīng)典架構(gòu)和技術(shù)

22.2案例架構(gòu)

22.3代碼剖析

?