階段

科目

主要內容

課時

PC terminal

PC端頁面重構（html 和 css基礎）

1、認知行業、崗位、部分專業術語，就業趨勢與行業未來展望；

2、HTML核心元素及布局應用；

3、CSS核心屬性及布局應用；

4、瀏覽器兼容及解決方案；

5、圖片整合、滑動門及寬高自適應等高級應用技術；

6、初步接觸JS。

2周

PC端交互開發

（原生JS）

1、javascript基礎語法和變量、控制、語句語句、函數、事件處理、數組、常見排序算法；

2、DOM操作和BOM操作；

3、定時器、Cookie本地存儲、內置對象、正則表達式、閉包、JS面向對象語法、JSON、堆棧結構；

4、網絡基礎知識 ajax 及 跨域

5、各種主流瀏覽器兼容性處理；

6、js 動畫原理

7、單例、工廠、代理、觀察者等設計模式；

8、ECMA6.0新特性介紹。

5周

PC端交互開發

（主流框架應用）

1、初識jQuery、jQuery的優勢、jQuery框架核心功能、最容易混淆的幾個概念、

2、jQuery各種選擇器的使用，及選擇器的應用優化；

3、Dom節點操作、插入、刪除、復制、移動節點等操作；

4、事件處理、事件處理模型、事件處理機制、jQuery事件封裝機制、jQuery事件應用；

5、jQuery中的動畫、動畫時間的概念、基本動畫方法、復雜動畫方法、停止動畫與參數說明、jQuery動畫的隊列問題；

6、表單開發，設計可用性表單、表單驗證、增強型表單；

7、Ajax、XMLHttpRequest 基礎、jQuery Ajax、工具函數、緩存；

8、在jQuery中編寫插件、插件擴展、插件應用、jQuery.pagination分頁、jQuery.qtip信息提示、jQuery.artDialog彈出層、jQuery.jscrollpane滾動條；

9、滾動模塊 iScorll.js

10、js模塊化 sea.js 初識

11、less.js css預處理器

12、swipe.js

13、bootstrap

14、angularjs

2周

PC項目實訓

1、了解項目需求，項目流程；

2、了解項目管理，模塊分配，項目時間預估；

3、了解產品周期，參與團隊協作；

4、綜合運用HTML+CSS,JS,JQ等技術，完成大型PC端項目開發。

1周

Mobile terminal

Html5+CSS3新添特性

1、 HTML5概述，新增的元素和廢除的元素、全局屬性；

2、 HTML5基礎：新增文檔結構元素（Article、section、nav）

智能表單、文件API（FileList對象和File對象、FileReader接口）、拖放API；

3、 CSS3基礎：新增的后代選擇器、偽類選擇器、文本陰影、圓角、盒陰影、變形處理（transform）、動畫（transitions）、幀定義（key-frames）、旋轉（rotate）、 animation；

4、 HTML5多媒體audio音頻元素、Video視頻元素、視頻回調事件；

5、 本地存儲web storage、本地緩存；

6、定位基礎知識以及原理，結合google（高德）地圖定位；

7、響應式布局概念以及語法（@media）、web網頁和mobile網頁的區別、樣式繼承；

8、Canvas標簽基礎知識、繪制矩形、繪制圓形使用路徑、圖像裁剪、保存為文件、創建動畫。

2周

WebAPP項目開發及實訓

1、zeptos.js

2、數據交互，ajax與DOM交互應用；

3、HTML5+CSS3在實際項目中的應用；

4、項目管理，模塊分配，項目時間預估；

5、產品周期，團隊協作；

6、微信場景開發；

7、微信jsSDK。公眾號開發

2周

混合應用開發及實訓

混合應用開發及綜合實訓

1、混合開發原理；

2、APP與webAPP；

3、混合應用與HTML頁面交互；

4、通過客戶端傳遞數據；

5、項目的版本迭代；

6、mui H5+ 跨平臺app技術

2周

高級擴展

1、nodejs 技術

2、git svn 版本管理

3、自動化打包工具

   2周