這裏我們將前端學習分為9個階段進行學習:
第壹階段:HTML+CSS:
HTML高級，CSS高級，div+css布局，HTML+css全站開發，
JavaScript基金會:
Js基礎教程，js內置對象常用方法，常用DOM樹操作百科，ECMAscript，DOM，BOM，定時器，焦點圖。
JS基本特效:
常見的特效，如標簽頁、導航、整頁滾動、輪播、JS幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾動差異視圖。
JS高級功能:
正則表達式，排序算法，遞歸算法，閉包，函數節流，作用域鏈，基於距離的運動框架，面向對象基礎，
JQuery:基本使用
衣架、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本都用上了。
第二階段:HTML5和移動Web開發
HTML5:
HTML5新語義標簽，HTML5表單，音視頻，離線和本地存儲，SVG，WebSocket，Canvas。
CSS3:
CSS3新選擇器、偽元素、面部表情、邊框、陰影、背景系列屬性變化、轉場、動畫、景深和深度、3D效果制作、Velocity.js框架、元素進出策略、酷炫的CSS3網頁制作。
自舉:
響應式概念、媒體查詢、響應式網站制作、網格刪除系統、網格刪除系統原理、Bootstrap公共模板、LESS和SASS。
移動網絡開發:
跨終端WEB和主流設備介紹、視口、流式布局、彈性框、rem、移動終端的JavaScript事件、手機中的JS效果制作、Zepto.js、高性價比手機頁面、手機滾動。
第三階段:HTTP服務和AJAX編程。
WEB服務器基礎:
服務器基礎知識，Apache服務器及其他WEB服務器介紹，Apache服務器的構建，HTTP介紹。
PHP基礎:
PHP基本語法，用PHP處理簡單的GET或POST請求，
AJAX優先:
Ajax的介紹和異步的概念，Ajax框架的封裝，XMLHttpRequest對象的詳細介紹方法，兼容性處理方法，Ajax框架的封裝，Ajax中的緩存問題，XML的介紹和使用。
AJAX下壹步:
JSON和JSON解析，數據綁定和模板技術，JSONP，跨域技術，圖片預讀和懶加載技術，JQuery框架中的AjaxAPI，以及使用Ajax實現爆炸流案例。
第四階段:面向對象高級
面向對象的終極文章:
從內存的角度去理解JS面向對象，基本類型，復雜類型，原型鏈，ES6中的面向對象，屬性讀寫權限，setters和accessors。
面向對象的三個特征:
繼承，多態，封裝，接口。
設計模式:
面向對象編程思維，單體模式，工廠模式，策略模式，觀察者模式，模板方法模式，代理模式，裝飾器模式，適配器模式，面向方面編程。
第五階段:包裝壹個自己的框架。
框架包裝基礎:
事件流、氣泡、捕獲、事件對象、事件框架、選擇框架。
中間幀封裝:
運動原理，單對象運動框架，多對象運動框架，運動框架的面向對象封裝。
高級和補充框架打包:
JQuery框架的原型、擴展性、模塊化、封裝性都屬於傳智自己的框架。
第六階段:模塊化組件開發
面向組件的編程:
面向組件編程的方式，面向組件編程的實現原理，面向組件編程的實戰，基於組件思想的網站應用開發。
面向模塊的編程:
AMD設計規範，CMD設計規範，淘寶的RequireJS，LoadJS，SeaJS。
第七階段:主流的流行框架
Web開發工作流:
GIT/SVN，約曼腳手架，NPM/鮑爾依賴管理工具，Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:
Angular.js、Backbone.js、Knockout/Ember。
常用庫:
React.js、Vue.js、Zepto.js .
階段8: HTML5原生移動應用開發
科爾多瓦:
WebApp/NativeApp/HybirdApp介紹，Cordova介紹，與PhoneGap的關系，開發環境的構建，Cordova的實戰(項目創建，配置，編譯，調試，部署，發布)。
離子型:
Ionic介紹及相似比較，模板項目分析，常用組件及其使用，搭建壹個有角度，有常用效果(下拉刷新，上拉加載，側滑導航，tab)的APP。
反應性:
ReactNative簡介，ReactNative環境配置，項目創建，配置，編譯，調試，部署和發布，原生模塊和UI組件，原生常用API。
HTML5+:
HTML5+中國產業聯盟，HTML5PlusRuntime環境，HBuilder開發工具，MUI框架，H5+開發部署。
第九階段:Node.js的全棧開發；
快速入門:
Node.js開發，生態系統，Io.js，Linux/Windows/OSX環境配置，REPL環境和控制臺程序，異步編程，非阻塞I/O，模塊概念，模塊管理工具，開發流程，調試和測試。
核心模塊和對象:
全局對象:全局、進程、控制臺、util、事件驅動程序、事件發射器、加密和解密、路徑操作、序列化和反序列化、文件流操作、HTTP服務器和客戶端。
Web開發基金會:
HTTP協議，請求響應處理，關系數據庫操作與數據訪問，非關系數據庫操作與數據訪問，原生Node.js開發Web應用，Web開發工作流，Node.js開發博客案例。
快速開發框架:
Express介紹+MVC介紹，Express常用API，Express路由模塊，Jade/Ejs模板引擎，用Express，Koa等常用MVC框架重建博客的案例。
終於有學習計劃了，趕緊開始學習吧！