HTML5框架開發(fā)實戰(zhàn)培訓
課程簡介:
一網打盡HTML5時代客戶端、Web端和服務后臺的所有技術
最新研發(fā)的HTML5操作系統(tǒng)的內幕是什么?
HTML5的核心和力量到底在哪里到底在哪里?
HTML5真正的新特性是什么?
如何調試HTML5?
HTML5中如何使用PUSH技術?
HTML5中的Canvas到底有什么神奇的力量?
HTML5的音視頻給多媒體開發(fā)帶來了怎樣的影響?
HTML5的多線程、本地存儲、離線存儲、地理位置等背后的密碼是什么?
HTML5開發(fā)框架PhoneGap背后的密碼是什么?
PhoneGap技術的本源是什么?
如何隨心所欲的使用PhoneGap?
如何是HTML5頁面完全和Native App類似?
如何徹底洞悉jQuery Mobile?
Ajax在HTML5價值到底在哪里?
在HTML5時代,如何應對高并發(fā)的服務請求?
如何在服務器端和客戶端打在完美的并發(fā)非同步處理方案?
本課程講徹底解答上述所有的問題,全部內容至簡而實,采用代碼驅動,把HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js的秘密向您娓娓道來。
課程目標:
本課程涵蓋HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js等一些列HTML5相關技術,重在強調代碼的實戰(zhàn)能力以及背后的原理分析。
掌握本課程后,能夠完全勝任任意需求的HTML5+CSS3+PhoneGap+Ajax+jQuery Mobile+Node.js的HTML5時代的開發(fā)。
培訓對象:
尤其適合于金融機構、互聯網公司、智能終端開發(fā)者;
傳統(tǒng)Web開發(fā)人員;
傳統(tǒng)的智能手機,例如Android的開發(fā)人員;
想學習HTML5的人員;
?
課題
Day1
第1個主題:HTML5技術和商業(yè)思考
1,1 HTML5的目標;
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技術實戰(zhàn)
第4個主題:本地存儲
4.1 web storage剖析
4.2 簡單web留言本
4.3 作為簡易數據庫來利用
4.4 本地數據庫的基本概念
4.5 用executesql來執(zhí)行查詢
4.6 使用數據庫實現web留言本
4.7 transaction方法中的處理
第5個主題:離線應用程序
5.1 離線web應用程序
5.2 新增的本地緩存
5.3 本地緩存與瀏覽器網頁緩存的區(qū)別
5.4 manifest文件
5.5 瀏覽器與服務器的交互過程
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 與線程進行數據的交互
7.3 線程嵌套
7.4 單層嵌套
7.5 在多個子線程中進行數據的交互
7.6 線程中可用的變量、函數與類
第8個主題:獲取地理位置信息
8.1 geolocation api的基本知識
8.2 取得當前地理位置
8.3 持續(xù)監(jiān)視當前地理位置的信息
8.4停止獲取當前用戶的地理位置信息
8.5 position對象
8.6在頁面上使用google地圖
第9個主題:PhoneGap的商業(yè)思考
9,1 PhoneGap的目標
9,2 PhoneGap與HTML5
9,3 PhoneGap與Android等本地系統(tǒng)
第10個主題:PhoneGap的技術思考
10,1? PhoneGap的架構藝術
10,2 PhoneGap與HTML5、CSS3、JavaScript的關系
10.3 PhoneGap與智能手機的核心功能——包括相機、文件訪問、地理定位,加速器,聯系人,聲音和振動等
10.4 PhoneGap的優(yōu)勢和劣勢
Day2
第11個主題:PhoneGap框架的技術基石是什么?
11,1 使用WebView
11,2 在WebView中使用JavaScript
11.3 創(chuàng)建本地Java API
11.4 使用JavaScriptInterface
11.5 JavaScript調用Java
11.6 Java調用JavaScript
11.7 PhoneGap是如何使用JavaScriptInterface的
第12個主題:安裝PhoneGap開發(fā)第一個PhoneGap程序
12.1 安裝PhoneGap SDK
12.2 PhoneGap庫的加入
12.3 JavaScript的構建
12.4 Assert下HTML文件的構建
12.5 編寫配置文件
12.6 打包、安裝、運行第一個PhoneGap程序
第13個主題:PhoneGap案例開發(fā)實戰(zhàn)
13.1通過Connection測試網絡鏈接
13.2 通過Accelerometer來采集設備的動作
13.3 通過Compass獲得當前設備的方向
13.4 PhoneGap 操作本地系統(tǒng)的Camera
13.5 PhoneGap其它的本地API
第14個主題:使用HTTP&AJAX和遠程服務器端溝通;
14.1 Ajax在HTML5時代的價值;
14.2 HTTP&AJAX實戰(zhàn);
第15個主題:徹底洞悉jQuery Mobile
15.1 jQuery Mobile設計的技術思考和商業(yè)思考
15.2 jQuery Mobile入門初體驗;
15.3 使用頁眉、工具欄和標簽欄;
15.4 jQuery Mobile中的表單和按鈕;
15.5 jQuery Mobile中的列表;
15.6 jQuery Mobile和CSS結合;
15.7 jQuery Mobile 主題;
15.8 jQuery Mobile的API
15.9 和服務器集成;
15.10 jQuery Mobile和HTML5開發(fā)框架PhoneGap結合;
第16個主題:Node.js實戰(zhàn)高并發(fā)和非阻塞式的服務端
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)
?
?
?
?
?
?
?
?
?