首先了解web前端

Web前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。在網際網路的演化程序中，網頁製作是Web1。0時代產物，那時網站的主要內容是靜態的，使用者使用網站的行為也以瀏覽為主。

’2005年以後，網際網路進入Web2。0時代，各種類似桌面軟體的Web應用大量湧現，網站的前端由此發生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種富媒體讓網頁的內容更加生動，網頁上軟體化的互動形式為使用者提供了更好的使用體驗，這些都是基於前端技術實現的。

其實說了這麼多，直接通俗一點說，前端就是利用三大核心（html，css，JavaScript）技術，以及衍生技術開發出來的主要在瀏覽器上展示的頁面，其成品可以為：

任何瀏覽器上看到的任何頁面

官方網站

後臺管理系統

微信小程式

公眾號

TML5 開發移動端 APP

跨平臺的桌面端的應用程式

寫 NodeJS 程式，部署伺服器

當然還順帶要學會一點ps切圖技術

所以你說前端是什麼，能做什麼，只是簡單的給你說一下他是做網頁開發的，但是高階的用法又可以做上面這麼多東西，只能說前端太強大了。

前端要學習些什麼呢？

html+css+js：首先肯定是基礎的html+css+js三劍客了，這是最基本的知識，所以基礎階段一定要打好。

JQuery：很多人覺得JQ已經過時了，但是其實JQ的使用還是很廣泛的，只是新專案很少使用JQ開發了。但是我們這麼多龐大的老專案是不是需要維護，那不還得學習JQ嗎？ 還有我們學習JQ也主要是學習他的前端開發思維，學習他處理更復雜的的邏輯思維方法。

html5+css3：接著要學習的就是html5+css3，我們上面所學的html+css+js階段中學習的是html4+css2，這是基礎部分，學好了我們才學習新版本的html5+css3，學完以上3部分之後，我們就能開發完整的純前端的任何頁面了。

移動web端開發：這部分是衍生出來的新版塊，因為移動端開發都是基於html+css+js+html5+css3開發的，那為什麼要拿單獨分成一個版塊呢？ 就是因為移動端開發和pc端開發有很多新的知識，會開發pc端，不一定會移動端，而且今後的發展趨勢是越來越像移動端靠攏的，所以移動端才作為一個版塊分離出來，重點學習。

es6+階段：這是一個什麼階段呢？其實這就是javaScript階段的升級階段，我們上面所學的js全程是ECMAScript 5，是2009年釋出的版本。 那es6全稱是ECMAScript 6。0，是2015年釋出的新版本，在es5之後的大版本的迭代，在es5的基礎上增加了很多新api（也就是新的知識），所以當前我們的開發主要以es5+es6為主，一起開發的。 那為什麼叫es6+呢，是因為現在已經發展到es6，es7，es8，es9階段了，但是7，8，9階段目前瀏覽器支援性還不好，還沒有普及，以及7，8，9版本只是小版本的增加一些少量的api，所以不堪大用。

前後端互動階段：這個階段的知識也是很重要的，我們要學習的主要知識有，http+ajax+json+nodejs+mysql+mongoDB等等前後端互動的知識，是我們以後和後端配合開發的重要知識，沒有了這個版塊的學習，那前端將是毫無靈魂的。

框架階段：框架其實就是一些利用html+css+js開發出來的一些簡化專案開發工作的工具，也是目前前端的主流開發手段，常用的框架有vue，react，angular，以及小程式，app混合開發，echarts。js和D3。js圖表等等已經成熟的框架體系。 學習這些框架，能大大縮短我們專案的開發週期，減少開發難度，是前端人員必不可少的開發技能。

其他：跟高階的知識板塊還有什麼web安全，資料視覺化，演算法以及演算法處理等等這些高深的技術，當然這些知識百分之九十的前端開發不需要學習也不需要掌握，我們只要掌握上面7個板塊的學習就好了，基本上吃遍國內外。