發(fā)展方向：
網(wǎng)頁游戲開發(fā)工程師
HTML5開發(fā)工程師
適合人群：
對游戲開發(fā)感興趣;
打算從事IT行業(yè)的在讀學(xué)生或往屆生
只要你有信心、有毅力，愿意花時(shí)間去學(xué)習(xí)、理解，就一定可以符合我們的要求。
教學(xué)目標(biāo)：
1. 了解CSS樣式對圖形和效果的處理，能實(shí)現(xiàn)CSS3旋轉(zhuǎn)，淡入淡出效果，文字模糊效果，CSS3進(jìn)度條的繪制
2. 了解Html標(biāo)簽和JS代碼，表單的熟練使用，能實(shí)現(xiàn)基于ajax的簡易excel，純HTML5表單驗(yàn)證下拉選擇框，search和datalist
3. 用js對媒體播放進(jìn)行控制，編寫自己的播放器，并顯示視頻加載進(jìn)度，同時(shí)處理數(shù)據(jù)緩沖和錯(cuò)誤提醒
4. 用Canvas實(shí)現(xiàn)html動(dòng)畫控制，創(chuàng)建自定義繪圖板，實(shí)現(xiàn)人物行走功能，制作吃豆子小游戲
5. 掌握桌面和離線應(yīng)用基礎(chǔ)，實(shí)現(xiàn)彈出桌面通知，點(diǎn)擊通知后定位到指定消息，可離線使用的記事本，服務(wù)器、本地緩存同步
6. 能熟練使用WebWorker，開啟和終止線程，掌握數(shù)據(jù)庫的使用方式，創(chuàng)建數(shù)據(jù)庫，并創(chuàng)建數(shù)據(jù)表，插入數(shù)據(jù)、獲取數(shù)據(jù)
7. 了解3D方面的知識，3D渲染引擎原理，運(yùn)用webGL創(chuàng)建全3D網(wǎng)頁程序，制作3D賽車游戲
課程概要：
標(biāo)題 內(nèi)容 目標(biāo)
CSS3基礎(chǔ) 1.css3與css2的區(qū)別，CSS3的兼容性，瀏覽器前綴
2.不需要前綴的樣式JS設(shè)置CSS3樣式，setStyle3()的封裝，IE前綴的問題
3.rgba的使用，rgba和opacity的區(qū)別，rgba的應(yīng)用，rgba和漸變
4.線性漸變的使用，最簡形式，漸變方向的控制，多點(diǎn)漸變和rgba的結(jié)合 了解CSS樣式對圖形和效果的處理，能實(shí)現(xiàn)CSS3旋轉(zhuǎn)，淡入淡出效果，文字模糊效果，CSS3進(jìn)度條的繪制
HTML5特性、表單 15表單特性，placeholder的使用，autoplete和autofocus
25表單驗(yàn)證，required屬性的使用，pattern屬性的使用
3.JS配合HTML5表單校驗(yàn)，checkValidity()方法的使用 了解Html標(biāo)簽和JS代碼，表單的熟練使用，能實(shí)現(xiàn)基于ajax的簡易excel，純HTML5表單驗(yàn)證下拉選擇框，search和datalist
Video、Audio應(yīng)用 1.video、audio基礎(chǔ)，支持和兼容性
2.文件格式支持，source標(biāo)簽的使用,各瀏覽器下的工具樣式
3.播放、暫停和停止媒體數(shù)據(jù)
4.canplay、canplaythrough事件的使用，loadeddata事件error和emptied事件的區(qū)別，加載錯(cuò)誤處理 用js對媒體播放進(jìn)行控制，編寫自己的播放器，并顯示視頻加載進(jìn)度，同時(shí)處理數(shù)據(jù)緩沖和錯(cuò)誤提醒
Canvas 1.Z0bject類，基本屬性：位置、父級、子級，方法
2.ZRect類、ZImg類，圖片裁切，設(shè)置各種樣式
3.ZCanvas類，封裝原始canvas，構(gòu)造自己的document對象 用Canvas實(shí)現(xiàn)html動(dòng)畫控制，創(chuàng)建自定義繪圖板，實(shí)現(xiàn)人物行走功能，制作吃豆子小游戲
桌面通知、離線應(yīng)用 1.桌面通知基礎(chǔ)，webkitNotifications對象的使用，彈出HTML通知
2.離線應(yīng)用基礎(chǔ)，緩存離線資源，在線狀態(tài)檢測，本地?cái)?shù)據(jù)存儲(chǔ)和同步
3.manifest文件的編寫，manifest文件的引入，W0RK段、CACHE段、FALLBACK段的使用
4.緩存更新的兩種方法和策略，applicationCache對象的使用UPDATEREADY狀態(tài) 掌握桌面和離線應(yīng)用基礎(chǔ)，實(shí)現(xiàn)彈出桌面通知，點(diǎn)擊通知后定位到指定消息，可離線使用的記事本，服務(wù)器、本地緩存同步
webWorker和webSql 1.WebWorker基本使用，多線程的概念
2.數(shù)據(jù)庫的基本使用：CREATE語句、SELECT語句、INSERT語句、DELETE語句、UPDATE語句 能熟練使WebWorker，開啟和終止線程，掌握數(shù)據(jù)庫的使用方式，創(chuàng)建數(shù)據(jù)庫，并創(chuàng)建數(shù)據(jù)表，插入數(shù)據(jù)、獲取數(shù)據(jù)
webGL 1.webGL的基本組成：場景、渲染器、光源、攝像機(jī)、物體場景：創(chuàng)建、添加
2.渲染器：SVG、canvas、webGL三種渲染器的使用和區(qū)別
3.光源：平行光、點(diǎn)光源、環(huán)境光的區(qū)別和使用，制定光源的顏色、強(qiáng)度、照射距離
4.攝像機(jī)：矩形攝像機(jī)、景深攝像機(jī)的區(qū)別，攝像機(jī)的遠(yuǎn)點(diǎn)、近點(diǎn)、寬高比等屬性的設(shè)置
5.物體的位置、旋轉(zhuǎn)、縮放屬性的設(shè)置 了解3D方面的知識，3D渲染引擎原理，運(yùn)用webGL創(chuàng)建全3D網(wǎng)頁程序，制作3D賽車游戲
