H5課程大綱

K1模塊課程:

課程模塊	課程階段	課程內容
K1 模塊	第1階段 認識前端開發	環境配置、使用 標籤的分類、寫法及使用規範 CSS樣式的使用、各種常見樣式 Photoshop使用 16大經常使用樣式 盒模型、語義化、模塊化 實戰案例：W3C標準化工做包
	第2階段 案例實戰及分析	各大互聯網公司真實項目 媒體類、電商類、門戶類 實例：CSS3運動框架基礎 實戰案例：cnBlog、小米官網、新浪官網
	第3階段 數據表單、frame及兼容性	表單部分：基本組成、數據交互、系統組件、自定義組件 frame部分：內聯框架和框架集的用法、應用場景 目標框架的使用 兼容部分：標準化開發、各種常見兼容問題及其解決方案 實戰案例：美麗說、63call後臺管理、網易郵箱
	第4階段 開發框架、項目實戰	常見框架的使用：bootstrap、sass、less等 大型分組項目：電商、遊戲、移動端等 實戰案例：京東商城、騰訊遊戲、手機天貓、智想學院官網等

 

K2模塊課程:

課程模塊	課程階段	課程內容
K2 模塊	第1階段 認識JavaScript腳本技術	認識JavaScript：事件驅動、用戶響應、屬性訪問等 JavaScript語法：函數、屬性、參數、返回值、變量、判斷、迭代、比較等 各種經常使用功能：邏輯、隨機數、定時器等 實戰案例：百度、騰訊、京東
	第2階段 JavaScript實戰應用	日期：Date、差值、日期/時間操做 高級語法：封閉空間、閉包、選擇器、預解析、引用、生命週期 實戰案例：淘寶秒殺搶購、蘇寧、QQ、百度等
	第3階段 DOM/BOM、事件、語言規範	語言規範：變量規範、命名、字符編碼、字節長度、嚴格模式、預解析等 DOM部分：節點、順序問題、父子、兄弟、各種僞節點、節點操做等 BOM部分：經常使用屬性、offset等；事件部分：鼠標、鍵盤、默認行爲、事件流、綁定、event對象等 實戰案例：淘寶商品頁、花瓣網、京東商品頁、騰訊圖片頻道
	第4階段 DOM、事件高級、前端動畫	事件高級：委託、代理、fire event、ready、enter等 運動框架(4.0版)、tweening、各種網站常見特效、3D轉換、視差滾動、彈性運動、側邊欄、手風琴、穿牆、全景地圖等 實戰案例：拉鉤網、jiathis、path app、蘋果官網、騰訊相冊...

 

K3模塊課程:

課程模塊	課程階段	課程內容
K3 模塊	第1階段 模塊化、數據交互	模塊化：概念、方法、seaJS、requireJS、案例、模塊劃分流程等 經常使用開發框架：rJS、browserify、webPack等 ajax：基礎、編寫、ajax框架、常見問題解決、兼容、字符集、緩存、實例 ajax2.0等 跨域數據交互：jsonp、常見接口使用、其餘跨域技術、實例等 實戰案例：百度新聞、騰訊小說、網易新聞、淘寶網、新浪微博、騰訊用戶中心...
	第2階段 jQuery、正則表達式、MVC	jQuery部分：介紹、基礎操做(屬性、樣式、事件)、各類選擇器、高級事件、DOM操做、數據交互操做、插件的使用和編寫、各種實例 正則表達式：介紹、基本使用、元組、元字符、貪婪匹配、修飾符、轉義、捕獲與非捕獲分組、惰性匹配、前向匹配等 MVC部分：基本概念、原理、應用場景、模板技術 angularJS、artTemplate等 實戰案例：百度、愛奇藝、拉鉤、智聯招聘、新浪微博、網易閱讀...
	第3階段 面向對象和框架開發、性能優化	面向對象部分：基礎、寫法、原型及原型鏈的使用、new關鍵字的使用、面向對象的性能問題 繼承部分：繼承的優勢、哪些人在使用繼承、繼承的3種實現方式 性能優化；VUE、backbone等框架 實戰案例：百度、ZQuery
	第4階段 JavaScript新技術	項目管理工具：Linux、git、svn等 數據結構與算法；項目構建工具：grunt、gulp等 ECMAScript 6.0(ES6) 實戰案例：項目發佈實戰

 

K4模塊課程:

課程模塊	課程階段	課程內容
K4 模塊	第1階段 HTML5/CSS3入門	HTML5/CSS3基礎：新特性、新標籤、新樣式等 各類自定義動畫、3D絢麗效果 JavaScript新特性：dataSet、selector使用、classList 各種常見框架的使用(各種移動端熱發佈、熱同步)技術 視頻、音頻應用 實戰案例：手機酷我音樂盒、手機優酷等
	第2階段 移動端應用開發	HTML各種API：File、drag、多進程開發、關係型數據庫、motion等 移動端佈局：box、彈性佈局、流體佈局、定寬佈局、局部定寬佈局、響應式佈局、自適應佈局、相對單位佈局等；多點觸摸、手勢識別和用戶交互體驗問題 大量經常使用移動端開發框架 SPA、JqueryMobile、zeptoJs、swiper、iScroll、hammerJs phoneGap開發、hybrid App、web App、照相機、錄音、網絡監控、電池電量信息等接口 如何打包本身的app 實戰案例：手機淘寶、手機百度、手機聚划算、手機企業站、微信開發等
	第3階段 Canvas、SVG圖形開發	Canvas部分：基礎用法、形狀、transform、GC計算、遊戲開發、各種常見框架 矢量圖開發部分：SVG基礎、兼容處理、各種圖表的編寫 常見矢量圖框架的使用 實戰案例：手機遊戲開發、圖表控件開發
	第4階段 課程總結、就業服務	職業生涯規劃 職業素養培訓 職業溝通與交流 行業發展分析 我的做品及簡歷準備 求職渠道及企業招聘會等