前言

如果你現(xiàn)在仍舊以為參加一個線下培訓(xùn)班就能找到前端的工作,那我很確定你的學(xué)費會打水漂。

近年來,市場已經(jīng)從“批量招聘”轉(zhuǎn)變?yōu)椤熬珳收衅浮?。過去這個行業(yè)嚴重缺人,培訓(xùn)班的作用是批量培訓(xùn)后被公司招聘,公司內(nèi)部培養(yǎng)幾個月上手。而現(xiàn)在如果你還保持過去的思維,用以前的培訓(xùn)方式應(yīng)對現(xiàn)在的招聘,必然找不到工作。培訓(xùn)出來的人如果真的技術(shù)太差,面試一會就看出問題所在。

前端工作當(dāng)然還在,而且有很大發(fā)展空間!前端已經(jīng)不僅限于網(wǎng)頁三劍客,涉及更廣的領(lǐng)域。 web3.0時代即將到來,變化在所難免。

但是,絕不是簡單的培訓(xùn)就業(yè)。前端薪資年年上漲,工作難度和需要學(xué)習(xí)的知識也在增加。所以關(guān)鍵在于“學(xué)”。

如果想找前端工作,培訓(xùn)只能解決70%,關(guān)鍵還需要自己花時間學(xué)習(xí)。其實對學(xué)生來說,充分利用在校時間學(xué)習(xí)前端,時間足夠就能提高技能和知識,自然不愁找工作。問題是很多人想走捷徑,幾個月就想高薪就業(yè),實際上會受到現(xiàn)實的打擊。學(xué)習(xí)代碼需要日積月累,沒有耐心和足夠時間,難以勝任技術(shù)工作。

現(xiàn)在真正缺乏的是中高級技術(shù)人才。所以,想要前端工作,必須定位中高級,打好基礎(chǔ),弄清理論,做兩個像樣的項目。市場上正缺這樣的人才。

我推薦的學(xué)習(xí)方式是:自己學(xué)習(xí)+有指導(dǎo)

學(xué)習(xí)永遠需要自己,找適合自己的方法和習(xí)慣,總結(jié)心得。不管報培訓(xùn)與否,終需靠自己。太多事只有親力親為,別人幫不了你做具體事情。所以必須明白這點,學(xué)習(xí)永遠是自己的事。

除自己之外,還要“借助外力”。有些事自己目前難以解決,需要外界幫助。特別是學(xué)習(xí)技術(shù),有經(jīng)驗的人帶帶我們,可以避免許多彎路。像一個小bug,自己可能花幾個小時解決不了,有經(jīng)驗的人一分鐘就搞定。這種情況下,我們沒必要浪費時間,要會“借助外力”提高效率。

所以,學(xué)習(xí)前端的人,找身邊親朋好友帶帶自己。如果周圍沒有,那就找個靠譜點的培訓(xùn)吧。

下面是我10年來結(jié)識的前端技術(shù)人員，做的一個培訓(xùn)班。如果實在自制力差，可以考慮過去咨詢一下，但還是推薦你自學(xué)，因為現(xiàn)在網(wǎng)上教程資源非常豐富，小破站一搜一大堆。

下面是我總結(jié)的web前端學(xué)習(xí)路線的最新版本：

一、HTML/CSS3 部分

掌握HTML和CSS的全面知識,包括:

HTML基礎(chǔ):標(biāo)簽、屬性、語義化、表單、Canvas等

CSS基礎(chǔ):選擇器、層疊樣式、布局、動畫、漸變等

CSS預(yù)處理器:Less/Sass等,提高CSS的程序性

CSS框架:Bootstrap等,快速開發(fā)響應(yīng)式布局

二、JavaScript 部分

JavaScript是前端開發(fā)的基石,需要深入學(xué)習(xí):

ECMAScript標(biāo)準和新特性:ES6/ES7/ES8等的新語法和API

DOM和BOM:頁面元素獲取、事件處理等

AJAX與跨域:異步請求數(shù)據(jù)和跨域解決方案

正則表達式:字符串匹配替換

JavaScript設(shè)計模式:單例、工廠、MVC等模式

JavaScript高級函數(shù):柯里化、組合函數(shù)、高階函數(shù)等

JavaScript模塊化:AMD/CMD/CommonJS等模塊規(guī)范

JavaScript性能優(yōu)化:內(nèi)存泄漏、頁面加載優(yōu)化等

JavaScript調(diào)試:控制臺、斷點調(diào)試、性能分析等

三、HTML5 / 移動端開發(fā)

部分HTML5新增特性:Canvas、SVG、WebSockets、Geolocation等

移動端適配:視口、rem布局、media query等響應(yīng)式方案

框架:Vue.js、React等,SPA(單頁應(yīng)用)開發(fā)

UI庫:ElementUI、VantUI等,組件化開發(fā)

四、Nodejs與工程化開發(fā)

部分 Node.js:運行JavaScript的服務(wù)端環(huán)境

NPM:Node包管理工具,管理包依賴

Webpack:模塊打包工具,實現(xiàn)前端工程化

Vue CLI:Vue項目腳手架

ESLint:JavaScript代碼規(guī)范檢查工具

Git:版本控制工具,實現(xiàn)團隊協(xié)作

Express:Node.js Web應(yīng)用框架

Koa:新一代Node.js Web應(yīng)用框架

MongoDB:NoSQL數(shù)據(jù)庫,文檔存儲

RESTful API:Web服務(wù)設(shè)計規(guī)范

五、Vue框架部分

Vue核心:數(shù)據(jù)雙向綁定、組件系統(tǒng)、CLI等

Vue Router:SPA路由管理器

Vuex:狀態(tài)管理模式

Element UI:Vue UI組件庫

Vant UI:Vue 移動端 UI 組件庫

Vue CLI:Vue 項目腳手架

Vue.js和React都是優(yōu)秀的前端框架,需要在項目中運用。

掌握以上知識,你絕對可以成為一名優(yōu)秀的前端工程師!加油!