前端的話, 零基礎的話, 先在菜鳥教程上把 CSS/HTML/JS 等基礎過一遍。

然後就可以從 React, Vue 這兩大前端框架中選一個了.個人推薦 Vue, 因為華人開發的, 國內社群生態好.

如果想進階全棧開發的, Nodejs 要學的, 然後熟悉基礎框架 Koa, 再學學阿里的 Egg.js 框架.

這樣下來, 自己買個伺服器, 搭建部落格網站不成問題的.

web前端在近幾年非常的火尤其是在H5橫空出世之後更是有著愈演愈熱的場面，有很多的人都選擇培訓再就業，而且工資待遇什麼的都還不錯。那麼web前端應該怎麼學習呢？

一、HTML

　　既然選擇學習前端，那麼HTML這個大兄弟肯定是要認識的，那麼什麼是HTML呢？專業術語叫做：超文字標記語言，但是其實也沒那麼邪乎，html說白了就是網頁的規則。

二、CSS

　　有了HTML之後就有了最基礎的網頁，那麼最基礎的網頁肯定不好看，所以需要我們對其進行一下修飾，這是CSS就出馬了。那麼什麼是CSS呢？專業的解釋看圖，我們介紹一下不專業的，說白了就是網頁的樣式，讓網頁變得好看。

三、JavaScript

　有了基礎規則，樣式什麼的也有了，那麼是不是還缺點什麼呢？是不是動起來更有意思呢？然後就有了一個新的語言：JavaScript，世界上最流行的指令碼語言。

四、jQuery

你好，我主要擅長Java後端，JQuery+Metro4前端的技術路線，且完全是基於多年工作經驗的自學成才。

我認為學習成本最低，效率最高的方法，從入門到實踐大體有三個階段：

第一階段，學習程式語言階段。

這個階段主要是對前端開發的程式語言工具有一個宏觀的認識。瞭解前端開發用到哪些語言工具，分別實現什麼作用，以及基礎知識即可。

1）HTML，CSS：主要用於構建UI介面，HTML負責定義介面元素（控制元件），CSS負責定義元素（控制元件）的顏色、樣式。這兩種語言工具都十分簡單，內容都是由控制元件或屬性構成，建議記憶力好的話儘量記到腦子裡，紮實基礎。

2）JS：主要用於編寫前端程式邏輯。JS想要學會只有靠程式碼量堆，現階段記住基本語法和windows，document物件就行。實踐程式設計中都會用到框架，不一定會直接使用原生的JS語法，所以現階段不必深究。

3）正則表示式：主要用於字串的高效處理（包括驗證、替換、擷取），這個工具非常有用，建議記憶力好的話儘量記到腦子裡，紮實基礎。

4）介面設計理論：UI介面不只是功能，最重要是使用者的可使用性，介面佈局、色彩搭配、人機互動方法，看似跟程式設計無關，實際上這是前端設計的靈魂之處，也是前端工程師跟前端程式設計師的區別，所以請多學習相關設計知識。

第二階段，學習開發框架階段

前面講過實踐程式設計中都會用到框架，這個階段主要是對前端開發的框架工具進行實踐學習。目前比較熱門的框架推薦Vue，Element，Uni-app，EChart都可以學一學。這個階段的學習靠看是沒用的，動手是最有效的學習方法。

3）實踐學習：主要內容包括使用程式設計工具建立專案，引用開發框架程式檔案，找一個你認為很炫酷的PC網站成功案例，選取查詢瀏覽頁、表單頁、詳細內容檢視頁、圖示分析頁、登入頁這些有代表性的頁面形式模仿製作。

第三階段，迭代提高階段

經過第二階段的學習，應該已經可以做出簡陋的介面，這個階段就是：

1）在不斷的實踐中體會前端的設計方法和程式設計技巧；

2）接觸和學習更多的框架、元件；

其他建議：

1、程式設計是操作型技能，動手第一、思考第二、眼看沒用；

2、程式設計技術最大的特點就是門類、概念、工具、框架又多又複雜，剛入門的時候經驗不足難以找到主幹的學習路線，看起來好像不知道該學什麼，多久才能學會，但是如果認真梳理，漸進學習，其實也沒有那麼困難，反而可以從不斷的成就感中獲得樂趣。

3、無論是多麼牛逼的培訓學校、網課、書籍，一般只能幫助你完成第一階段的學習，極少數能夠深入的幫助你完成第二階段的學習，第一階段我更傾向於自學，第二階段我更傾向於尋找有實際工作經驗的大神教你，這樣價效比較高。

關於前端就寫到這裡，全棧開發的其他建議後續有機會再補充，希望可以幫助到你。