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

一套課程全部搞定

移動端 HTML5課程大綱

（學(xué)期：四個月）

開?課時間費?用咨詢

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

01WEB前端核心基礎(chǔ): 

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

02HTML5 CSS3移動端:

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

第二階段 JavaScript交互開發(fā)

01WEB原生JavaScript交互開發(fā)

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

02JavaScript工具庫自主研發(fā)

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

03移動前端中面向?qū)ο筮M階與 ES5/ES6應(yīng)用

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

第三階段 jQuery與javascript交互特效開發(fā)應(yīng)用

01Javascript實戰(zhàn)

1. 自適應(yīng)瀑布流 ;

2.淘寶首頁輪播圖 ; 

3.淘寶分類菜單 ; 

4.淘寶放大鏡 ; 

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

6.仿蘋果菜單 ; 

7.微信聊天界面 ; 

8.模擬windows可拉伸窗口 ; 

9.模擬煙花效果 ; 

10.照片墻 ; 

11.土豆懸浮菜單 ; 

12.微信打飛機游戲;

02 jQuery程序交互特效開發(fā)

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

第四階段 AngularJS 移動端開發(fā)高級應(yīng)用

01 Angularjs

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

02 WEB端 移動端 PHP完成項目實戰(zhàn)

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

第五階段 移動端項目開發(fā) 微信端開發(fā)

移動端HTML5

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

微信場景

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

企業(yè)級WebAPP開發(fā)實戰(zhàn)

WebApp項目實戰(zhàn) ; 微信場景開發(fā) ; Angular框架 ; ionic 框架 ; Angular ionic 項目實戰(zhàn);

企業(yè)級Hybrid開發(fā)實踐

phonegap;微信接口開發(fā);

應(yīng)用 Ionic開發(fā) WebApp項目

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

第六階段 WEB開發(fā)擴展 NodeJS

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

NodeJS

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

第七階段 畢業(yè)作品整理與就業(yè)應(yīng)聘

畢業(yè)設(shè)計指導(dǎo)與整理；WEB前端開發(fā)高級講師及WEB前端開發(fā)資深工程師指導(dǎo)你完成畢業(yè)作品，以備應(yīng)聘時使用；

對學(xué)習(xí)過的所有課程和自己做一個完美的總結(jié)。要求必須完成成整套WEB前端網(wǎng)站實戰(zhàn)作品并完成移動網(wǎng)站開發(fā)作品；

就業(yè)應(yīng)聘技巧與職業(yè)規(guī)范：就業(yè)形勢分析及指導(dǎo)；畢業(yè)學(xué)員在應(yīng)聘前應(yīng)該做的準備。

學(xué)生作品質(zhì)量 體現(xiàn)教學(xué)實力

120天學(xué)習(xí) = 3年工作經(jīng)驗