大前端完整學(xué)習(xí)路線（詳解）
第一階段：
- HTML+CSS:
HTML進(jìn)階司顿、CSS進(jìn)階、div+css布局、HTML+css整站開發(fā)蜈敢、
- JavaScript基礎(chǔ)：
Js基礎(chǔ)教程雕凹、js內(nèi)置對(duì)象常用方法殴俱、常見DOM樹操作大全、ECMAscript枚抵、DOM线欲、BOM、定時(shí)器和焦點(diǎn)圖汽摹。
- JS基本特效：
常見特效询筏、例如：tab、導(dǎo)航竖慧、整頁滾動(dòng)嫌套、輪播圖、JS制作幻燈片圾旨、彈出層踱讨、手風(fēng)琴菜單、瀑布流布局砍的、滾動(dòng)事件痹筛、滾差視圖。
- JS高級(jí)特征：
正則表達(dá)式、排序算法帚稠、遞歸算法谣旁、閉包、函數(shù)節(jié)流滋早、作用域鏈榄审、基于距離運(yùn)動(dòng)框架、面向?qū)ο蠡A(chǔ)杆麸、
- JQuery：基礎(chǔ)使用
懸著器搁进、DOM操作、特效和動(dòng)畫昔头、方法鏈饼问、拖拽、變形揭斧、JQueryUI組件基本使用莱革。
第二階段：HTML5和移動(dòng)Web開發(fā)
- HTML5：
HTML5新語義標(biāo)簽、HTML5表單讹开、音頻和視頻驮吱、離線和本地存儲(chǔ)、SVG萧吠、Web Socket左冬、Canvas.
- CSS3:
CSS3新選擇器、偽元素纸型、臉色表示法拇砰、邊框、陰影狰腌、background系列屬性改變除破、Transition、動(dòng)畫琼腔、景深和深透瑰枫、3D效果制作、Velocity.js框架丹莲、元素進(jìn)場光坝、出場策略、炫酷CSS3網(wǎng)頁制作甥材。
- Bootstrap:
響應(yīng)式概念盯另、媒體查詢、響應(yīng)式網(wǎng)站制作洲赵、刪格系統(tǒng)鸳惯、刪格系統(tǒng)原理商蕴、Bootstrap常用模板、LESS和SASS芝发。
- 移動(dòng)Web開發(fā)：
跨終端WEB和主流設(shè)備簡介绪商、視口、流式布局辅鲸、彈性盒子格郁、rem、移動(dòng)終端JavaScript事件瓢湃、手機(jī)中常見JS效果制作、Zepto.js赫蛇、手機(jī)聚劃算頁面绵患、手機(jī)滾屏。
第三階段：HTTP服務(wù)和AJAX編程
- WEB服務(wù)器基礎(chǔ)：
服務(wù)器基礎(chǔ)知識(shí)悟耘、Apache服務(wù)器和其他WEB服務(wù)器介紹落蝙、Apache服務(wù)器搭建、HTTP介紹暂幼。
- PHP基礎(chǔ)：
PHP基礎(chǔ)語法筏勒、使用PHP處理簡單的GET或者POST請(qǐng)求、
- AJAX上篇：
Ajax簡介和異步的概念旺嬉、Ajax框架的封裝管行、XMLHttpRequest對(duì)象詳細(xì)介紹方法、兼容性處理方法邪媳、Ajax框架的封裝捐顷、Ajax中緩存問題、XML介紹和使用雨效。
- AJAX下篇：
JSON和JSON解析迅涮、數(shù)據(jù)綁定和模板技術(shù)、JSONP徽龟、跨域技術(shù)叮姑、圖片預(yù)讀取和lazy-load技術(shù)、JQuery框架中的AjaxAPI据悔、使用Ajax實(shí)現(xiàn)爆布流案例額传透。
第四階段：面向?qū)ο筮M(jìn)階
- 面向?qū)ο蠼K極篇：
從內(nèi)存角度到理解JS面向?qū)ο蟆⒒绢愋图恰?fù)雜類型旷祸、原型鏈、ES6中的面向?qū)ο笏侠ァ傩宰x寫權(quán)限托享、設(shè)置器骚烧、訪問器。
- 面向?qū)ο笕筇卣鳎?/li>
繼承性闰围、多態(tài)性赃绊、封裝性、接口羡榴。
- 設(shè)計(jì)模式：
面向?qū)ο缶幊趟季S碧查、單例模式、工廠模式校仑、策略模式忠售、觀察者模式、模板方法模式迄沫、代理模式稻扬、裝飾者模式、適配器模式羊瘩、面向切面編程泰佳。
第五階段：封裝一個(gè)屬于自己的框架
- 框架封裝基礎(chǔ)：
事件流、冒泡尘吗、捕獲逝她、事件對(duì)象、事件框架睬捶、選擇框架黔宛。
- 框架封裝中級(jí)：
運(yùn)動(dòng)原理、單物體運(yùn)動(dòng)框架擒贸、多物體運(yùn)動(dòng)框架宁昭、運(yùn)動(dòng)框架面向?qū)ο蠓庋b。
- 框架封裝高級(jí)和補(bǔ)充：
JQuery框架雛形酗宋、可擴(kuò)展性积仗、模塊化、封裝屬于傳智自己的框架蜕猫。
第六階段：模塊化組件開發(fā)
- 面向組件編程：
面向組件編程的方式寂曹、面向組件編程的實(shí)現(xiàn)原理、面向組件編程實(shí)戰(zhàn)回右、基于組件化思想開發(fā)網(wǎng)站應(yīng)用程序隆圆。
- 面向模塊編程：
AMD設(shè)計(jì)規(guī)范、CMD設(shè)計(jì)規(guī)范翔烁、RequireJS渺氧，LoadJS、淘寶的SeaJS蹬屹。
第七階段：主流的流行框架
- Web開發(fā)工作流：
GIT/SVN侣背、Yeoman腳手架白华、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack贩耐。
- MVC/MVVM/MVW框架：
Angular.js弧腥、Backbone.js、Knockout/Ember潮太。
- 常用庫：
React.js管搪、Vue.js、Zepto.js铡买。
第八階段：HTML5原生移動(dòng)應(yīng)用開發(fā)
- Cordova：
WebApp/NativeApp/HybirdApp簡介更鲁、Cordova簡介、與PhoneGap之間的關(guān)系奇钞、開發(fā)環(huán)境搭建澡为、Cordova實(shí)戰(zhàn)（創(chuàng)建項(xiàng)目，配置蛇券，編譯缀壤，調(diào)試樊拓，部署發(fā)布）纠亚。
- Ionic：
Ionic簡介和同類對(duì)比、模板項(xiàng)目解析筋夏、常見組件及使用蒂胞、結(jié)合Angular構(gòu)建APP、常見效果（下拉刷新条篷，上拉加載骗随，側(cè)滑導(dǎo)航，選項(xiàng)卡）赴叹。
- React Native：
React Native簡介鸿染、React Native環(huán)境配置、創(chuàng)建項(xiàng)目乞巧，配置涨椒，編譯，調(diào)試绽媒，部署發(fā)布蚕冬、原生模塊和UI組件、原生常用API是辕。
- HTML5+：
HTML5+中國產(chǎn)業(yè)聯(lián)盟囤热、HTML5 Plus Runtime環(huán)境、HBuilder開發(fā)工具获三、MUI框架旁蔼、H5+開發(fā)和部署锨苏。
第九階段： Node.js全棧開發(fā)：
- 快速入門：
Node.js發(fā)展、生態(tài)圈牌芋、Io.js蚓炬、Linux/Windows/OS X環(huán)境配置、REPL環(huán)境和控制臺(tái)程序躺屁、異步編程肯夏，非阻塞I/O、模塊概念犀暑，模塊管理工具驯击、開發(fā)流程，調(diào)試耐亏，測試徊都。
- 核心模塊和對(duì)象：
全局對(duì)象global，process广辰，console暇矫，util、事件驅(qū)動(dòng)择吊，事件發(fā)射器李根、加密解密，路徑操作几睛，序列化和反序列化房轿、文件流操作、HTTP服務(wù)端與客戶端所森、Socket.IO囱持。
- Web開發(fā)基礎(chǔ)：
HTTP協(xié)議，請(qǐng)求響應(yīng)處理過程焕济、關(guān)系型數(shù)據(jù)庫操作和數(shù)據(jù)訪問纷妆、非關(guān)系型數(shù)據(jù)庫操作和數(shù)據(jù)訪問、原生的Node.js開發(fā)Web應(yīng)用程序晴弃、Web開發(fā)工作流掩幢、Node.js開發(fā)Blog案例。
- 快速開發(fā)框架：
Express簡介+MVC簡介肝匆、Express常用API粒蜈、Express路由模塊、Jade/Ejs模板引擎旗国、使用Express重構(gòu)Blog案例枯怖、Koa等其他常見MVC框架。
- Node.js開發(fā)電子商務(wù)實(shí)戰(zhàn)：
需求與設(shè)計(jì)能曾、賬戶模塊注冊(cè)登錄度硝、會(huì)員中心模塊肿轨、前臺(tái)展示模塊、購物車蕊程，訂單結(jié)算椒袍、在線客服即時(shí)通訊模塊。
