自學前端2年併成功轉行的人回答一下:

零基礎的學習的情況

安裝vscode 先學 html 5，用MDN文件去學，廢棄的屬性不需要去看，大跨步的前進，xhtml的那些東西不需要去學了，記住MDN文件裡面寫的那些新屬性，這些是以後面試時經常問的問題。學習是著重注意html 5語義化的含義，體會下。

接著學習 CSS 3，對於新的屬性格外注意，各種特殊情況包括各種居中怎們做，花點時間，記住吧，這個css要多敲程式碼，看的再多也沒用。css是區分優秀前端和其他兼職前端的分界線。此時模仿你喜歡的網站做點靜態頁面。繼續學習ES 5，這是javascript基礎知識，此時進入前端的瓶頸了，多花點時間理解吧，例如函式、閉包、this、作用域、原型鏈重點理解。學點MVC思想與面向物件的基礎知識，方便後面的jq的理解。學習ajax，引出跨域的概念，以及破解跨域的另一個解決方案JSONP，學習主流的資料交換格式JSON。進軍jquery與bootstrap。jq是第一個你需要接觸的框架，減少很多程式碼量，提升自信心。bootstrap的思想值得細細品味。此時有了前端基礎和框架，做一個一個完整的專案吧。學會前端工程化的目錄結構。以上算是前端的小小入門。接下來是昇華階段。補充http的知識，cookie、session、localstorage、sessionstorage。學習快取機制以及持久化化儲存。學習從MVC到MVVM的轉換，目前主流的都是MVVM。學習axios庫替換jq去操作ajax。學習ES 6,這是現在主流框架以及工作要用到的js規範。學習前端自動打包器-webpack不用學其他的了，其他的都淘汰了！！！！安裝webstorm，學習Vue，以及它的全家桶系列。不要學angular，初學者千萬不要學它，也不用先學typescript。做一個基於Vue全家桶的專案。

以上是現代化前端必備的知識體系！！！

此時絕對可以找到一個好工作，而且是很好的工作。我在沒有學Vue的時候就能找到自學找到工作了，加油吧，沒問題～

注：錦上添花的是學會react以及小程式開發～，這一步不是必備的

html.css.javascript。

至於jquery已經無足輕重了。

新人直接上vue。

重要的是自己確實掌握了這些東西，可以實際開發出專案，完成老闆交付的任務。不是自以為學過了，學會了。

這些都是基礎，都要掌握。相對而言，js難一些，但更為重要。

我們知道在網站開發中有前端和後端兩種角色的開發人員，那麼前端一般來說是客戶端，而後端則是伺服器端。前端主要負責的是與伺服器進行通訊並實現視覺和互動效果。前端的核心價值就在於實現使用者體驗，

我給大家整理了一下零基礎學習前端開發的知識路徑：

基礎知識：

1、首先是Html+CSS這部分的內容，這部分主要用以實現頁面效果，是前端最基礎的知識，當你能背熟給個標籤的使用之後，你就可以模仿一些網站做一些頁面，不斷的在實踐中積累經驗。

2、JavaScript，JS是很強大的一門語言，但是他的內容實在太多了，而且有很多內容是糟粕，新手是無法區分精華與糟粕的JavaScript，JS是很強大的一門語言，但是他的內容實在太多了，而且有很多內容是糟粕，新手是無法區分精華與糟粕的。

進階：

當你具備了以上知識的時候，你就可以做出一般的靜態網頁了，也能做出比較炫酷的動畫效果，但是對於複雜的、要與伺服器互動的頁面還需要進一步的學習。

1、 CSS方面，著重去了解盒子模型，流動，block，inline，層疊，樣式優先順序等概念。然後是標題，背景，圓角，導航條，table，表單等也需要學習一下，學習完以上知識點你就可以在簡歷上寫上熟悉CSS了，大膽點寫個精通也行。

2、學習了以上JavaScript的知識點後還不能讓你勝任JavaScript程式設計工作，所以在有了以上基礎之後還需要進一步學習，內容如下：

學習一款框架，這裡我推薦你學習jQuery，這是非常簡單易用的一款框架，你可以輕鬆的透過jQuery來完成一些簡單的專案，學習起來也很簡單，你不需要面面俱到的學習框架的所有內容，你只需要學習怎麼用和基本用法就行了，畢竟遇到問題還可以檢視文件，框架可以幫你遮蔽瀏覽器的差異，能讓你把更多的精力放在開發的業務部分。

面向物件基本概念。雖然說JavaScript並不完全是一門面向物件的程式語言，因為他的設計理念我們可以看到很多函式程式語言的影子，但是我們還是要儘量把它當作面向物件程式語言來使用，這裡要求懂得面向物件的基本理論，對封裝，繼承，多型要有一定的理解。

著重瞭解JavaScript語言的內部機制。你必須熟悉以下的概念：JavaScript中變數的作用域，變數傳遞方式，函式的定義環境與執行環境，閉包，函式的四種呼叫方式（一般函式，物件的方法，apply，call），以及四種呼叫方式下，this指向的是誰。

DOM程式設計，這是一個合格的前端工程師的核心技能之一，雖說現在框架已經封裝了絕大部分的原生DOM語法，能讓你更方便的使用DOM來完成一些事情，但是還是很有必要去熟悉DOM原生語法的。

Ajax程式設計。這裡必須圈重點，前後端分離開發是近兩年很流行的一種前後端協作開發模式，而且頁面無重新整理改變看起來也很炫酷，要做到這裡都要用到Ajax程式設計，但是你也不用害怕，因為真正使用起來其實Ajax很簡單的，而且現在的幾乎所有框架都對Ajax有著很好的封裝。

補充瞭解瀏覽器的差異性。這部分包括CSS和JavaScript兩部分，瀏覽器差異內容很多，建議在實踐中多多積累。另外對於瀏覽器的渲染模式，DOCTYPE等內容應該系統學習。

根據以上學習完，你已經可以成為一名合格的前端工程師了，但是如果想要進階，你還不能鬆懈，還需要繼續努力才行，要想成為更專業的前端，你還需繼續努力。更高的要求大概還有四方面：1.易維護；2.可測試；3.高效能；4.低流量（移動端）。先腳踏實地的把門入了，未來的路，還任重而道遠。

最後分享一則千鋒前端的學習路線圖，僅供參考。

千鋒html5教程第一部分：課程體系解讀 http://pan.baidu.com/s/1o7B9OYA

千鋒html5教程第二部分：微案例講解 https://pan.baidu.com/s/1nwyNFg1

千鋒html5教程第三部分：知識點講解 http://pan.baidu.com/s/1jICHs9o

加油吧，騷年！

有影響，你先學會頁面佈局。

1、把html的標籤記住，使用方法。

2、然後在學習css,css就是調整頁面樣式的，多使用幾遍就熟悉。

3、然後再學習js，學習js的基本語法，用法，在學習js的時候你會用html、css來簡單佈局。

4、你簡單的瞭解了js就可以學習jquery，因為jquery比較簡單，等你使用熟練後，還是要好好學習js,畢竟js是基礎，基礎好了學習js的其他框架就很容易。

百戰程式設計師為你解答——

先學html，css ，能把普通頁面搭起來了，再學js給頁面加互動元素。能力可以的話三個一起學也沒衝突。

給大家分享一下學習前端的經驗和方法，對於前端的學習非常有幫助：

1.學習資料 現在大多數人的學習方法都很盲目，一味的找資料看影片，其實我們從一開始就選定一套體系完整的學習資料，從一而終的學習，就可以快速幫助我們構建完整而又清晰的知識體系，提升學習效率。

2.不能只依靠理論，要有真實專案鍛鍊 很多小夥伴都會出現對技術的理解停留在理論層次，而缺乏真實企業專案的歷練，所以可以定期組織一些人進行真正專案的實踐，從實踐中落實鞏固已學到的知識。

3.學習夥伴互相監督鼓勵 在學習的過程中，最容易出現的情況就是懶散易放棄，這時候就需要找一個人來監督自己，自己也可以監督他，互相鼓勵學習，會更有幹勁。

4.制定學習計劃，總結學習經驗，找到學習方法。首先要制定適合自己的學習目標，根據目標制定學習計劃，按照計劃的內容完成學習任務，這一套學習方法適用於所有學習當中，找對學習方法就會讓學習事半功倍。