第一階段：HTML + CSS：

高階HTML，CSS高階和CSS佈局，HTML + CSS站點開發，

JavaScript庫：JS基礎教程，對於JS內建物件的常用方法，常用的DOM樹的操作，ECMAscript、DOM、BOM、定時器、和焦點圖。web前端學習交流Q群606721798

js基本效果：常見效果，如：標籤、導航、全頁滾動、旋轉木馬圖形、JS幻燈片、彈出選單、手風琴選單、瀑布流佈局、滾動、滾動事件檢視差異。

js高階功能：正則表示式，排序演算法，遞迴演算法，閉包，函式節流，範圍鏈，基於距離的運動框架，面向物件的基礎，

jQuery：停牌，基本使用DOM操作，特殊效果和動畫，方法鏈、拖放、變形、JQueryUI元件。

第二階段：HTML5和移動Web開發

HTML5：新的語義標籤，HTML5表單，音訊和視訊，離線和本地儲存，SVG，Web套接字，畫布。

新的CSS3：CSS3選擇器，偽元素，人臉表示，邊框，陰影，物權變動，過渡，動畫背景系列、深度和深度，三維製作，效果velocity.js框架，對進入和退出的戰略要素，酷的CSS3頁面。

引導：響應的概念，媒體查詢，響應網站製作，審查制度，審查制度的原則，引導公共模板，少和Sass。

移動網際網路的發展：跨終端網路和主流裝置，視口，流式佈局，彈箱、REM、移動終端、手機JS JavaScript事件在製作，共同影響Zepto.js，行動電話，行動電話juhuasuan頁面滾動。

第三階段：HTTP服務和Ajax程式設計

Web伺服器基礎：伺服器基礎知識，Apache伺服器和其他Web伺服器介紹，Apache伺服器構建，HTTP介紹。

PHP基礎：PHP的基本語法，使用PHP處理簡單GET或POST請求，

阿賈克斯：AJAX非同步的概念介紹，Ajax框架封裝，XMLHttpRequest物件的具體方法，相容處理方法、Ajax框架封裝，Ajax快取問題，XML的介紹及使用。

Ajax是下一部分：JSON和JSON解析、資料繫結和模板技術，JSONP，跨域技術，影象預覽和懶載入技術，在ajaxapi jQuery框架，並使用Ajax實現爆布流。

第四階段：面向物件方法

面向物件的最終部分：從記憶的角度來理解js面向物件、基本型、複合型、原型鏈，面向物件的6，屬性的讀寫許可權，制定者和訪問。

面向物件的三個特性：繼承、多型、封裝和介面。

設計模式：面向物件程式設計思想、單件模式、工廠模式、策略模式、觀察模式、模板方法模式、代理模式、裝飾模式、介面卡模式和麵向面向物件程式設計。

第五階段：封裝自己的框架

框架封裝：事件流、氣泡、捕獲、事件物件、事件框架和選擇框架。

幀包中間：運動原理，單目標運動框架，多目標運動框架，運動框架定向封裝。

框架封裝的先進性和互補性：jQuery框架原型、可擴充套件性、模組化、封裝性屬於自己的框架。

第六階段：模組化元件的開發

面向構件的程式設計：面向構件的程式設計方法，面向構件程式設計的實現原理，面向構件程式設計的實際應用，基於元件思維的web應用開發。

模組化設計：AMD的設計規範，CMD設計規範，RequireJS，LoadJS，seajs淘寶。

第七階段：主流大眾化框架

Web開發流程：Git和SVN，自耕農的腳手架，NPM /涼亭依賴管理工具，咕嚕/吞/ WebPACK。

MVC/MVVM框架：Angular.js / MVW，backbone.js，敲除/灰燼。

公共圖書館：react.js，Vue.js，Zepto.js。

第八階段：HTML5原生移動應用程式開發

科爾多瓦：webapp / NativeApp / hybirdapp介紹，科爾多瓦介紹，與PhoneGap開發環境的建立，科爾多瓦實戰（建立專案、配置、編譯、除錯、部署釋出）。

離子：離子匯入和相似比較，模板專案分析，常用元件和使用，結合角構建app，常見效果（下拉重新整理，拉起負載，側滑導航，tab）。

反應本機：響應本地介紹，響應本地環境配置，建立專案，配置，編譯，除錯，部署和釋出，本機模組和UI元件，常用API。

HTML5 +：HTML5 +中國產業聯盟，HTML5和執行環境，HBuilder開發工具，梅框架，H5 +開發和部署。

第九階段：Node.js的全棧開發：

快速啟動：Node.js開發，生態系統，Io.js，Linux / Windows或OS X環境的配置，複製環境，控制檯程式，非同步程式設計，非阻塞I/O模組的概念，模組管理工具，開發過程中，除錯和測試。

核心模組和物件：

全域性物件的全域性，過程中，控制檯，util，事件驅動，事件發射器，加密和解密，操作路徑，序列化與反序列化，檔案流操作，HTTP伺服器和客戶端，HTTP：/ / socket.io。

Web開發基礎：HTTP協議，請求響應的過程中，關係資料庫操作和資料訪問、非關係型資料庫操作和資料存取，原生js開發Web應用程式，Web開發流程，Node.js開發部落格案例。

快速開發框架：快遞介紹，+ MVC介紹，表達常用的API，表示路由模組、傑德/ EJS模板引擎，表達重建部落格的情況下，膝關節骨性關節炎等常見的MVC框架。

Node.js開發電子商務：需求，設計，登入模組登入，會員中心模組，前臺顯示模組、購物車、訂單結算，線上客服即時通訊模組。

如果你正在學習前端，或者你不知道將來要做什麼，你可以和我們的前端學習小組606721798一起討論這個問題。這裡的每個人都是你未來的未來之路。

最後，我希望所有的程式設計師都能到他們的生活的頂端，讓程式碼把他們的夢想變成現實。