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階段 課程總結、就業服務
|
職業生涯規划 職業素養培訓 職業溝通與交流 行業發展分析 個人作品及簡歷准備 求職渠道及企業招聘會等 |