web前端學習路線和步驟

H5+全棧工程師  (學習下列技術可以加QQ： 1416 7596 61)
第一階段：初級入門階段

基本功 1、HTML入門 Windows概述、瀏覽器概述、HTML簡介、HTML標簽詳解、前端開發工具概述、特殊字元、SEO、標簽語義化 可掌握的核心能力：
熟練掌握html/css頁面佈局排版、樣式美化。

工具使用：Hbuilder/Webstrom/Sublime。

掌握常用工具的安裝使用，快捷鍵設置等技巧，快速提高開發調試效率。
2、CSS高級程式設計 CSS概述、CSS屬性、CSS樣式的類型、CSS選擇器、CSS背景、元素的顯示模式、CSS偽類、字體相關屬性、三大特性、盒子模型、margin、padding、PS、浮動、定位、CSS相關案例
3、綜合案例：小米商城項目實戰 DIV+CSS、項目開發流程、小米項目實戰

第二階段：Web核心編程      (學習下列技術可以加QQ： 1416 7596 61  ) 

（1）可以清晰劃分項目開發模塊；
（2）根據開發任務編寫詳細設計文檔；
（3）根據文檔對功能模塊進行編碼；
（4）根據測試信息修複模塊功能缺陷；
（5）能對現有產品進行升級和維護。

可解決的現實問題：
能解決常規業務邏輯，asp.net操作sql server增刪改查，動態網站數據展示，能夠手寫mvc框架。

可擁有的市場價值：
可滿足企業動態網站開發的需求，根據市場反饋數據看，薪資普遍在 7000元/月以上。
2、asp.net基礎 變數和常量、數據類型、運算符、流程式控制制、函數、字元串、數組
3、資料庫實戰 sql server簡介、基礎SQL操作、字元集、列類型、類屬性、表關係、高級查詢、外鍵、範式、視圖、事務、觸發器、存儲過程
4、核心編程
（表單傳值）
表單傳值的方式、asp.net接收數據的三種方式、處理覆選框數據、文件上傳
5、核心編程
 基本操作、執行增刪改操作、執行查詢操作、相關的函數、擴展應用案例
6、核心編程
（Http協議） HTTP協議概念、HTTP協議的特點、HTTP協議的分類、HTTP請求、HTTP響應、HTTP狀態碼、PHP模擬HTTP請求
7、核心編程
（文件編程） 文件操作的分類、目錄操作、文件操作、文件下載
8、核心編程
（會話技術） 會話技術概述、Cookie與Session的區別、Cookie原理、Cookie操作、Session原理、Session操作、垃圾回收機制
9、核心編程
（GD圖像處理） GD庫概述、GD畫布實現、驗證碼、縮略圖、水印圖
10、核心編程
（面向對象） 面向對象概述、面向對象實現、封裝、繼承、多態、對象遍歷、對象序列化、反射機制、命名空間
11、核心編程
12、MVC設計模式 MVC設計模式、搭建自定義MVC框架
13、綜合案例：博客系統開發 項目開發流程、數據表數據、後臺實現、前臺實現、擴展功能

第三階段：前端高級程式設計    (學習下列技術可以加QQ： 1416 7596 61)

JavaScript基礎 JavaScript概述、Javascript註意點、直接量、數據類型、流程式控制制 可掌握的核心能力：
(1) 具備解決複雜問題和技術難點的能力;
(2)豐富的調試技能和組件開發能力;
(3)能夠獨立設計開發複雜的功能模塊。

可解決的現實問題：
(1)能夠實現功能的同時，考慮代碼的優雅性，註重代碼的性能和重用性;
(2)針對項目中的bug和技術難點，能夠提供解決辦法;
(3)深入理解前端框架實現原理，能夠開發和重構通用的前端組件。

可擁有的市場價值：
熟練掌握和學習後，可滿足前端與移動開發行業的中級需求，根據市場反饋數據看，薪資普遍在 10000元/月。
Web API（BOM、DOM、事件、特效） 數組、函數、字元串、bom、dom
JavaScript高級（面向對象、閉包、原型鏈、正則） 面向對象、遞歸與預解析、正則表達式
jQuery與插件開發實戰 jQuery的優勢、jQuery選擇器、jQuery中的動畫、jQuery插件、jQueryUI、jQuery編程思想、編寫jQuery插件、基本元素操作、事件處理
精通Ajax 同步與非同步概念、原生Ajax、jQuery的Ajax相關API使用、低層原理分析、實用案例
綜合案例：VueJS移動端項目開發 Vue概述、Vue指令、Vue屬性、方法、事件、過濾器、事件處理、鉤子函數、組件、動畫、路由、API請求、Vue項目實戰
4.大型網站架構

第四階段：  (學習下列技術可以加QQ： 1416 7596 61)
大型網站架構 SVN/Git版本控制 SVN概述、SVN軟體安裝、SVN使用詳解、配置多倉庫與許可權控制、SVN鉤子程式 可掌握的核心能力：

(1)能夠對系統架構進行分析和設計;
(2)控制開發產品質量，參與制定開發規範;
(3)能對現有項目進行性能調優;
(4)參與網站項目需求分析，根據項目需求設計提供優化技術方案;
(5)改進公司現有框架，提高產品質量。

可解決的現實問題：

伺服器高級部署優化，互聯網常用技術。MySQL優化、讀寫分離、Nginx伺服器集群、Laravel框架、千萬級併發商城系統開發。

可擁有的市場價值：

真正掌握互聯網系統架構設計思想，可實現對門戶網站、商城系統、辦公系統等項目進行系統性能調優，根據市場反饋數據看，薪資普遍在 15000元/月以上。
Linux操作系統 Linux系統概述、VMware虛擬機的安裝、CentOS系統安裝、Shell指令、VI編輯器、Linux內核分析、用戶和組、文件操作、網路配置、FTP、LAMP環境
Nginx伺服器集群 Nginx概述、LNMP的安裝與配置、緩存設置、壓縮設置、負載均衡
Memcache緩存設計 大型項目優化概述、Memcache軟體的安裝、Memcache指令詳解、使用PHP操作Memcache、Memcache應用場景
Redis
（緩存、消息隊列） Redis概述、Redis支持的數據類型、持久化功能、Redis主從模式、PHP操作Redis、消息隊列、秒殺功能實現
MongoDB
（NoSQL資料庫） MongoDB概述、MongoDB進階、MongoDB的許可權機制、使用PHP操作MongoDB
網站優化
（主從複製、讀寫分離） 主從伺服器的講解、主從複製、讀寫分離實戰
網站優化
（頁面靜態化） 頁面靜態化技術簡介、真靜態、偽靜態
目錄分析、控制器、路由、視圖、HTTP請求與響應、資料庫、模型、Redis資料庫、消息隊列

第五階段：移動端App開發   (學習下列技術可以加QQ： 1416 7596 61)
移動端App開發 HTML5+CSS3（H5C3移動端項目實戰） HTML5概述、新語義標簽、表單、多媒體、Web存儲、定位；CSS3概述、選擇器、陰影、漸變、邊框、2D、3D、動畫、盒子模型 可掌握的核心能力：
(1)從前端的全局角度認識相關的框架;(2)深刻理解移動App的開發模式和技術選型;
(2)瞭解主流的後臺技術和前後端協作方式，從全局角度理解項目的整個生命周期。

可解決的現實問題：
(1)能夠熟練使用前端工作流工具;
(2)熟悉移動App的開發模式，能夠基於流行的技術進行移動端App開發;
(3)熟悉軟體開發中整個項目的生命周期，瞭解主流的後臺開發技術以及相應的前後端協作方式。

可擁有的市場價值：
熟練掌握和學習後，可滿足前端與移動開發行業的高級需求，薪資普遍在20000+元/月。
Canvas繪圖 canvas概述、繪圖、echarts、svg、svg圖標的使用
移動Web開發
（響應式設計） Chrome模擬調試、真機調試、Viewport、rem、vw、主流適配方案、媒體查詢,設備尺寸劃分,主流響應式佈局框架、touch事件,手勢封裝、iScroll、swiper、fastclick、zepto、framework7、Canvas、Sass、Less
全棧項目：
移動端商城系統實戰 項目概述、需求分析、全端項目開發流程、三端分離、Restful編程規範、API介面開發

第六階段 ：NodeJS全棧開發   (學習下列技術可以加QQ： 1416 7596 61)
NodeJS全棧開發 前端模塊化 AMD、CMD、RequireJS、淘寶的SeaJS 可掌握的核心能力：

(1)掌握前端模塊化
(2)掌握nodejs全棧式解決方案，通過案例實現js在伺服器端實現高效開發的新模式;
(3)熟練使用express框架搭建web或移動端應用;
(4)掌握AngularJS或ReactJS技術。

可解決的現實問題：
(1)能夠熟練使用nodejs編寫伺服器端程式;
(2)能夠熟練的使用express框架進行項目開發;
(3)能夠熟練使用AngularJS或ReactJS技術搭建移動端項目;

可擁有的市場價值：
熟練掌握和學習後，可滿足前端與移動開發行業的高級需求，薪資普遍25000+元/月。
NodeJS詳解 NodeJS歷史、發展,、特征與現狀、同步與非同步、環境安裝、快速入門、文件操作, 網路操作, 模塊化基礎, npm、非同步編程、工具模塊、Web模塊、全局對象
Express框架 Express 簡介、安裝、請求與響應、路由、靜態文件、文件上傳、Cookiet管理
AngularJS實戰開發 單頁應用；MVC；常用指令；雙向綁定和單向綁定；模塊；控制器controller；$watch；自定義指令；jqLite；過濾器；格式化過濾；數據過濾；服務$http、$location；前端路由；http攔截器
ReactJS實戰開發 快速入門；數據渲染；虛擬DOM；交互與動態UI；JSX 語法；組件組件化；組件復用；flux；redux；集成工具；附加模塊；生命周期；state props context 等