北京學網頁美工

只用4個月 成為WEB前端工程師

一套課程全部搞定

移動端 HTML5課程大綱

（學期：四個月）

開?課時間費?用咨詢

第一階段 WEB前端核心CSS HTML5 CSS3

01WEB前端核心基礎: 

前端開發環境介紹：通過Dreamweaver、HBuilder、Notepad 制作出跨越平臺限制和跨越瀏覽器兼容性的頁面; HTML標記規范，CSS基礎，CSS核心屬性，CSS樣式類型，選擇器與權重，繼承、控制元素性質，CSS高級應用，CSS文檔統籌，整站案例; 瀏覽器兼容與寬高自適應；

02HTML5 CSS3移動端:

HTML5新增的元素與屬性; 表單域增強元素; CSS3選擇器; 文字字體相關樣式; CSS3位移與變形處理; CSS3 2D轉換與過度動畫; CSS3 3D轉換與關鍵幀動畫; 彈性盒模型; 媒體查詢; 響應式設計; 企業級BootStrap開發高級課程; 移動端WEB實戰案例;

第二階段 JavaScript交互開發

01WEB原生JavaScript交互開發

JavaScript的主要特點、應用與組成; JavaScript運算符優先級與數據類型的轉換規則; JavaScript條件判斷語句：if語句、switch語句; JavaScript流程控制-循環控制語句; JavaScript函數的調用與參數使用; 函數-驗證登錄的案例; 對象Object與String對象; 利用Date對象制作網頁時鐘案例; 的fo**in循環語句(遍歷對象); 創建Array對象; String對象抽獎案例演示; JavaScript正則表達式與正則表達式的創建; 支持正則表達式的 String 對象的方法與表單驗證案例; 事件-鼠標鍵盤事件; 事件-頁面相關事件; 注冊與移除事件監聽器; document獲取文檔中各類元素; 創建各類節點與JS的DOM操作; DOM操作通過文檔根節點獲取節點; BOM操作;

02JavaScript工具庫自主研發

高性能、輕量級類 DOM庫; 事件庫; AJAX庫的實現; 原型和繼承庫;

03移動前端中面向對象進階與 ES5/ES6應用

移動端中設計模式（觀察者模式開發等）; 原型對象和原型鏈; 構造函數; 執行上下文棧與執行上下文; 變量對象與活動對象; 作用域鏈; 閉包：要執行的代碼塊; ES5中的核心特性; ES6中重要知識點;

第三階段 jQuery與javascript交互特效開發應用

01Javascript實戰

1. 自適應瀑布流 ;

2.淘寶首頁輪播圖 ; 

3.淘寶分類菜單 ; 

4.淘寶放大鏡 ; 

5. 微博彈出可拖拽窗口 ; 

6.仿蘋果菜單 ; 

7.微信聊天界面 ; 

8.模擬windows可拉伸窗口 ; 

9.模擬煙花效果 ; 

10.照片墻 ; 

11.土豆懸浮菜單 ; 

12.微信打飛機游戲;

02 jQuery程序交互特效開發

jQuery框架基本選擇器; jQuery層級選擇器和基本篩選器; jQuery可見性過濾器和表單過濾器; jquery側邊欄; 網頁定位導航特效; 滑動門特效; 焦點圖輪播特效; jQuery頂部導航效果; jQuery瀑布流特效; 仿京東多條件篩選; 京東商城左側分類導航; 小米電商

第四階段 AngularJS 移動端開發高級應用

01 Angularjs

Angularjs概述和數據綁定; Angularjs$scope作用域以及代碼壓縮; Angularjs內置指令; Angularjs購物車項目; Angularjs表單驗證; Angularjs用戶注冊項目; Angularjs自定義指令; Angularjs過濾器; Angularjs服務; Angularjs自定義服務; Angularjs彈窗服務項目; Angularjs插件; Angularjs外部插件ui-router使用; 圖書商城實戰案例;

02 WEB端 移動端 PHP完成項目實戰

Ajax進階、跨域與 Defered; PHP基礎; 完全掌握MySQL數據庫的基本使用; MySQL數據庫的多種高級應用; 掌握數據庫的備份還原及性能優化操作; Apache與 Nginx 環境搭建與配置; 接口的定義; Mock數據; Restful; 前后端聯調; 前端安全(XSS,CSRF,JSON注入); WEB端 移動端 PHP完成項目實戰;

第五階段 移動端項目開發 微信端開發

移動端HTML5

Canvas 基礎知識; 繪制矩形、圓弧、線段、曲線、漸變與圖像; Canvas 圖表繪制案例; localStorage、sessionStorage 與離線緩存; ani****.css; Yo/Mui; to****js; ze****js; swiper; IScroll;

微信場景

WeUI; Swiper animate 在微信場景項目中的使用; 常見的頁面布局; 常見的交互與動畫; 微信端實戰項目;

企業級WebAPP開發實戰

WebApp項目實戰 ; 微信場景開發 ; Angular框架 ; ionic 框架 ; Angular ionic 項目實戰;

企業級Hybrid開發實踐

phonegap;微信接口開發;

應用 Ionic開發 WebApp項目

css components; ionic基于 angularJS擴展的交互指令介紹; blank模板的安裝; 頭部與尾部; 內容區域; 列表; 區域滾動; 下拉刷新與上拉加載; 頁簽導航; 背景層與旋轉 SVG圖標; loading 效果; actionsheet 效果; 彈出窗口; 彈出浮動層; 底部滿屏滑動窗口; ionic 自帶的 swiper滑動; 基于 swiper組件的

第六階段 WEB開發擴展 NodeJS

Git免費、開源的分布式版本控制系統，用于敏捷高效地處理任何或小或大的項目； Bower客戶端技術的軟件包管理器； Compass系統是美國Newpoint Technologies有限公司的核心產品，是廣播電視等行業的網絡監控及管理系統。 gu***js - 基于流的自動化構建工具； mongoDs； grunt； webPack；

NodeJS

No***js介紹與交互式運行環境REPL； No***js基礎詳解 ； 模塊與NPM包管理工具 ； 使用Buffer類處理二進制數據 ； 使用File System類在No***js中操作文件系統 ； TCP與UDP數據通信 ； HTTP與HTTPS ； Process/Child Processes進程與子進程 ；

第七階段 畢業作品整理與就業應聘

畢業設計指導與整理；WEB前端開發高級講師及WEB前端開發資深工程師指導你完成畢業作品，以備應聘時使用；

對學習過的所有課程和自己做一個完美的總結。要求必須完成成整套WEB前端網站實戰作品并完成移動網站開發作品；

就業應聘技巧與職業規范：就業形勢分析及指導；畢業學員在應聘前應該做的準備。

學生作品質量 體現教學實力

120天學習 = 3年工作經驗