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