薪資那麼高的Web前端，你該怎麼學？

話不多說，讓我們直接進入今天的主題。

web前端到底怎麼學？

那麼在講 Web前端怎麼學這個大命題之前呢，依據我本人的尿性，還是得先把你拉入坑，讓你在坑裡好好學~

想說愛你不容易！但是我會想方設法讓你愛上她（Web前端開發）。

一般據我經驗，在喜歡並且決定和她戀愛之前，我都會做一下充分準備和調查，有必要了解和研究清楚 『她』 的幾個特性和習慣。

web前端的基本工作職責 和基礎技能（要清楚）

web前端的分類和門派（簡要概述，武林 實在是太大啦）。

前端開發 必看的書籍資料（乾貨重點）。

如果你已經了解清楚以上前2點並思路清晰，那就跳到後面的 「前端開發 : 必看的書籍資料 」 。

web前端的基本工作職責

「 入一行，要先知一行 」；我們來看看Web前端開發職位 無論什麼門派都要做到的一些基本工作職責。

首先，你必須是一個合格的「頁面仔」，這個叫法不好聽，但很生動。

我們都知道，所有呈現的內容都是基於HTML 網頁的。

如果你的HTML、CSS（包括現在的HTML5+CSS3）基礎不會，或者不夠紮實，都很難在有大的進步，或者你的JS 很好，但布局基礎不行，還是不能算合格的web前端。

其次，前端主要負責實現視覺和交互功能，以及與後端伺服器通信，完成業務邏輯。現在前端的核心價值在於對用戶體驗的極致追求。

那麼我們靠什麼來提升用戶體驗和人性化操作，讓用戶覺得體驗牛x、舒服呢？（當然細分厲害的公司，會有專門的 用戶體驗攻城獅）

當然是我們自始自終的主角 JavaScript了，畢竟它最初就是為瀏覽器而生的腳本語言。

然而，JS這門語言並不是一種強類型語言，更像是一種解釋型語言，所以很多屬性，在不同的瀏覽器環境解釋有很大不同導致，效果和性能千差萬別，而且很多屬性之長，之多，之巨都很有工作量。

之後，就出現了jQuery 這種的框架神器，由於其好用，簡單，效果多樣，兼容完美，高效率等特性，迅速席捲全世界，所以如果想入門，jQuery 這個東西你是逃不掉的，而且利用它簡單的語法，你會很快將一些效果實現出來，迅速提升興趣。

再後，既然涉及到視覺 和用戶體驗，那麼UI 設計知識，你肯定要涉及或者懂一些設計方面的技能和基本素養，比如PS的一些基本操作，切圖，和顏色值（比如會改個字，隱藏個圖層，改個尺寸，變個顏色什麼滴），屏幕適配方案等，講道理說：平時並不需要我們做，但技能包里絕對要有。

最後，伺服器知識+後端語言基礎，這個職責和話題就比較hight了，到後面我們會一一解釋。

總之，web前端同樣是程序員，由於前端是位於後端程序和界面設計師之間的崗位，相當於中間橋樑，要完成三者的對接，涉及到廣泛 的知識，規模大到工程級，也就有了前端工程師的說法（某人總結，很是到位）。

Web前端工程師，是一個要精通本職HTML、CSS、JavaScript，也要了解後端編程，了解界面設計，了解軟體工程的綜合人才。

看到這一大篇的職責和技能，你也別害怕，因為這些就像小孩子，會走路，會說話。只要你有興趣，只要有人領路，有教程自然而然就能掌握的技能，至於一些設計素養，反正你不是UI，有最好，沒有又有什麼所謂呢？

web前端的分類和門派

根據Web前端的細分工種 和 業務不同，我無恥的把她比擬出來幾個門派，供大家參考，也讓無比龐大的前端劃分變得有趣一些，不然下面我放一張圖， 你看了會暈菜。

這裡我先簡單說幾種，我們常常熟知的幾個門派，比如：

少林派：七十二般武藝樣樣精通 - Web網站開發

武當派：以柔克剛 - 移動APP開發

峨嵋派：傾國傾城 - canvas 數據可視化

華山派：劍法精湛 - nodejs開發

逍遙派：瀟洒飄逸 - HTML5遊戲

讓你暈菜的技能樹 ，客觀您感受一下先~

Web前端知識體系實在是太龐大，先不感慨了，我們趕緊去看乾貨！

前端開發 : 必看的書籍資料

HTML + CSS這部分建議在在線教程上學習，邊學邊練，每個屬性後還有在線測試。 然後過一遍之後可以模仿一些網站做些頁面。記住這個一定要多練、多練、多練 ，最重要的事兒 還得我說三遍？

JavaScript 要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，還是建議先通過在線教程學習一些基本語法和定義。

然後你必須要看書，然後實踐（好多人問 有沒有快速捷徑，我只能告訴你：如果有捷徑，碼農們就不用天天如此苦逼了吧）。

記住：忍得住寂寞枯燥，才能拿得到高薪！

想要系統學習web前端和免費學習資料的 可以加裙六二三九六六八零六 學完有工作推薦

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！