HTML5框架開發(fā)實戰(zhàn)培訓(xùn)
課程簡介：
一網(wǎng)打盡HTML5時代客戶端、Web端和服務(wù)后臺的所有技術(shù)
最新研發(fā)的HTML5操作系統(tǒng)的內(nèi)幕是什么？
HTML5的核心和力量到底在哪里到底在哪里？
HTML5真正的新特性是什么？
如何調(diào)試HTML5？
HTML5中如何使用PUSH技術(shù)？
HTML5中的Canvas到底有什么神奇的力量？
HTML5的音視頻給多媒體開發(fā)帶來了怎樣的影響？
HTML5的多線程、本地存儲、離線存儲、地理位置等背后的密碼是什么？
HTML5開發(fā)框架PhoneGap背后的密碼是什么？
PhoneGap技術(shù)的本源是什么？
如何隨心所欲的使用PhoneGap？
如何是HTML5頁面完全和Native App類似？
如何徹底洞悉jQuery Mobile？
Ajax在HTML5價值到底在哪里？
在HTML5時代，如何應(yīng)對高并發(fā)的服務(wù)請求？
如何在服務(wù)器端和客戶端打在完美的并發(fā)非同步處理方案？
本課程講徹底解答上述所有的問題，全部內(nèi)容至簡而實，采用代碼驅(qū)動，把HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js的秘密向您娓娓道來。
課程目標(biāo)：
本課程涵蓋HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js等一些列HTML5相關(guān)技術(shù)，重在強調(diào)代碼的實戰(zhàn)能力以及背后的原理分析。
掌握本課程后，能夠完全勝任任意需求的HTML5+CSS3+PhoneGap+Ajax+jQuery Mobile+Node.js的HTML5時代的開發(fā)。

培訓(xùn)對象：
尤其適合于金融機構(gòu)、互聯(lián)網(wǎng)公司、智能終端開發(fā)者；
傳統(tǒng)Web開發(fā)人員；
傳統(tǒng)的智能手機，例如Android的開發(fā)人員；
想學(xué)習(xí)HTML5的人員；
?
課題
Day1
第1個主題：HTML5技術(shù)和商業(yè)思考
1,1 HTML5的目標(biāo)；
1,2 無法拒絕使用HTML5的原因；
1,3 可以放心使用HTML5的原因；
第2個主題：HTML5時代的商業(yè)機會和變革
2.1 HTML5時代新的商業(yè)模式；
2.2 HTML5與傳統(tǒng)的Native App；
2.3 HTML5講給整個IT界帶來全新的變革；
第3個主題：通過一個Blog實例實戰(zhàn)HTML5&CSS3
3.1 實戰(zhàn)HTML5新增頁面元素；
3.2 實戰(zhàn)HTML5中的表單；
3.3 實戰(zhàn)HTML5中的Canvas
3.4 實戰(zhàn)html 5頁面中視頻和音頻
3.5 CSS3技術(shù)實戰(zhàn)
第4個主題：本地存儲
4.1 web storage剖析
4.2 簡單web留言本
4.3 作為簡易數(shù)據(jù)庫來利用
4.4 本地數(shù)據(jù)庫的基本概念
4.5 用executesql來執(zhí)行查詢
4.6 使用數(shù)據(jù)庫實現(xiàn)web留言本
4.7 transaction方法中的處理
第5個主題：離線應(yīng)用程序
5.1 離線web應(yīng)用程序
5.2 新增的本地緩存
5.3 本地緩存與瀏覽器網(wǎng)頁緩存的區(qū)別
5.4 manifest文件
5.5 瀏覽器與服務(wù)器的交互過程
5.6 applicationcache對象
5.7 swapcache方法
5.8 applicationcache對象的事件

第6個主題：通信API
6.1 跨文檔消息傳輸
6.2 跨文檔消息傳輸示例
6.3 web sockets通信
6.4 使用web sockets api
6.5 web sockets api使用示例
6.6 發(fā)送對象
第7個主題: 使用web workers處理線程
7.1使用web workers處理線程
7.2 與線程進(jìn)行數(shù)據(jù)的交互
7.3 線程嵌套
7.4 單層嵌套
7.5 在多個子線程中進(jìn)行數(shù)據(jù)的交互
7.6 線程中可用的變量、函數(shù)與類
第8個主題:獲取地理位置信息
8.1 geolocation api的基本知識
8.2 取得當(dāng)前地理位置
8.3 持續(xù)監(jiān)視當(dāng)前地理位置的信息
8.4停止獲取當(dāng)前用戶的地理位置信息
8.5 position對象
8.6在頁面上使用google地圖
第9個主題：PhoneGap的商業(yè)思考
9,1 PhoneGap的目標(biāo)
9,2 PhoneGap與HTML5
9,3 PhoneGap與Android等本地系統(tǒng)
第10個主題：PhoneGap的技術(shù)思考
10,1? PhoneGap的架構(gòu)藝術(shù)
10,2 PhoneGap與HTML5、CSS3、JavaScript的關(guān)系
10.3 PhoneGap與智能手機的核心功能——包括相機、文件訪問、地理定位，加速器，聯(lián)系人，聲音和振動等
10.4 PhoneGap的優(yōu)勢和劣勢
Day2
第11個主題：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個主題：安裝PhoneGap開發(fā)第一個PhoneGap程序
12.1 安裝PhoneGap SDK
12.2 PhoneGap庫的加入
12.3 JavaScript的構(gòu)建
12.4 Assert下HTML文件的構(gòu)建
12.5 編寫配置文件
12.6 打包、安裝、運行第一個PhoneGap程序
第13個主題：PhoneGap案例開發(fā)實戰(zhàn)
13.1通過Connection測試網(wǎng)絡(luò)鏈接
13.2 通過Accelerometer來采集設(shè)備的動作
13.3 通過Compass獲得當(dāng)前設(shè)備的方向
13.4 PhoneGap 操作本地系統(tǒng)的Camera
13.5 PhoneGap其它的本地API
第14個主題：使用HTTP&AJAX和遠(yuǎn)程服務(wù)器端溝通；
14.1 Ajax在HTML5時代的價值；
14.2 HTTP&AJAX實戰(zhàn)；
第15個主題：徹底洞悉jQuery Mobile
15.1 jQuery Mobile設(shè)計的技術(shù)思考和商業(yè)思考
15.2 jQuery Mobile入門初體驗；
15.3 使用頁眉、工具欄和標(biāo)簽欄；
15.4 jQuery Mobile中的表單和按鈕；
15.5 jQuery Mobile中的列表；
15.6 jQuery Mobile和CSS結(jié)合；
15.7 jQuery Mobile 主題；
15.8 jQuery Mobile的API
15.9 和服務(wù)器集成；
15.10 jQuery Mobile和HTML5開發(fā)框架PhoneGap結(jié)合；
第16個主題：Node.js實戰(zhàn)高并發(fā)和非阻塞式的服務(wù)端
16.1 Node.js的思考；
16.2 Node.js開發(fā)環(huán)境安裝；
16.3 Node.js開發(fā)實戰(zhàn)
第17個主題：Node.js和WebSocket的整合；
17.1 使用Node.js和WebSocket打造非同步處理機制及其重大價值；
17.2 使用Node.js和WebSocket打造非同步處理機制案例實戰(zhàn)

?

?

?

?

?

?
?

?

?