只用4個(gè)月 成為WEB前端工程師

一套課程全部搞定

移動(dòng)端 HTML5課程大綱

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

開?課時(shí)間費(fèi)?用咨詢

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

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

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

02HTML5 CSS3移動(dòng)端:

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

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

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

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

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

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

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

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

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

01Javascript實(shí)戰(zhàn)

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

2.淘寶首頁(yè)輪播圖 ; 

3.淘寶分類菜單 ; 

4.淘寶放大鏡 ; 

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

6.仿蘋果菜單 ; 

7.微信聊天界面 ; 

8.模擬windows可拉伸窗口 ; 

9.模擬煙花效果 ; 

10.照片墻 ; 

11.土豆懸浮菜單 ; 

12.微信打飛機(jī)游戲;

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

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

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

01 Angularjs

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

02 WEB端 移動(dòng)端 PHP完成項(xiàng)目實(shí)戰(zhàn)

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

第五階段 移動(dòng)端項(xiàng)目開發(fā) 微信端開發(fā)

移動(dòng)端HTML5

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

微信場(chǎng)景

WeUI; Swiper animate 在微信場(chǎng)景項(xiàng)目中的使用; 常見的頁(yè)面布局; 常見的交互與動(dòng)畫; 微信端實(shí)戰(zhàn)項(xiàng)目;

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

WebApp項(xiàng)目實(shí)戰(zhàn) ; 微信場(chǎng)景開發(fā) ; Angular框架 ; ionic 框架 ; Angular ionic 項(xiàng)目實(shí)戰(zhàn);

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

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

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

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

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

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

NodeJS

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

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

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

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

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

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

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