一、前端是什么？
前端即網站前臺部分，也叫前端開發，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁，隨著互聯網技術的發展，HTML5，CSS3，前端框架的應用，跨平臺回應式網頁設計能夠適應各種螢屏解析度，完美的動效設計，給用戶帶來極高的用戶體驗，
（核心技術：HTML、CSS、JavaScript）
核心技術是前端開發中最基本也是最必須的三個技能，前端的開發中，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實作相應的效果和互動，雖然表面看起來很簡單，但這里面需要掌握的東西絕對不會少，在進行開發前，需要對這些概念弄清楚、弄明白，這樣在開發的程序中才會得心應手，
二、前端都需要學什么（可以分為八個階段）？
<1>第一階段：
1、HTML+CSS:
HTML進階、 CSS進階、DIV+CSS布局、HTML+CSS整站開發
2、JavaScript基礎：
Js基礎教程、js內置物件常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖，
3、JS基本特效：
常見特效、例如：tab、導航、整頁滾動、輪播圖、JS制作幻燈片、彈出層、手風琴選單、瀑布流布局、滾動事件、滾差視圖，
4、 JS高級特征：
正則運算式、排序演算法、遞回演算法、閉包、函式節流、作用域鏈、基于距離運動框架、面向物件基礎、
4、JQuery：基礎使用
懸著器、DOM操作、特效和影片、方法鏈、拖拽、變形、JQueryUI組件基本使用，
<2>第二階段：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效果制作、手機聚劃算頁面、手機滾屏，
<3>第三階段：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>第四階段：面向物件進階
1、面向物件終極篇：
從記憶體角度到理解JS面向物件、基本型別、復雜型別、原型鏈、ES6中的面向物件、ES6中變數的作用域（let ，const(宣告變數只讀)，塊級作用域），ES6中函式新特性，
2、面向物件三大特征：
繼承性、多型性、封裝性，
3、面向物件中創建物件的五種方法：
自定義物件 、工廠模式創建物件、建構式、 混合模式創造物件、JSO格式創建物件，
<5>第五階段：封裝一個屬于自己的框架
1、 框架封裝基礎：
事件流、冒泡、捕獲、事件物件、事件框架、選擇框架，
2、框架封裝中級：
運動原理、單物體運動框架、多物體運動框架、運動框架面向物件封裝，
3、框架封裝高級和補充：
JQuery框架雛形、可擴展性、模塊化、封裝屬于傳智自己的框架，
<6>第六階段：模塊化組件開發
1、面向組件編程：
面向組件編程的方式、面向組件編程的實作原理、面向組件編程實戰、基于組件化思想開發網站應用程式，
2、面向模塊編程：
AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS，
<7>第七階段：主流的流行框架
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，
<8>第八階段:Node.js全堆疊開發：
1、快速入門：
Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制臺程式、異步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，除錯，測驗，
2、核心模塊和物件：
全域物件global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、檔案流操作、HTTP服務端與客戶端、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開發電子商務實戰：
需求與設計、賬戶模塊注冊登錄、會員中心模塊、前臺展示模塊、購物車，訂單結算、在線客服即時通訊模塊，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/172592.html
標籤：Html/Css
上一篇：攻防世界RE 2.666
下一篇：純CSS實作3D正方體影片效果