本課程講徹底解答上述所有的問(wèn)題,全部?jī)?nèi)容至簡(jiǎn)而實(shí),采用代碼驅(qū)動(dòng),把HTML5、CSS3、jQuery Mobile的秘密向您娓娓道來(lái)。
本課程涵蓋HTML5、CSS3、jQuery Mobile等一些列HTML5相關(guān)技術(shù),重在強(qiáng)調(diào)代碼的實(shí)戰(zhàn)能力以及背后的原理分析。
第1個(gè)主題:HTML5技術(shù)和商業(yè)思考
1,1 HTML5的目標(biāo)
1,2 無(wú)法拒絕使用HTML5的原因
1,3 可以放心使用HTML5的原因
?
第2個(gè)主題:HTML5的開(kāi)發(fā)工具和調(diào)試工具、調(diào)試方法
2.1 開(kāi)發(fā)工具及其思考;
2.2 如何調(diào)試HTML5?
2.3 調(diào)試HTML5的具體方法;
?
第3個(gè)主題:HTML5的模板和頁(yè)面結(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個(gè)主題: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個(gè)主題: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個(gè)主題:HTML5中的表單(二)
6.1使用autofocus 屬性定位第一個(gè)表單域元素
6.2使用placeholder 屬性進(jìn)行提示
6.3簡(jiǎn)單的注冊(cè)表單
6.4阻止自動(dòng)完成
?
第7個(gè)主題:HTML5中的表單(三)
7.1賬戶表單
7.2持久化數(shù)據(jù)
7.3創(chuàng)建編輯頁(yè)面
?
8.1 filelist對(duì)象與file對(duì)象
8.2 blob對(duì)象
8.3 filereader接口
?
9.1 認(rèn)識(shí)canvas元素
9.2 2D渲染上下文
9.2.1 坐標(biāo)系統(tǒng)
9.2.2 訪問(wèn)2D渲染上下文
9.3 繪制基本圖形和線條
9.3.1 線條
9.3.2 圓形
9.4 樣式
9.5 繪制文本
9.6 擦除Canvas
9.7 使Canvas填滿瀏覽器窗口
?
第10個(gè)主題: Canvas高級(jí)開(kāi)發(fā)
10.1 保存和恢復(fù)繪圖狀態(tài)
10.1.1 畫(huà)布繪圖狀態(tài)是什么
10.1.2 保存繪圖狀態(tài)
10.1.3 恢復(fù)繪圖狀態(tài)
10.1.4 保存和恢復(fù)多個(gè)繪圖狀態(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 將畫(huà)布導(dǎo)出為圖像
第11個(gè)主題:html 5頁(yè)面中視頻和音頻
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 啟用本機(jī)控件
11.3.2 autoplay屬性
11.3.3 loop屬性
11.3.4 preload屬性
11.3.5 poster屬性
11.3.6 audio屬性
11.3.7 添加對(duì)多種視頻格式的支持
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è)計(jì)開(kāi)始
11.5.2 介紹媒體元素API
11.5.3 播放和暫停視頻
11.5.4 視頻音軌的靜音與取消靜音
11.5.5 視頻結(jié)束播放的響應(yīng)
11.5.6 更新視頻播放的時(shí)間
11.5.7 媒體元素API的其他一些功能
11.6 關(guān)于音頻
11.7 可訪問(wèn)的媒體
第12個(gè)主題:CSS3實(shí)戰(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 實(shí)際應(yīng)用
12.5 圓角:border-radius
12.6 投影
12.7 文本陰影
12.8 更多陰影
第13個(gè)主題:CSS3漸變和多背景
13.1 線性漸變
13.1.1 W3C語(yǔ)法
13.1.2 舊WebKit語(yǔ)法
13.1.3 實(shí)際應(yīng)用
13.1.4 使用SVG的線性漸變
13.1.5 使用Internet Explorer濾鏡的線性漸變
13.1.6 便捷的工具
13.2 徑向漸變
18.2.1 W3C語(yǔ)法
18.2.2 舊WebKit語(yǔ)法
18.2.3 實(shí)際應(yīng)用
13.3 重復(fù)漸變
13.4 多背景圖像
13.5 背景大小
第14個(gè)主題:CSS3轉(zhuǎn)換和過(guò)渡
14.1 轉(zhuǎn)換
14.2 過(guò)渡
14.3 動(dòng)畫(huà)
第15個(gè)主題:徹底洞悉jQuery Mobile
15.1 jQuery Mobile設(shè)計(jì)的技術(shù)思考和商業(yè)思考
15.2 jQuery Mobile入門(mén)初體驗(yàn);
15.3 使用頁(yè)眉、工具欄和標(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開(kāi)發(fā)框架PhoneGap結(jié)合;
?
17.1 離線web應(yīng)用程序
17.2 新增的本地緩存
17.3 本地緩存與瀏覽器網(wǎng)頁(yè)緩存的區(qū)別
17.4 manifest文件
17.5 瀏覽器與服務(wù)器的交互過(guò)程
17.6 applicationcache對(duì)象
17.7 swapcache方法
17.8 applicationcache對(duì)象的事件
?
18.1 跨文檔消息傳輸
18.2 跨文檔消息傳輸示例
18.3 web sockets通信
18.4 使用web sockets api
18.5 web sockets api使用示例
18.6 發(fā)送對(duì)象
?
第19個(gè)主題:
使用web workers處理線程
?
第20個(gè)主題:獲取地理位置信息
20.1 geolocation api的基本知識(shí)
20.2 取得當(dāng)前地理位置
20.3 持續(xù)監(jiān)視當(dāng)前地理位置的信息
20.4停止獲取當(dāng)前用戶的地理位置信息
20.5 position對(duì)象
20.6在頁(yè)面上使用google地圖