其實(shí)，十年前，在業(yè)界前端開發(fā)都不配叫工程師，因?yàn)楹芏嗳烁杏X(jué)前端開發(fā)的工作很簡(jiǎn)單，就是寫個(gè)樣式，設(shè)計(jì)師就順便把這個(gè)活干了，所以，當(dāng)時(shí)前端開發(fā)在程序員心里地位是很低的。

但是，隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，隨著前端和移動(dòng)端相結(jié)合，大前端概念應(yīng)運(yùn)而生的同時(shí)，前端面對(duì)的工作是越來(lái)越復(fù)雜，尤其是在前后端分離的今天，前端不僅僅要應(yīng)對(duì)界面的開發(fā)，也涉及到復(fù)雜的業(yè)務(wù)邏輯的處理，對(duì)于前端的開發(fā)要求是越來(lái)越高了。

我順便要為前端工程師正名:前端工程師的工作量,相對(duì)于后端來(lái)講比較大一些，不僅僅要應(yīng)對(duì)前端界面和設(shè)計(jì)，以及應(yīng)對(duì)產(chǎn)品經(jīng)理的挑剔，還要跟后端工程師確定交互的數(shù)據(jù)格式和接口。重要的是前端各種瀏覽器的界面的適配，大前端引發(fā)導(dǎo)致的還要適配移動(dòng)端的工作,相對(duì)于后端生態(tài)的穩(wěn)定，完善和生命周期長(zhǎng)，前端框架和技術(shù)生命周期更短，這就意味著前端工程師要不斷的學(xué)習(xí)和更新自己的知識(shí)，給前端工程師的壓力就越來(lái)越大。

所以，做前端是很厲害的。

那前端學(xué)習(xí)到什么水平可以出去找工作呢?我分享一個(gè)前端學(xué)習(xí)路線圖，如下:

這里分為三個(gè)階段:

第一階段:基礎(chǔ)學(xué)習(xí)階段

其實(shí)前端學(xué)習(xí)的東西挺多的，我們需要學(xué)習(xí)前端的開發(fā)語(yǔ)言，用于處理業(yè)務(wù)邏輯的: JavaScript,用于畫界面的標(biāo)記語(yǔ)言HTML，以及用于美化界面的CSS。這是第一個(gè)基礎(chǔ)階段必須要學(xué)的。

我認(rèn)為在第一個(gè)階段最重要的學(xué)習(xí)是: JavaScript 和CSS，我并不是說(shuō)HTML不重要，它很重 要,但是相比去JS和CSS，其實(shí)HTML作為標(biāo)記語(yǔ)言相對(duì)比較簡(jiǎn)單。JS 幫你處理復(fù)雜的業(yè)務(wù)邏輯，CSS可以提升界面美化的性能，總之，JS和CSS為你后期在性能優(yōu)化的處理上會(huì)有很大的幫助，所以這兩個(gè)東西的學(xué)習(xí)，基礎(chǔ)階段必須重視。

第二階段:中級(jí)實(shí)戰(zhàn)階段

你掌握了這個(gè)階段的學(xué)習(xí)，其實(shí)你就可以有能力出去找工作了。

需要掌握的知識(shí)算是基礎(chǔ)提高課，HTML5+CSS3和ES6+ TypeScript,這些需要了解一下， TS是趨勢(shì)，這里的H5，CSS3, ES6, TS是基礎(chǔ)學(xué)習(xí)階段的升級(jí)版本，這些需要你學(xué)習(xí)的同時(shí)，如果能夠達(dá)到找工作的水平,還必須會(huì)其中-種框架: Vue, React, Angular ，這三大主流框架當(dāng)中的一種。

其實(shí)，傳統(tǒng)的JQuery和DOM相關(guān)的知識(shí)點(diǎn)也需要了解一下， 雖然現(xiàn)在用得不多了。

當(dāng)然了,相對(duì)來(lái)講這三種框架Vue是華人開發(fā)的,文檔是中文的，中國(guó)人學(xué)習(xí)來(lái)比較快，入門也比較低。所以，很多人都會(huì)學(xué)習(xí)Vue，國(guó)內(nèi)用Vue前端框架的公司也很多。

如果你通過(guò)前面基礎(chǔ)學(xué)習(xí)階段的學(xué)習(xí)，可以熟練使用JS，CSS, H5的同時(shí)，又能掌握了一個(gè)開發(fā)框架，那么你就達(dá)到前端可以找工作的水平了。

當(dāng)然了，這僅僅只是達(dá)到找工作的水平了，如果你想在前端可以有更好的發(fā)展，還得繼續(xù)深入。

第三階段:高級(jí)進(jìn)階階段

想要前端更進(jìn)一步的發(fā)展，就必須好好學(xué)習(xí)一下瀏覽器內(nèi)部運(yùn)行的原理，掌握一些常用的設(shè)計(jì)模式，做到前端工程化，也就是：代碼模塊化、功能組件化,打包、構(gòu)建、發(fā)布自動(dòng)化、流程化。

在性能優(yōu)化方面很重要，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)也是必須掌握的。包括代碼的可維護(hù)性、組件的易用性、分層語(yǔ)義模板和瀏覽器分級(jí)支持。

這些高級(jí)功能必須掌握，這些知識(shí)掌握了，才能讓你寫出一個(gè)高效率，高性能的頁(yè)面，這是我們前端開發(fā)工程師的追求。

你看這三個(gè)階段涉及的知識(shí)是不是很多，很雜呢?這三個(gè)階段不僅僅前端工程師一個(gè)學(xué)習(xí)路線，更是一個(gè)進(jìn)化，進(jìn)階的過(guò)程，我們前端的學(xué)習(xí)在未來(lái)地位會(huì)越來(lái)越高，需要的技能和要求也會(huì)越來(lái)越復(fù)雜。前端學(xué)習(xí)最重要的是按照路線圖進(jìn)行系統(tǒng)化的學(xué)習(xí)。

不像我們十年前學(xué)習(xí)那么痛苦，現(xiàn)在的人學(xué)習(xí)很方便，因?yàn)楝F(xiàn)在網(wǎng)上有很多的學(xué)習(xí)資料，有很多不錯(cuò)的系統(tǒng)課程可以幫助大家更加高效的去學(xué)習(xí)和掌握實(shí)用技能，可以少走很多彎路。

我是個(gè)多年開發(fā)經(jīng)驗(yàn)的程序員，懂前端、Java、Python。年初整理了一份最新的WEB前端學(xué)習(xí)教程，無(wú)論你是計(jì)算機(jī)專業(yè)想往前端開發(fā)方向發(fā)展，還是零基礎(chǔ)想要轉(zhuǎn)行做程序員，都可以通過(guò)這份教程學(xué)習(xí)?？梢缘竭@個(gè)WEB前端學(xué)習(xí)裙獲取，前面484 中間757 后面760 。學(xué)習(xí)過(guò)程中遇見(jiàn)有不懂的問(wèn)題，也可以在里面問(wèn)，大家都會(huì)幫忙解答， 學(xué)習(xí)氛圍好。