前端技術學習路線及技術彙總

下面是簡單整理的一些前端的學習路線：
第一階段：

HTML+CSS：HTML主要就是網頁編輯。包括HTML進階、CSS進階、div+css佈局、HTML+css整站開發。
Javascript 語言：JavaScript是web前端中最重要的知識，包括Js基礎教程、js內置對象經常使用方法、常見DOM樹操做大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效：常見特效，如tab、導航、整頁滾動、輪播圖、JS製做幻燈片、彈出層、手風琴菜單、瀑布流佈局、滾動事件、滾差視圖。
JS高級特徵：正則表達式、排序算法、遞歸算法、閉包、函數節流、做用域鏈、基於距離運動框架、面向對象基礎。
jQuery：包括學習懸着器、DOM操做、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段：掌握一些HTML5和CSS3知識。

HTML5：HTML5新語義標籤、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。
CSS3：學習經過 css 開發網頁和各類可視 UI 組件。CSS3新選擇器、僞元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製做、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製做。
**Bootstrap框架：**響應式概念、媒體查詢、響應式網站製做、刪格系統、刪格系統原理、Bootstrap經常使用模板、LESS和SASS
第三階段：HTTP服務和AJAX編程

WEB服務器基礎：服務器基礎知識、Apache服務器和其餘WEB服務器介紹、Apache服務器搭建、HTTP介紹。
PHP基礎：PHP基礎語法、使用PHP處理簡單的GET或者POST請求。
AJAX：Ajax簡介和異步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段：面向對象

面向對象終極篇：從內存角度到理解JS面向對象、基本類型、複雜類型、原型鏈、ES6中的面向對象、屬性讀寫權限、設置器、訪問器。
面向對象三大特徵：繼承性、多態性、封裝性、接口。
設計模式：面向對象編程思惟、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段：

Node.js：掌握Node.js 核心 API ，具有後端開發能力。
Express 5.x 框架：掌握 Express 框架，從而具有快速開發後端程序的能力。
socket.io 庫：讓先後端經過 websocket協議通訊，是web 開發遊戲、聊天等程序必備技術。
Mongoose 框架：能夠讓程序具有文檔數據儲存能力。
Git 命令與 github：能夠對項目進行版本管理，從而能團隊開發項目。
Gulp 構建工具實戰：經過 gulp 工具，靈活對項目進行構建。
Webpack：能夠用和 Node.js 後端模塊化方式，開發前端程序，從而能開發大型系統。

下面是一些前端技術體系彙總：

HTML HTML5 CSS CSS3 JavaScript
jQuery jQuery UI jQuery EasyUI ExtJS
ECharts Tree.js Video.js
JSP ASP.NET PHP Python
MySQL SQL Server Oracle MongoDB
XML JSON AJAX
Bootstrap Layui Foundation
jQuery Mobile MUI WeUI Reactive Native
Node.js Gulp Webpack AngularJS Vue
基礎 腳本 類庫 服務器 數據 響應式 移動端 框架