前端學什麼？
第一階段：HTML CSS JS基礎
#（1） HTML CSS:
HTML進階、 CSS進階、DIV CSS佈局、HTML CSS整站開發、
（2） JavaScript基礎：
Js基礎教學、js內建物件常用方法、常見DOM樹操作大全、ECMAscript、DOM、 BOM、定時器和焦點圖。
（3） JS基本特效：
常見特效、例如：tab、導覽、整頁滾動、輪播圖、JS製作投影片、彈出層、手風琴選單、瀑布流佈局、滾動事件、滾差視圖。
（4）JS高階特徵：
正規表示式、排序演算法、遞迴演算法、閉包、函數節流、作用域鏈、基於距離運動框架、物件導向基礎、
（5） JQuery：基本使用
懸吊器、DOM操作、特效與動畫、方法鏈、拖曳、變形、JQueryUI元件基本使用。
第二階段：HTML5與行動Web開發
（1）HTML5：
HTML5新語意標籤、HTML5表單、音訊與視訊、離線與本地儲存、SVG、Web Socket、Canvas.
（2）CSS3:
CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、flex佈局、background系列屬性改變、Transition、動畫、景深與深透、3D效果製作、Velocity.js框架、元素進場、出場策略、酷炫CSS3網頁製作。
（3）Bootstrap:
響應式概念、媒體查詢、回應式網站製作、刪除系統、刪格系統原則、Bootstrap常用範本、LESS和SASS。
（4） 行動Web開發：
跨終端機WEB與主流裝置簡介、視窗、串流佈局、彈性盒子、rem、行動終端JavaScript事件、手機中常見JS效果製作、手機聚划算頁、手機滾屏。
第三階段：HTTP服務與AJAX程式設計
（1）WEB伺服器基礎：
伺服器基礎、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
（2） AJAX上篇：
Ajax簡介與非同步的概念、Ajax框架的封裝、XMLHttpRequest物件詳細介紹方法、相容性處理方法、Ajax框架的封裝、Ajax中快取問題、XML介紹與使用、會處理簡單的GET或POST請求、
（3） AJAX下篇：
JSON與JSON解析、資料綁定與範本技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段：物件導向等級
（4）物件導向終極篇：
從記憶體角度到理解JS物件導向、基本類型、複雜型別、原型鏈、ES6中的物件導向、ES6中變數的作用域（let ，const(宣告變數唯讀)，區塊層級作用域），ES6中函數新特性。
（5） 物件導向三大特徵：
繼承性、多型性、封裝性。
（6） 物件導向中建立物件的五種方法：
自訂物件 、工廠模式建立物件、建構子、 混合模式創造物件、JSO格式建立物件。
第五階段：封裝一個屬於自己的框架
（1）框架封裝基礎：
事件流、冒泡、捕獲、事件物件、事件框架、選擇框架。
（2） 框架封裝中級：
運動原理、單物體運動框架、多物體運動框架、運動框架物件導向封裝。
（3） 框架封裝進階與補充：
JQuery框架雛形、可擴充性、模組化、封裝屬於傳智自己的框架。
第六階段：模組化元件開發
（4） 元件程式設計：
元件程式設計的方式、元件程式設計的實現原理、組件編程實戰、基於組件化思想開發網站應用程式。
（5） 以模組程式設計：
AMD設計規格、CMD設計規格、RequireJS，LoadJS、淘寶的SeaJS。
第七階段：主流的流行框架
（1） Web開發工作流程：
GIT/SVN、Vue-cli鷹架、NPM /Bower依賴管理工具、Grunt/Gulp/Webpack。
（2）前端主流架構：
Vue.js、Angular.js、React.JS、Bootstrap。
（3） 常用函式庫：
React.js、Vue.js、JQuery.js。
第八階段:Node.js全端開發：
（1） 快速入門：
Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境與控制台程式、非同步編程，非阻塞I/O、模組概念，模組管理工具、開發流程，調試，測試。
（2） 核心模組與物件：
全域物件global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化與反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO。
（3） Web開發基礎：
HTTP協議，請求回應處理過程、關聯式資料庫操作和資料存取、非關係型資料庫操作和資料存取、原生的Node.js開發Web應用程式、Web開發工作流程、Node.js開發Blog案例。
（4）快速開發框架：
Express簡介MVC簡介、Express常用API、Express路由模組、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。
（5）Node.js開發電子商務實戰：
需求與設計、帳戶模組註冊登入、會員中心模組、前台展示模組、購物車，訂單結算、線上客服即時通訊模組。
更多相關知識，請造訪 PHP中文網！ ！
以上是前端需要學什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
