HTML5培訓(xùn)課程
課程簡介：
????? HTML5的核心和力量到底在哪里到底在哪里？
????? HTML5真正的新特性是什么？
?????? 如何調(diào)試HTML5？
?????? HTML5開發(fā)框架PhoneGap背后的密碼是什么？
?????? HTML5中如何使用PUSH技術(shù)？
?????? HTML5中的Canvas到底有什么神奇的力量？
?????? HTML5的音視頻給多媒體開發(fā)帶來了怎樣的影響？
?????? HTML5的本地存儲、離線存儲、地理位置背后的密碼是什么？
?????? 如何使用CSS3帶來不可思議的用戶界面？
?????? 如果通過jQuery Mobile做出本地界面？
?????? jQuery Mobile如何PhoneGap結(jié)合？
?????? 如何調(diào)試HTML5?
本課程講徹底解答上述所有的問題，全部內(nèi)容至簡而實，采用代碼驅(qū)動，把HTML5、CSS3、jQuery Mobile的秘密向您娓娓道來。
本課程涵蓋HTML5、CSS3、jQuery Mobile等一些列HTML5相關(guān)技術(shù)，重在強調(diào)代碼的實戰(zhàn)能力以及背后的原理分析。
掌握本課程后，能夠完全勝任任意需求的HTML3+CSS3+jQuery Mobile的Web開發(fā)。：
培訓(xùn)目標(biāo)：
掌握全新的HTML5+CSS3+jQuery Mobile構(gòu)建全新的HTML5時代的Web應(yīng)用
培訓(xùn)對象：
?????? 傳統(tǒng)Web開發(fā)人員；
?????? 想學(xué)習(xí)HTML5+CSS3+jQuery Mobile人員；
培訓(xùn)大綱：
第1個主題：HTML5技術(shù)和商業(yè)思考
1,1 HTML5的目標(biāo)
1,2 無法拒絕使用HTML5的原因
1,3 可以放心使用HTML5的原因
?
第2個主題：HTML5的開發(fā)工具和調(diào)試工具、調(diào)試方法
2.1 開發(fā)工具及其思考；
2.2 如何調(diào)試HTML5？
2.3 調(diào)試HTML5的具體方法；
?
第3個主題：HTML5的模板和頁面結(jié)構(gòu)
3,1? Doctype
3,2 html元素
3.3 head元素
3,4 header元素
3,5 section元素
3.6 article元素
3.7 nav元素
3.8 aside元素
3.9 footer元素
第4個主題：HTML5新增的元素
4.1 time元素和格式
4.2 pubdate屬性
4.3 hgroup元素
4.4 address元素
4.5 progress元素
4.6 meter元素
4.7 figure和figcaption元素
4.8 mark元素
4.9 details元素
4.10 script元素的async屬性
?
第5個主題：HTML5中的表單（一）
5.1 創(chuàng)建基礎(chǔ)的表單
5.2使用range 類型創(chuàng)建滑塊
5.3使用選值框處理數(shù)字
5.4日期控件
5.5 email 類型
5.6 url 類型
5.7 color 類型
5.8回退
5.9替換顏色選擇器
5.10 Modernizr
?
第6個主題：HTML5中的表單（二）
6.1使用autofocus 屬性定位第一個表單域元素
6.2使用placeholder 屬性進(jìn)行提示
6.3簡單的注冊表單
6.4阻止自動完成
?
第7個主題：HTML5中的表單（三）
7.1賬戶表單
7.2持久化數(shù)據(jù)
7.3創(chuàng)建編輯頁面
?
8.1 filelist對象與file對象
8.2 blob對象
8.3 filereader接口
?
9.1 認(rèn)識canvas元素
9.2 2D渲染上下文
9.2.1 坐標(biāo)系統(tǒng)
9.2.2 訪問2D渲染上下文
9.3 繪制基本圖形和線條
9.3.1 線條
9.3.2 圓形
9.4 樣式
9.5 繪制文本
9.6 擦除Canvas
9.7 使Canvas填滿瀏覽器窗口
?
第10個主題： Canvas高級開發(fā)
10.1 保存和恢復(fù)繪圖狀態(tài)
10.1.1 畫布繪圖狀態(tài)是什么
10.1.2 保存繪圖狀態(tài)
10.1.3 恢復(fù)繪圖狀態(tài)
10.1.4 保存和恢復(fù)多個繪圖狀態(tài)
10.2 變形
10.2.1 平移
10.2.2 縮放
10.2.3 旋轉(zhuǎn)
10.2.4 變換矩陣
10.3 合成
10.3.1 全局阿爾法值
10.3.2 合成操作
10.4 陰影
10.5 漸變
10.6 復(fù)雜路徑
10.7 將畫布導(dǎo)出為圖像
11.1發(fā)展歷程
11.2 目前狀況
11.2.1 視頻容器格式
11.2.2 視頻編解碼器
11.2.3 音頻編解碼器
11.2.4 當(dāng)前瀏覽器使用哪種組合
11.3 標(biāo)記
11.3.1 啟用本機控件
11.3.2 autoplay屬性
11.3.3 loop屬性
11.3.4 preload屬性
11.3.5 poster屬性
11.3.6 audio屬性
11.3.7 添加對多種視頻格式的支持
11.3.8 資源順序
11.3.9 關(guān)于Internet Explorer 6～8
11.3.10 MIME類型
11.4 用于網(wǎng)絡(luò)的視頻文件解碼
11.5 創(chuàng)建自定義控件
11.5.1 讓我們從一些標(biāo)記和設(shè)計開始
11.5.2 介紹媒體元素API
11.5.3 播放和暫停視頻
11.5.4 視頻音軌的靜音與取消靜音
11.5.5 視頻結(jié)束播放的響應(yīng)
11.5.6 更新視頻播放的時間
11.5.7 媒體元素API的其他一些功能
11.6 關(guān)于音頻
11.7 可訪問的媒體
第12個主題：CSS3實戰(zhàn)
12.1 改進(jìn)舊版瀏覽器
12.2 CSS3選擇器
17.2.1 關(guān)系選擇器
17.2.2 屬性選擇器
17.2.3 偽類
17.2.4 結(jié)構(gòu)化偽類
17.2.5 偽元素和生成的內(nèi)容
12.3 CSS3顏色
17.3.1 RGBA
17.3.2 HSL和HSLA
17.3.3 不透明度
17.4 實際應(yīng)用
12.5 圓角：border-radius
12.6 投影
12.7 文本陰影
12.8 更多陰影
第13個主題：CSS3漸變和多背景
13.1 線性漸變
13.1.1 W3C語法
13.1.2 舊WebKit語法
13.1.3 實際應(yīng)用
13.1.4 使用SVG的線性漸變
13.1.5 使用Internet Explorer濾鏡的線性漸變
13.1.6 便捷的工具
13.2 徑向漸變
18.2.1 W3C語法
18.2.2 舊WebKit語法
18.2.3 實際應(yīng)用
13.3 重復(fù)漸變
13.4 多背景圖像
13.5 背景大小
第14個主題：CSS3轉(zhuǎn)換和過渡
14.1 轉(zhuǎn)換
14.2 過渡
14.3 動畫
第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.8 jQuery Mobile的API
15.9 和服務(wù)器集成；
15.10 jQuery Mobile和HTML5開發(fā)框架PhoneGap結(jié)合；
?
17.1 離線web應(yīng)用程序
17.2 新增的本地緩存
17.3 本地緩存與瀏覽器網(wǎng)頁緩存的區(qū)別
17.4 manifest文件
17.5 瀏覽器與服務(wù)器的交互過程
17.6 applicationcache對象
17.7 swapcache方法
17.8 applicationcache對象的事件
?
18.1 跨文檔消息傳輸
18.2 跨文檔消息傳輸示例
18.3 web sockets通信
18.4 使用web sockets api
18.5 web sockets api使用示例
18.6 發(fā)送對象
?
第19個主題:
使用web workers處理線程
?
第20個主題:獲取地理位置信息
20.1 geolocation api的基本知識
20.2 取得當(dāng)前地理位置
20.3 持續(xù)監(jiān)視當(dāng)前地理位置的信息
20.4停止獲取當(dāng)前用戶的地理位置信息
20.5 position對象
20.6在頁面上使用google地圖
