前端開發者技能地圖

六角學院輔導許多同學從無經驗轉職到前端，大多同學在接觸我們時總是會問到「我是學設計的，請問該如何學習前端」、「我會基本 HTML, CSS，該如何繼續精進相關技能」、「如果我毫無經驗，該學到什麼程度才能就業呢？」、「我身在這個產業，卻沒有方向，請問我該往哪邊發展呢？」。

六角學院提供為還在苦惱的同學規劃完整前端開發技能圖喔~

這張圖很漂亮吧，歡迎下載 完整版。

必備技能

雖然說是必備技能，但如果你還沒有任何經驗，只有先保有研究的心即可，剩下的部分可以再進入職場前再慢慢補足即可喔。

入門前端

如果你是剛入門前端的開發者，會期許你至少熟悉 CSS 與 JavaScript 的分支。沒有程式的背景下，從 CSS 入門會是個好主意，這裡的學習曲線不會那麼的陡峭，且網頁的頁面基礎正式從此開始。

此時 CSS 最需要了解的部分為響應式網頁，有餘力的情況下至少接觸一個 CSS 預處理器及一個 CSS 框架，透過框架能夠使 CSS 開發觀念更為穩固(請先確保有 CSS 基礎再來學習 CSS 框架，這樣才能具有更好的架構觀念)。

具有 CSS Selector 觀念後後，就可以開始慢慢接觸 JavaScript，如果沒有任何經驗者，我們會推薦先試試看 jQuery，體驗 JavaScript 與 HTML、CSS 有什麼樣的不同，但如果是具有經驗的開發者，可直接嘗試接觸 JavaScript 喔 :D。

前端設計師

設計前端大多為設計背景出身，除了以上入門技能以外，這類開發者還要專精繪圖工具及設計規範。

好的繪圖工具能夠讓設計師事半功倍，並且能夠強化與其他工程師合作的摩擦，因此推薦使用 Sketch 作為設計開發的主要工具。另外設計規範也是很重要的，設計規範猶如平面設計的 VI，是一間企業的核心精神，而學習設計規範將能夠提高網頁設計的穩定性，藉此提高網頁設計的質感。

前端開發者

JavaScript 學會基礎語法後，可選擇 JS Framework 來進修，框架對於工作效率有很大幫助，這邊列出目前主流的框架，除了這些以外，您也能依據工作需求去選擇合適框架。

JavaScript 是一個相當自由且強大的語言，他可以與許多工具搭配，所以不斷的接觸新事物是非常重要的，在目前有許多任務管理、套件管理、打包工具都能夠讓 JavaScript 更上層樓。工作效率遇到貧頸嗎？在學習新的技術前，不妨先試試一些工具吧。

全端領域

為了提供更好的服務，以及探尋未知的領域，開發者會慢慢的嘗試各種不同的冒險，第三方 API、測試、專精技巧甚至是後端領域，都有許多內容值得深入喔。

如果你想從前端領域找份好工作，可以參考我們官網這篇 (https://www.hexschool.com/qa/how-to.html) 邁向前端工程師之路的文章逐一學習。如果你還有其他學習或工作上的問題，也歡迎透過以下連結加入我們六角學院喔～