HTML5框架開發(fā)實(shí)戰(zhàn)培訓(xùn)
課程簡(jiǎn)介:
一網(wǎng)打盡HTML5時(shí)代客戶端、Web端和服務(wù)后臺(tái)的所有技術(shù)
新研發(fā)的HTML5操作系統(tǒng)的內(nèi)幕是什么?
HTML5的核心和力量到底在哪里到底在哪里?
HTML5真正的新特性是什么?
如何調(diào)試HTML5?
HTML5中如何使用PUSH技術(shù)?
HTML5中的Canvas到底有什么神奇的力量?
HTML5的音視頻給多媒體開發(fā)帶來(lái)了怎樣的影響?
HTML5的多線程、本地存儲(chǔ)、離線存儲(chǔ)、地理位置等背后的密碼是什么?
HTML5開發(fā)框架PhoneGap背后的密碼是什么?
PhoneGap技術(shù)的本源是什么?
如何隨心所欲的使用PhoneGap?
如何是HTML5頁(yè)面完全和Native App類似?
如何徹底洞悉jQuery Mobile?
Ajax在HTML5價(jià)值到底在哪里?
在HTML5時(shí)代,如何應(yīng)對(duì)高并發(fā)的服務(wù)請(qǐng)求?
如何在服務(wù)器端和客戶端打在完美的并發(fā)非同步處理方案?
本課程講徹底解答上述所有的問題,全部?jī)?nèi)容至簡(jiǎn)而實(shí),采用代碼驅(qū)動(dòng),把HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js的秘密向您娓娓道來(lái)。
課程目標(biāo):
本課程涵蓋HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js等一些列HTML5相關(guān)技術(shù),重在強(qiáng)調(diào)代碼的實(shí)戰(zhàn)能力以及背后的原理分析。
掌握本課程后,能夠完全勝任任意需求的HTML5+CSS3+PhoneGap+Ajax+jQuery Mobile+Node.js的HTML5時(shí)代的開發(fā)。
培訓(xùn)對(duì)象:
尤其適合于金融機(jī)構(gòu)、互聯(lián)網(wǎng)公司、智能終端開發(fā)者;
傳統(tǒng)Web開發(fā)人員;
傳統(tǒng)的智能手機(jī),例如Android的開發(fā)人員;
想學(xué)習(xí)HTML5的人員;
?
課題
Day1
第1個(gè)主題:HTML5技術(shù)和商業(yè)思考
1,1 HTML5的目標(biāo);
1,2 無(wú)法拒絕使用HTML5的原因;
1,3 可以放心使用HTML5的原因;
第2個(gè)主題:HTML5時(shí)代的商業(yè)機(jī)會(huì)和變革
2.1 HTML5時(shí)代新的商業(yè)模式;
2.2 HTML5與傳統(tǒng)的Native App;
2.3 HTML5講給整個(gè)IT界帶來(lái)全新的變革;
第3個(gè)主題:通過一個(gè)Blog實(shí)例實(shí)戰(zhàn)HTML5&CSS3
3.1 實(shí)戰(zhàn)HTML5新增頁(yè)面元素;
3.2 實(shí)戰(zhàn)HTML5中的表單;
3.3 實(shí)戰(zhàn)HTML5中的Canvas
3.4 實(shí)戰(zhàn)html 5頁(yè)面中視頻和音頻
3.5 CSS3技術(shù)實(shí)戰(zhàn)
第4個(gè)主題:本地存儲(chǔ)
4.1 web storage剖析
4.2 簡(jiǎn)單web留言本
4.3 作為簡(jiǎn)易數(shù)據(jù)庫(kù)來(lái)利用
4.4 本地?cái)?shù)據(jù)庫(kù)的基本概念
4.5 用executesql來(lái)執(zhí)行查詢
4.6 使用數(shù)據(jù)庫(kù)實(shí)現(xiàn)web留言本
4.7 transaction方法中的處理
第5個(gè)主題:離線應(yīng)用程序
5.1 離線web應(yīng)用程序
5.2 新增的本地緩存
5.3 本地緩存與瀏覽器網(wǎng)頁(yè)緩存的區(qū)別
5.4 manifest文件
5.5 瀏覽器與服務(wù)器的交互過程
5.6 applicationcache對(duì)象
5.7 swapcache方法
5.8 applicationcache對(duì)象的事件
第6個(gè)主題:通信API
6.1 跨文檔消息傳輸
6.2 跨文檔消息傳輸示例
6.3 web sockets通信
6.4 使用web sockets api
6.5 web sockets api使用示例
6.6 發(fā)送對(duì)象
第7個(gè)主題: 使用web workers處理線程
7.1使用web workers處理線程
7.2 與線程進(jìn)行數(shù)據(jù)的交互
7.3 線程嵌套
7.4 單層嵌套
7.5 在多個(gè)子線程中進(jìn)行數(shù)據(jù)的交互
7.6 線程中可用的變量、函數(shù)與類
第8個(gè)主題:獲取地理位置信息
8.1 geolocation api的基本知識(shí)
8.2 取得當(dāng)前地理位置
8.3 持續(xù)監(jiān)視當(dāng)前地理位置的信息
8.4停止獲取當(dāng)前用戶的地理位置信息
8.5 position對(duì)象
8.6在頁(yè)面上使用google地圖
第9個(gè)主題:PhoneGap的商業(yè)思考
9,1 PhoneGap的目標(biāo)
9,2 PhoneGap與HTML5
9,3 PhoneGap與Android等本地系統(tǒng)
第10個(gè)主題:PhoneGap的技術(shù)思考
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ì)
Day2
第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庫(kù)的加入
12.3 JavaScript的構(gòu)建
12.4 Assert下HTML文件的構(gòu)建
12.5 編寫配置文件
12.6 打包、安裝、運(yùn)行第一個(gè)PhoneGap程序
第13個(gè)主題:PhoneGap案例開發(fā)實(shí)戰(zhàn)
13.1通過Connection測(cè)試網(wǎng)絡(luò)鏈接
13.2 通過Accelerometer來(lái)采集設(shè)備的動(dòng)作
13.3 通過Compass獲得當(dāng)前設(shè)備的方向
13.4 PhoneGap 操作本地系統(tǒng)的Camera
13.5 PhoneGap其它的本地API
第14個(gè)主題:使用HTTP&AJAX和遠(yuǎn)程服務(wù)器端溝通;
14.1 Ajax在HTML5時(shí)代的價(jià)值;
14.2 HTTP&AJAX實(shí)戰(zhàn);
第15個(gè)主題:徹底洞悉jQuery Mobile
15.1 jQuery Mobile設(shè)計(jì)的技術(shù)思考和商業(yè)思考
15.2 jQuery Mobile入門初體驗(yàn);
15.3 使用頁(yè)眉、工具欄和標(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個(gè)主題:Node.js實(shí)戰(zhàn)高并發(fā)和非阻塞式的服務(wù)端
16.1 Node.js的思考;
16.2 Node.js開發(fā)環(huán)境安裝;
16.3 Node.js開發(fā)實(shí)戰(zhàn)
第17個(gè)主題:Node.js和WebSocket的整合;
17.1 使用Node.js和WebSocket打造非同步處理機(jī)制及其重大價(jià)值;
17.2 使用Node.js和WebSocket打造非同步處理機(jī)制案例實(shí)戰(zhàn)
?
?
?
?
?
?
?
?
?