前端開發有很多方向，核心包括以下內容：

JavaScript程式語言本身，需要多閱讀一些書籍來深化了解以及JavaScript在瀏覽器裡的各種API，這個可以多翻閱MDN文件；工程化：可以透過一些腳手架以及開發一些腳手架來提升開發效率；可以透過對功能的拆分實現模組化與元件化，降低分組開發的難度；可以透過工具鏈規劃、測試、部署程式碼，實現自動化；模組化、元件化、規範化、自動化，這就是工程化；Vue或React框架，學會其一即可，這兩個框架都有自己的生態，路由、狀態管理、UI、服務端渲染；計算機科學知識：Linux、計算機網路、資料庫、簡單的資料結構和演算法、雲服務等；補充項：工作的時候再學沒有關係，前端的跨端實現、typescript等

為啥你提了這麼多，沒有說UI的Web實現，什麼佈局、樣式、動畫、切圖、實現一個商城...這是基礎，不是核心，你可以用UI框架來做，前端開發可以先不必深究。

前端開發最必不可少也是最經常會使用到的（軟體和網站）：

VS Code，支援前端開發各種檔案格式以及自帶emmet語法、程式碼提示、自動補全、格式化文件，以及擁有強大的除錯功能，適配所有（應該是所有）前端必備工具鏈；Node.js以及前端工具鏈，前端開發離不開強大而Node生態，無論是git、webpack、lodash、gulp等，還是Vue、React框架，亦或是vuepress、gatsby等開源專案，這些都是前端開發需要掌握的；Chrome瀏覽器，前端開發離不開Chrome的開發者工具，從瞭解DOM、終端適配、JavaScript除錯、頁面載入到效能最佳化等；MDN文件，MDN文件是前端開發人員最經常翻閱的JavaScript技術文件，一定要長期翻閱