我是一名大學生，目前大三期末考中，還剩兩科沒考，明天就考最難的一科了。但我還是帶著強烈的意愿來這里提問題了——因為突然間我很困惑，關于我的自學之路。我愛前端，但是我不太精確地知道前端是個什么東西，或許這就是所謂的“門檻低，良莠不齊”的現象，也正好發生在我身上——我是自學的，我的專業沒教這個，走進前端純粹是強烈的興趣。我只能說我熟悉html和css，會Js，Jq的基礎知識，能做點網站效果，交互啊，布局啊，整天都在搗鼓Firebug。但這顯然不夠，前端是一門偉大的學問，它能搭建一個世界，這也是我為什么喜歡前端的原因。

我自學了3個月，不算上這個緊張復習的一個月，仍然感覺自己不知道什么前端（必須重申，請見諒，⊙﹏⊙‖∣）。有一位前輩和我說，你倒不如可以先去接觸一下其他東西，知識可以慢慢積累。看到那些招聘前端的信息，有什么Nodejs，Bootstrap，Angularjs，Reactjs，Express/Coa，還要有Github 什么的，還要會后臺PHP！天啊什么鬼！！

我希望自己能夠成為一個優秀，全面的前端工程師，而不是學了點Javascript，html，css滿足于找工作就算了。在這里我想得到問題的答案：我該怎么處理現狀，要往什么方向走，要學習什么？我需要一個明確的方向。相信很多人都有這樣的困惑，話不多說先上圖。

前端開發應該掌握的知識點

如果把web前端學習比喻成建設一座摩天大樓。那么學習起來可以分以下幾個階段：

第一階段——HTML的學習——樓房的骨架

超文本標記語言(HyperText Mark-up Language 簡稱HTML)是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染后呈現給用戶。因 此，我們必須掌握HTML的基本結構和常用標記及屬性。

于是進入第二個階段——CSS的學習——樓房簡裝

CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對于傳統HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。

同時CSS中的盒子模型、相對布局、絕對布局等能夠實現對網頁中各對象的位置排版進行像素級的精確控制。通過此階段的學習，我們就可以順利完成“一幢樓房”的建設。

為了完成這個任務，我們進入第三個階段——JavaScript的學習——樓房精裝

JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內置函數、對象和DOM操作，借助這些內容我們可以來實現一些客戶端的特效、驗證、交互等，使我們的頁面看起來不那么呆板，屌絲瞬間逆襲高富帥!有么有?

接下來我們進入第四個階段——jQUery的學習——模塊化建樓，摩天大樓拔地而起。

jQuery 是一個免費、開源的輕量級的JavaScript庫，并且兼容各種瀏覽器(jQuery2.0及后續版本放棄了對IE6/7/8瀏覽器的支持)，同時現在有很多基于jQuery的插件可供選擇，這樣在我們實現一些豐富的動態效果時更方便快捷，大大節省了我們開發的時間，提高了開發速度，這也充分體現了其 write less,do more的核心宗旨。于是乎就出現了各種前端框架，在這里推薦給大家的是Bootstrap。Bootstrap是Twitter推出的一個開源的用于前端開發的工具包，是一個CSS/HTML框架，并且支持響應式布局。一經推出后頗受歡迎，一直是GitHub上的熱門開源項目。

以上知識是自學必須學會的基本技術，除此之外還需要學習瀏覽器的兼容性、AJAX技術、ps切圖等技術。好啦，了解了web前端開發的基礎知識和學習要點之后，我們來談談關于學習web前端開發是自學還是培訓好？

如果你僅僅是想找到一份工作，然后再學習，并且自控力，學習能力都比較強，我覺得自學也是可以的。而如果你是想得到速度上的提升，也必然要付出相應的代價就是參加培訓。在我來看來，實質上，這就是一種金錢與時間的互換，而金錢能買到多少時間，取決于培訓機構的效果。這里推薦可以聽一下：云和教育培訓web前端的試聽課，覺得不錯再報班還是蠻靠譜的。而且無論培訓還是自學，靠的終究還是自己。就算是全國最好的教師一對一輔導，而你每天腦子里卻都是LOL結果可想而知。更多了解請咨詢網站客服。