成為網頁前端(frontend)工程師學習地圖

 根據維基百科-前端後端中對前端的定義

在軟體架構和程式設計領域,前端是軟體系統中直接和用戶互動的部分,而後端控制著軟體的輸出。將軟體分為前端和後端是一種將軟體不同功能的部分相互分離的抽象。

隨著網頁應用程式功能越來越複雜,網頁前端(frontend)工程師在近幾年也是一個熱門的工作職缺

網頁前端開發有以下技術領域 :

理解 Web 的運作原理

可以參考由 udemy 網頁開發熱門講師 Maximilian 錄製的 youtube 影片 – How The Web Works

包含 HTML/CSS/Javascript 全面性的網頁前端課程


CSS

CSS – 完整指引 (包含 Flexbox、Grid 和 Sass)

Javascript

熱門 Udemy 學習 Javascript 線上課程

版本控制工具

中文課程 – Git/GitHub/GitLab 完全教程

CSS 框架

BootStrap

中文課程 – Bootstrap 4最強實戰教學,讓你現學現用

Materialize CSS

以 5 個專案從頭學會 Materialize CSS

選擇前端框架

Angular,React JS&Vue JS – 快速入門與比較

前端開發心智地圖

點選心智圖中的節點,會連到相關主題的線上課程

圖片來源

這個 GitHub 專案 – developer-roadmap,裡面有一張圖對於網頁前端學習有一個視覺化的輪廓



前端開發相關開源專案

相關資訊


  • Udemy 永久擁有課程 NT310 起特價中(點擊連結看更多)
  • 年訂閱每月 NT350 🌈 悠遊 Udemy 的 26000+ 門課,最大化學習 ( 原價 NT635/月 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

由 WordPress.com 建置.

Up ↑