2022 前端開發者學習地圖

許多學員接觸六角，目的當然是為了轉職為前端，以及接下來在這條職業路上該如何發展，而依據每個人的過去經歷不同，也會產生不同的疑惑，例如：

• 已經會基本 HTML, CSS，該如何繼續精進相關技能？
• 如果非相關背景，該學到什麼程度才能就業呢？
• 對於 JavaScript 已經有一定掌握度，但還沒有接觸框架，可以如何做選擇呢？

在此，我們準備了 2022 年版，前端開發者學習地圖供學員參考～

這份地圖相較於先前最大的不同之處在於它是 全線上版，我們也會不定期更新內容，使其符合當下最適合的學習路線喔～

必備技能

前端相對於其它軟體工程師來說，是屬於較新的領域，所以大學本身也沒有相關的科系，因此前端在市場上有非常多不同領域的人一同加入。也因為如此，保持一顆「持續學習的心」是相當重要的喔～

入門前端

如果你沒有任何的經驗，會建議你從 HTML、CSS 開始切入。沒有程式背景的情況下，直接切入 JavaScript 挫折感會相當重；相對來說，HTML、CSS 的任何程式碼很快就能看到畫面，對於新手來說很快就能獲得成就感喔。

掌握 CSS 的過程中，可以慢慢的學習到響應式網頁（就是手機版的網頁，很酷吧），另外也可以從多次的練習中學習 CSS Selector（CSS 選取器），而這個知識將會有助於學習 JavaScript；當然，直接切入 JS 或許還是太快了，你也可以先試試看 jQuery 體驗與 HTML、CSS 有哪些不同之處，但如果是具有經驗的開發者，可直接嘗試接觸 JavaScript 喔 :D。

推薦課程組合：我想學網頁設計

前端開發者

掌握 JavaScript 基礎以後，接下來可以開始接觸更多的開發領域的工具，像是 VSCode 套件、PostMan、Webpack、npm 等不同的工具，這會讓你開始覺得自己更像一名工程師。

接下來，除了持續精進更深的技術以外（CSS 預處理、進階 JavaScript），更重要的是要學會如何團隊協作，因此選擇一個 JS Framework 是相當重要的，在學習地圖列出主流的三大框架，你可以依據自身經驗或工作環境來做選擇，最終透過這些框架完成一個獨立作品，也就可以開始準備求職囉。

推薦課程組合：我想學 JS 和框架

全方位發展

而 JavaScript 是一個相當自由且強大的語言，可以與許多工具搭配甚至撰寫後端，所以在掌握前端領域後，會建議往 Node.js 繼續發展，不僅在團隊溝通上會更順暢，也可以在閒暇時間做出屬於自己的小產品喔 :D。

推薦課程：Node.js 後端工程師養成直播班

另外，對於這張圖有問題嗎？我們也有直播介紹「前端開發者 - 初學到進階學習地圖」，歡迎同學們觀賞喔。