模塊

課程

內(nèi)容

模塊一

HTML5?的商機(jī)與改變

HTML5豐富的交互功能體驗(yàn)

HTML5?時(shí)代的新商業(yè)模式

?HTML5?能取代傳統(tǒng)?Native?App?做法嗎？

??HTML5將再改變科技生態(tài)?

u???????成功的?HTML5?案例

u???????使用DOM方法處理可編輯元素?

u???????拖放元素、編輯API

u???????常規(guī)交互（視點(diǎn)，隱藏元素，拼寫檢查，焦點(diǎn)管理）?

模塊二

CSS3的進(jìn)階與技巧

u???????CSS3技巧

u???????CSS3的動(dòng)畫

??????????顏色漸變、位置轉(zhuǎn)換

??????????旋轉(zhuǎn)、緩沖阻尼

u???????繪圖

??????????繪制基本圖形

??????????繪制各類LOGO

u???????CSS3復(fù)古流的理念

u???????CSS3的性能探討

u???????CSS3的動(dòng)畫前途與擴(kuò)展

u???????CSS3的偽編程

u???????Geolocation

u???????Web?Audio?API

u???????Device?API的相關(guān)問題

模塊三

劃時(shí)代的Web?API

u???????傳統(tǒng)web模型與Web?OS架構(gòu)模型

u???????Drag?&?Drop?API

u???????History?API、Communication?API

u???????Notification?API、Audio?&?Video標(biāo)簽

u???????Web?socket?API、Web?worker?API

u???????Web?storage?API、Web?GL

模塊四

Canvas的進(jìn)階與技巧

u???????基本技術(shù)回顧

??????????點(diǎn)（對點(diǎn)的幾個(gè)深入理解，空心點(diǎn)，實(shí)心點(diǎn)，交會(huì)點(diǎn)等）

??????????線（直線、簡單曲線、復(fù)雜曲線、經(jīng)典數(shù)學(xué)曲線）

??????????面（基本的簡單面形：矩形、圓，復(fù)雜面：不規(guī)則面形）

??????????文字繪制、圖形繪制

模塊四

Canvas的進(jìn)階與技巧

u???????技巧

??????????旋轉(zhuǎn)與抗鋸齒、雙緩沖

??????????資源預(yù)載進(jìn)度控制

??????????預(yù)載的多種方式

u???????動(dòng)畫效果

??????????幀動(dòng)畫、粒子動(dòng)畫、物理動(dòng)畫

u???????事件與手勢的控制

??????????事件響應(yīng)、事件處理

??????????手勢處理

模塊五

HTML5開發(fā)進(jìn)階：應(yīng)用開發(fā)方向

u???????HTML5應(yīng)用開發(fā)的架構(gòu)標(biāo)準(zhǔn)

u???????HTML5應(yīng)用開發(fā)的步驟

u???????HTML5應(yīng)用開發(fā)的流程制定

u???????服務(wù)器端的架構(gòu)與思考

??????????數(shù)據(jù)庫部分、緩存部分

??????????連接與通信部分、云服務(wù)器部分

u???????HTML5的安全和性能的問題

??????????跨域的問題

??????????動(dòng)態(tài)更新的問題、性能瓶頸與提升

u???????HTML5的打包問題

??????????都有哪些打包的工具？

??????????PhoneGap的認(rèn)識

??????????PhoneGap的誤區(qū)

??????????插件的使用與升級