自學(xué)前端建立知識(shí)體系，是最簡單入門以及工作后快速進(jìn)階的有效方法

「自學(xué)」是不可能太「系統(tǒng)」的，因?yàn)闆]有人幫你把每一個(gè)階段的學(xué)習(xí)內(nèi)容定義清晰。由于缺乏別人提供的反饋，你沒辦法知道自己某一階段的學(xué)習(xí)是否完成了。從事前端多年，根據(jù)經(jīng)驗(yàn)一般的建議方式是，你去實(shí)體書店看看相關(guān)的書籍，那本順眼就從哪本學(xué)起，沒必要太在乎信息來源是否系統(tǒng)化。不同的書針對(duì)有不同背景的人寫，寫作風(fēng)格也不一樣，既然沒有人針對(duì)你因材施教，你必須自己憑感覺做出正確的選擇，不要盲目使用別人的套，優(yōu)秀的前端工程師無論在深度和廣度上都得有自己的一套清晰透明的知識(shí)體系，同時(shí)更應(yīng)該具備快速學(xué)習(xí)的能力。

比你優(yōu)秀的人都在學(xué)習(xí)，你有什么理由不更加努力的去提升和造化自己呢？

WEB前端工程師除了需要掌握基本的前端的開發(fā)技能外，當(dāng)然，這里的基本技能說的比較寬泛，大致包括HTML、CSS、JavaScript、網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端基礎(chǔ)知識(shí)等等，還得學(xué)會(huì)各種輔助工具進(jìn)行開發(fā)輔助，提升工作上的開發(fā)效率。

看看技能圖譜吧！淡定

看到這里是不是感覺有點(diǎn)害怕了，要學(xué)這么多啊，別怕，據(jù)統(tǒng)計(jì)，我們所學(xué)的知識(shí)其實(shí)真正在工作中的使用率20%左右，也就是說用20%的知識(shí)就可以勝任一份工作，那剩下的80%豈不是可以扔下了？別想太多，你還是得學(xué)。別看二八定律很有美感，現(xiàn)實(shí)是十分骨感滴~~

任何技能都不是一蹴而就的，學(xué)習(xí)沒有途徑可研。

學(xué)習(xí)一項(xiàng)技能就像馬拉松一樣，跑道已經(jīng)給你固定了，只要你沿著跑道不停的向前，肯定會(huì)到達(dá)終點(diǎn)。

前端學(xué)習(xí)也是一個(gè)道理，知識(shí)點(diǎn)就那么多，只要持續(xù)的去學(xué)習(xí)，并且活學(xué)活用，多做案例，久而久之，我們就會(huì)熟練的掌握這門技能。

然后在工作中，知識(shí)就是那些知識(shí)，看你怎么用，唯一變化的就是業(yè)務(wù)需求和邏輯。

作為前端工程師，我們要滿足的就是以下四種人，搞定他們，那就天下初定。

一、產(chǎn)品經(jīng)理

這貨和前端工程師是前世的情敵，會(huì)想出各種新鮮的、奇怪的、甚至反人類的想法來折磨作為前端工程師的我們；因?yàn)檫@貨負(fù)責(zé)策劃項(xiàng)目，也就是我們將要實(shí)現(xiàn)的應(yīng)用程序。

二、UI設(shè)計(jì)師

這貨和前端工程師可說是相愛相殺，UI設(shè)計(jì)師負(fù)責(zé)應(yīng)用程序的視覺設(shè)計(jì)和交互模擬（國內(nèi)目前還沒有交互設(shè)計(jì)師），產(chǎn)品的靚麗青春還是老態(tài)龍鐘完全出自這貨之手（神之左手哦）；但這群家伙有個(gè)外號(hào)叫做“像素眼”，經(jīng)常不滿足前端工程師造成的1px誤差。

三、項(xiàng)目經(jīng)理

這貨的主要關(guān)注點(diǎn)主要在程序的正常運(yùn)行時(shí)間、應(yīng)用程序始終正常可用的時(shí)間、性能和截止日期，真切實(shí)際地負(fù)責(zé)運(yùn)行和維護(hù)應(yīng)用程序，往往追求簡單化，同時(shí)還會(huì)在程序升級(jí)時(shí)指出和引入新的問題。

四、最終用戶

這貨咱不說也知道了，我們每個(gè)人都是最終用戶，包括我們自己，雖然不經(jīng)常與這貨打交道，但是反而是最重要的，沒有最終用戶，前端工程師的存在將會(huì)沒有意義；同時(shí)他們提出的反饋意見十分重要，要求也最多，比如個(gè)性化功能，別人家的產(chǎn)品所具備的功能怎么我們沒有啊，吧啦吧啦一大堆。

那么，零基礎(chǔ)學(xué)WEB前端我們要學(xué)些什么呢？

學(xué)習(xí)是一種心態(tài)，特別是在學(xué)習(xí)一項(xiàng)新技能之前一定要認(rèn)識(shí)到這點(diǎn)，不然后果是浪費(fèi)了寶貴的時(shí)間又沒有學(xué)好，那就得不償失了。

為什么要學(xué)習(xí)前端呢？理由自己找吧！哈哈

第一階段：HTML的學(xué)習(xí)

第二階段：CSS的學(xué)習(xí)

第三階段：JavaScript的學(xué)習(xí)

第四階段：基本框架jQuery和bootstrap

第五階段：HTML5和CSS3

第六階段：停下來寫案例吧，把你在網(wǎng)頁上見到的東西用代碼寫出來

第七階段：JavaScript面向?qū)ο?前端自動(dòng)化

第八階段：各種框架了解及學(xué)習(xí)

這里什么移動(dòng)端web開發(fā)，混合APP開發(fā)什么的就不列出來，當(dāng)你學(xué)到那里來了，自然就明白了，古話說得好：停車做。愛楓林晚，閑看院前花開花落。

前端是一個(gè)應(yīng)用程序的門面，美不美，好不好用，都是前端工程師的鍋。同時(shí)前端貫穿在整個(gè)產(chǎn)品開發(fā)這條生產(chǎn)線上，說好聽點(diǎn)起著承上啟下的作用，通俗點(diǎn)講就是你周圍都是大爺，當(dāng)然，只要咱是個(gè)好前端，我特么就才是大爺。

最后：

前端就是后臺(tái)實(shí)現(xiàn)和視覺表現(xiàn)的橋梁，是貫穿在整個(gè)產(chǎn)品開發(fā)過程的紐帶，起到承上啟下的作用，一個(gè)好的前端工程師他能夠很好理解產(chǎn)品經(jīng)理對(duì)用戶體驗(yàn)的要求，也能夠很好地理解后臺(tái)工程師對(duì)數(shù)據(jù)邏輯，或者程序邏輯進(jìn)行分離的要求，并將這些要求轉(zhuǎn)化成前臺(tái)的開發(fā)工作。前端就是網(wǎng)站的門面，它的價(jià)值遠(yuǎn)大于 其他的客戶端開發(fā)。

從事全棧6年，專門建立的學(xué)習(xí)Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學(xué)習(xí)方法和需要注意的小細(xì)節(jié)，互相交流學(xué)習(xí)，不停更新最新的教程和學(xué)習(xí)技巧（從零基礎(chǔ)開始到WEB前端項(xiàng)目實(shí)戰(zhàn)教程，學(xué)習(xí)工具，全棧開發(fā)學(xué)習(xí)路線以及規(guī)劃）點(diǎn)：       學(xué)習(xí)前端，我們是認(rèn)真的