前端開發(fā)有很多方向，核心包括以下內(nèi)容：

• JavaScript編程語言本身，需要多閱讀一些書籍來深化了解以及JavaScript在瀏覽器里的各種API，這個(gè)可以多翻閱MDN文檔；
• 工程化：可以通過一些腳手架以及開發(fā)一些腳手架來提升開發(fā)效率；可以通過對功能的拆分實(shí)現(xiàn)模塊化與組件化，降低分組開發(fā)的難度；可以通過工具鏈規(guī)劃、測試、部署代碼，實(shí)現(xiàn)自動化；模塊化、組件化、規(guī)范化、自動化，這就是工程化；
• Vue或React框架，學(xué)會其一即可，這兩個(gè)框架都有自己的生態(tài)，路由、狀態(tài)管理、UI、服務(wù)端渲染；
• 計(jì)算機(jī)科學(xué)知識：Linux、計(jì)算機(jī)網(wǎng)絡(luò)、數(shù)據(jù)庫、簡單的數(shù)據(jù)結(jié)構(gòu)和算法、云服務(wù)等；
• 補(bǔ)充項(xiàng)：工作的時(shí)候再學(xué)沒有關(guān)系，前端的跨端實(shí)現(xiàn)、typescript等

為啥你提了這么多，沒有說UI的Web實(shí)現(xiàn)，什么布局、樣式、動畫、切圖、實(shí)現(xiàn)一個(gè)商城...這是基礎(chǔ)，不是核心，你可以用UI框架來做，前端開發(fā)可以先不必深究。

前端開發(fā)最必不可少也是最經(jīng)常會使用到的（軟件和網(wǎng)站）：

• VSCode，支持前端開發(fā)各種文件格式以及自帶emmet語法、代碼提示、自動補(bǔ)全、格式化文檔，以及擁有強(qiáng)大的調(diào)試功能，適配所有（應(yīng)該是所有）前端必備工具鏈；
• Node.js以及前端工具鏈，前端開發(fā)離不開強(qiáng)大而Node生態(tài)，無論是git、webpack、lodash、gulp等，還是Vue、React框架，亦或是vuepress、gatsby等開源項(xiàng)目，這些都是前端開發(fā)需要掌握的；
• Chrome瀏覽器，前端開發(fā)離不開Chrome的開發(fā)者工具，從了解DOM、終端適配、JavaScript調(diào)試、頁面加載到性能優(yōu)化等；
• MDN文檔，MDN文檔是前端開發(fā)人員最經(jīng)常翻閱的JavaScript技術(shù)文檔，一定要長期翻閱