2018 前端開發者學習地圖!

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

這邊老師再次提供 2018版 前端開發者學習地圖 供同學參考~。

前端開發者學習地圖 - 上前端開發者學習地圖 - 下

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

必備技能

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

入門前端

如果你是剛入門前端的開發者,會期許你至少熟悉 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://quip.com/D59vAxcgG8Qc) 邁向前端工程師之路的文件逐一學習。如果你還有其他學習或工作上的問題,也歡迎透過以下連結加入我們喔~



Tags

友站推薦

前端專欄文章

LINE