我是一名大學(xué)生，目前大三期末考中，還剩兩科沒(méi)考，明天就考最難的一科了。但我還是帶著強(qiáng)烈的意愿來(lái)這里提問(wèn)題了——因?yàn)橥蝗婚g我很困惑，關(guān)于我的自學(xué)之路。我愛(ài)前端，但是我不太精確地知道前端是個(gè)什么東西，或許這就是所謂的“門檻低，良莠不齊”的現(xiàn)象，也正好發(fā)生在我身上——我是自學(xué)的，我的專業(yè)沒(méi)教這個(gè)，走進(jìn)前端純粹是強(qiáng)烈的興趣。我只能說(shuō)我熟悉html和css，會(huì)Js，Jq的基礎(chǔ)知識(shí)，能做點(diǎn)網(wǎng)站效果，交互啊，布局啊，整天都在搗鼓Firebug。但這顯然不夠，前端是一門偉大的學(xué)問(wèn)，它能搭建一個(gè)世界，這也是我為什么喜歡前端的原因。

我自學(xué)了3個(gè)月，不算上這個(gè)緊張復(fù)習(xí)的一個(gè)月，仍然感覺(jué)自己不知道什么前端（必須重申，請(qǐng)見(jiàn)諒，⊙﹏⊙‖∣）。有一位前輩和我說(shuō)，你倒不如可以先去接觸一下其他東西，知識(shí)可以慢慢積累?？吹侥切┱衅盖岸说男畔?，有什么Nodejs，Bootstrap，Angularjs，Reactjs，Express/Coa，還要有Github 什么的，還要會(huì)后臺(tái)PHP！天啊什么鬼?。?/p>

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

前端開(kāi)發(fā)應(yīng)該掌握的知識(shí)點(diǎn)

如果把web前端學(xué)習(xí)比喻成建設(shè)一座摩天大樓。那么學(xué)習(xí)起來(lái)可以分以下幾個(gè)階段：

第一階段——HTML的學(xué)習(xí)——樓房的骨架

超文本標(biāo)記語(yǔ)言(HyperText Mark-up Language 簡(jiǎn)稱HTML)是一個(gè)網(wǎng)頁(yè)的骨架，無(wú)論是靜態(tài)網(wǎng)頁(yè)還是動(dòng)態(tài)網(wǎng)頁(yè)，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染后呈現(xiàn)給用戶。因 此，我們必須掌握HTML的基本結(jié)構(gòu)和常用標(biāo)記及屬性。

于是進(jìn)入第二個(gè)階段——CSS的學(xué)習(xí)——樓房簡(jiǎn)裝

CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言其樣式是可以復(fù)用的，這樣就極大地提高了我們開(kāi)發(fā)的速度，降低了維護(hù)的成本。

同時(shí)CSS中的盒子模型、相對(duì)布局、絕對(duì)布局等能夠?qū)崿F(xiàn)對(duì)網(wǎng)頁(yè)中各對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制。通過(guò)此階段的學(xué)習(xí)，我們就可以順利完成“一幢樓房”的建設(shè)。

為了完成這個(gè)任務(wù)，我們進(jìn)入第三個(gè)階段——JavaScript的學(xué)習(xí)——樓房精裝

JavaScript是一種在客戶端廣泛使用的腳步語(yǔ)言，在JavaScript當(dāng)中為我們提供了一些內(nèi)置函數(shù)、對(duì)象和DOM操作，借助這些內(nèi)容我們可以來(lái)實(shí)現(xiàn)一些客戶端的特效、驗(yàn)證、交互等，使我們的頁(yè)面看起來(lái)不那么呆板，屌絲瞬間逆襲高富帥!有么有?

接下來(lái)我們進(jìn)入第四個(gè)階段——jQUery的學(xué)習(xí)——模塊化建樓，摩天大樓拔地而起。

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

以上知識(shí)是自學(xué)必須學(xué)會(huì)的基本技術(shù)，除此之外還需要學(xué)習(xí)瀏覽器的兼容性、AJAX技術(shù)、ps切圖等技術(shù)。好啦，了解了web前端開(kāi)發(fā)的基礎(chǔ)知識(shí)和學(xué)習(xí)要點(diǎn)之后，我們來(lái)談?wù)勱P(guān)于學(xué)習(xí)web前端開(kāi)發(fā)是自學(xué)還是培訓(xùn)好？

如果你僅僅是想找到一份工作，然后再學(xué)習(xí)，并且自控力，學(xué)習(xí)能力都比較強(qiáng)，我覺(jué)得自學(xué)也是可以的。而如果你是想得到速度上的提升，也必然要付出相應(yīng)的代價(jià)就是參加培訓(xùn)。在我來(lái)看來(lái)，實(shí)質(zhì)上，這就是一種金錢與時(shí)間的互換，而金錢能買到多少時(shí)間，取決于培訓(xùn)機(jī)構(gòu)的效果。這里推薦可以聽(tīng)一下：云和教育培訓(xùn)web前端的試聽(tīng)課，覺(jué)得不錯(cuò)再報(bào)班還是蠻靠譜的。而且無(wú)論培訓(xùn)還是自學(xué)，靠的終究還是自己。就算是全國(guó)最好的教師一對(duì)一輔導(dǎo)，而你每天腦子里卻都是LOL結(jié)果可想而知。更多了解請(qǐng)咨詢網(wǎng)站客服。