以下純屬個(gè)人觀點(diǎn)和建議，肯定是有局限性的，但是也希望能給你帶來一些幫助。

我們儼然能感受到前端崗位現(xiàn)在已經(jīng)發(fā)展成了最重要的研發(fā)崗位之一，所以多我們提出的要求也就越來越高了。所以我們需要的也就不僅僅只是掌握css、html、JavaScript了，但是這三大件一直都是前端的根本，這一點(diǎn)從未改變，而這三大件中JavaScript又是重中之重、

接下來我會(huì)結(jié)合我的一點(diǎn)經(jīng)驗(yàn)，給出前端系統(tǒng)學(xué)習(xí)路線的一些具體建議以及入門前端時(shí)的一些困境。

入門前端時(shí)的一些困境

1、因一些基礎(chǔ)算法、數(shù)據(jù)結(jié)構(gòu)理論不扎實(shí)導(dǎo)致一些編程思維難于理解。比如 原型鏈，如果清楚 數(shù)據(jù)結(jié)構(gòu)中鏈表結(jié)構(gòu)，那么這個(gè)東西不難理解，再比如 哈希值，懂得數(shù)據(jù)結(jié)構(gòu)中哈希表，哈希值也就迎刃而解。

2、計(jì)算機(jī)體系結(jié)構(gòu)、操作系統(tǒng)理論、網(wǎng)絡(luò)理論不扎實(shí)導(dǎo)致到后期一些東西難于理解。比如有同學(xué)從前端學(xué)習(xí)入手，后來學(xué)習(xí)node開發(fā) ，在 I/O ,進(jìn)程、線程、IPC 、線程鎖方面有些概念就比較難于理解，而導(dǎo)致不能很好得使用node 的api 。

3、前端整體體系架構(gòu)沒有做過深入思考。

導(dǎo)致用會(huì)用，但不知道為什么用，用另外一個(gè)有什么區(qū)別。

4、學(xué)習(xí)環(huán)境中無高手。

沒有高手能夠指導(dǎo)自己進(jìn)入下一個(gè)層次。

5、有意識(shí)但是沒有行動(dòng)我的網(wǎng)盤收集了一堆資料或者一堆視頻，然后就沒有然后了 。

目前企業(yè)招聘前端工程師的基本需求：

• 1.精通DIV+CSS網(wǎng)頁框架布局的HTML代碼編寫，熟悉W3C標(biāo)準(zhǔn)；
• 2.使用HTML5/CSS3熟練地進(jìn)行頁面開發(fā)；
• 3.具備良好的前端架構(gòu)分析能力與設(shè)計(jì)能力，與開發(fā)團(tuán)隊(duì)保持良好溝通；
• 4.精通各主流瀏覽器（IE6+、Firefox、Chrome、Safari）間的差異性，能快速定位和解決各種兼容難題；
• 5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各種Web前端開發(fā)技術(shù)，具備一定的跨瀏覽器開發(fā)經(jīng)驗(yàn)；
• 6.熟悉Vue，react

學(xué)習(xí)路線，可以參考一下：

第一階段：前端頁面重構(gòu)。主要內(nèi)容包括PC端網(wǎng)站布局、HTML5+CSS3基礎(chǔ)、WebApp頁面布局。學(xué)完此階段，學(xué)員可勝任Web前端開發(fā)工程師/前端頁面布局與重構(gòu)工程師，就業(yè)薪資為4K-6K;

第二階段：JavaScript高級(jí)程序設(shè)計(jì)、PC端全棧開發(fā)。主要內(nèi)容包括原生JavaScript交互功能開發(fā)、面向?qū)ο筮M(jìn)階與ES5/ES6/ES7應(yīng)用、JavaScript工具庫自主研發(fā)、jQuery經(jīng)典交互特效開發(fā)、PHP+MySQL后端基礎(chǔ)、前端工程化與模塊化應(yīng)用等。學(xué)完此階段，學(xué)員可勝任HTML5大前端工程師、高級(jí)HTML5大前端工程師、網(wǎng)站開發(fā)工程師、移動(dòng)前端開發(fā)工程師，就業(yè)薪資為6K-10K;

第三階段：Node.js后端開發(fā)、Vue.js前端框架、React前端框架、混合開發(fā)(Hybrid,RN)、Angular前端框架、大數(shù)據(jù)可視化。學(xué)完此階段，學(xué)員可勝任高級(jí)HTML5大前端工程師、全棧工程師、移動(dòng)前端App開發(fā)工程師、微信開發(fā)工程師、小程序開發(fā)工程師、數(shù)據(jù)可視化開發(fā)工程師，就業(yè)薪資為10K-15K。

前端的學(xué)習(xí)差不多就是上面的三個(gè)階段，如果沒有什么基礎(chǔ)的初學(xué)者，學(xué)完差不多也需要半年才能找工作。當(dāng)然有一定基礎(chǔ)的同學(xué)能夠更快掌握前端技術(shù)。因此學(xué)習(xí)前端的小伙伴不用糾結(jié)學(xué)習(xí)時(shí)間要多久，更應(yīng)該注意的是學(xué)習(xí)質(zhì)量才對(duì)。畢竟只有學(xué)到了有用的技能，才能不愁找不到工作。

如何入門前端

1、前端市場(chǎng)分析

如今互聯(lián)網(wǎng)的快速發(fā)展下，很多公司的前端人才缺口巨大。根據(jù)各大招聘網(wǎng)站的統(tǒng)計(jì)，其用人數(shù)量已經(jīng)遠(yuǎn)遠(yuǎn)超過主流編程語言Java、ASP、和ios等開發(fā)人員的數(shù)量。一些人擔(dān)心前端行業(yè)會(huì)飽和，其實(shí)這種擔(dān)心完全是多余的。技術(shù)無論怎么發(fā)展，整體市場(chǎng)是不會(huì)飽和的，飽和的也只會(huì)是低端飽和，高端始終缺人。在未來，專業(yè)的前端開發(fā)工程師才是企業(yè)真正爭(zhēng)奪的香餑餑。而被淘汰的不是前端開發(fā)，而是淘汰技術(shù)落后和技術(shù)不精的開發(fā)者。從薪資上來說，前端和后端的薪資基本是一樣的，但前端的市場(chǎng)需求會(huì)比后端的更大。隨著互聯(lián)網(wǎng)的深入發(fā)展，用戶體驗(yàn)則是企業(yè)的重中之重，而前端，作為公司的門面，需求會(huì)越來越大。從職業(yè)發(fā)展上來說，作為互聯(lián)網(wǎng)時(shí)代直接觸達(dá)用戶的窗口，前端無處不在，應(yīng)用的領(lǐng)域廣闊，前景一片光明。

2、前端應(yīng)用場(chǎng)景

前端交互是要直接呈現(xiàn)給用戶的界面，每個(gè)按鈕每一次跳轉(zhuǎn)，都需要前端開發(fā)。因此我們可以看到前端開發(fā)存在的方方面面，比如網(wǎng)站設(shè)計(jì)優(yōu)化、各色各樣H5、app/小程序開發(fā)等等。隨著互聯(lián)網(wǎng)進(jìn)入Web2.0時(shí)代，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動(dòng)，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗(yàn)，這些都是基于前端技術(shù)實(shí)現(xiàn)的。如今手機(jī)更是成為人們生活中不可或缺的一部分，人們迎來了體驗(yàn)為王的時(shí)代。移動(dòng)端的前端技術(shù)開發(fā)前景寬闊。此外，前端技術(shù)還能應(yīng)用于智能電視、智能手表，甚至人工智能領(lǐng)域也出現(xiàn)了前端的應(yīng)用場(chǎng)景。

3、發(fā)展路線

剛?cè)腴T的零基礎(chǔ)小白，應(yīng)該把重點(diǎn)放在 CSS和HTML基礎(chǔ)知識(shí)的學(xué)習(xí)上。比如web標(biāo)準(zhǔn)、HTML相關(guān)概念、HTML標(biāo)簽、路徑相關(guān)概念、錨點(diǎn)及其他、表格標(biāo)簽、表單標(biāo)簽、綜合案例，注冊(cè)頁面、CSS選擇、CSS字體樣、CSS外觀屬性、調(diào)式、CSS復(fù)合選擇器、標(biāo)簽顯示模式、CSS背景、CSS三大特性等等。

JavaScript一直都是前端工程師進(jìn)步的基石， JavaScript 的理解深度決定了前端開發(fā)者的職業(yè)發(fā)展。關(guān)于JavaScript的學(xué)習(xí)內(nèi)容包括了瀏覽器執(zhí)行JS過程、JS變量、數(shù)據(jù)類型、運(yùn)算符等。只有在熟悉了JavaScript基礎(chǔ)語法的基礎(chǔ)上，我們才能繼續(xù)深入學(xué)習(xí)前端開發(fā)技術(shù)。

 我們常用的庫工具有JQuery、underScore、zepto、Moment 等。這些庫給我們提供了很大的便利，省去了我們編寫相關(guān)方法的時(shí)間，同時(shí)也是我們的程序更加穩(wěn)健。當(dāng)然對(duì)于這些庫我們不僅僅只是去了解 API，我們需要去學(xué)習(xí)它的源碼?？纯慈绻约簩懴嚓P(guān)方法的話是不是也想到了這種方式，這些庫工具是也是一個(gè)很好的學(xué)習(xí)工具，我們不應(yīng)該忽略。

接下來學(xué)習(xí)的內(nèi)容包括了node環(huán)境安裝、node模塊化、gulp使用、服務(wù)器和http協(xié)議、Ajax函數(shù)封裝、同源策略、JSONP、 CORS、jQuery中Aajx方法的使用、Ajax補(bǔ)充內(nèi)容。完成這部分學(xué)習(xí)路線的內(nèi)容可以基本掌握前后端數(shù)據(jù)交互、基于前后端分離模式、傳統(tǒng)模式的開發(fā)的工作。因此可以具備企業(yè)基礎(chǔ)用人標(biāo)準(zhǔn)，實(shí)現(xiàn)零基礎(chǔ)小白到初級(jí)前端開發(fā)工程師的華麗轉(zhuǎn)身。

然后我們要學(xué)習(xí)Vue指令、修飾符、樣式綁定、v-model底層原理、計(jì)算屬性、過濾器、偵聽器、vue組件、Promise、Fetch、axios、vue路由、前端工程化和模塊化等等。學(xué)完以上內(nèi)容，大家能夠?qū)崿F(xiàn)基于Vue技術(shù)棧項(xiàng)目的開發(fā)能力，基本能夠達(dá)到中級(jí)前端開發(fā)工程師水平。

4、前端入門建議

在大家作為一名零基礎(chǔ)小白入門前端之前，首先要問自己一個(gè)問題：你為什么要學(xué)習(xí)前端？如果只是為了混一個(gè)高薪的工作，不愿意持續(xù)的學(xué)習(xí)成長，對(duì)前端也不感興趣，那還是建議你再慎重考慮要不要學(xué)習(xí)前端。畢竟前端這個(gè)行業(yè)如果你在入門前沒有做好從初級(jí)跨入高級(jí)的準(zhǔn)備，后期的職業(yè)發(fā)展將會(huì)遭受巨大的職業(yè)瓶頸，甚至在學(xué)習(xí)前期就會(huì)輕易放棄。

另外，建議零基礎(chǔ)的初學(xué)者正確認(rèn)識(shí)自己的學(xué)習(xí)能力。如果入門自學(xué)都比較困難，不妨報(bào)個(gè)靠譜一點(diǎn)的培訓(xùn)班。畢竟培訓(xùn)班只需要交學(xué)費(fèi)，就可以為大家提供更好的學(xué)習(xí)氛圍，還可以讓大家少走一些彎路。而且IT技術(shù)是更新?lián)Q代非常快的，如果自學(xué)效率差，學(xué)到的東西很快就沒有用了。

關(guān)于前端的長期職業(yè)規(guī)劃，大家要明白的是前端已不是從前的前端，不僅僅是切頁面做特效，如今的前端項(xiàng)目越來越龐大，需要重視項(xiàng)目組織和管理，需要工程化，需要前端架構(gòu)。而且學(xué)習(xí)一門后端語言更有利于在前端的路上走得更遠(yuǎn)。

以上就是0基礎(chǔ)學(xué)習(xí)前端開發(fā)的一些建議的詳細(xì)內(nèi)容，更多關(guān)于學(xué)習(xí)前端開發(fā)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論