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

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

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

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

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

理解 Web 的運作原理

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

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


CSS

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

Javascript

版本控制工具

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

CSS 框架

BootStrap

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

Materialize CSS

以 5 個專案從頭學會 Materialize CSS

選擇前端框架

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

輔助軟體工具

前端開發心智地圖

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

圖片來源

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


前端開發相關開源專案

相關資訊


未來這份學習地圖如果有變更,會紀錄到以下的討論專區,有興趣歡迎加入社團對討論專區貼文按讚就可以收到通知

討論專區


尋找線上課程/電子書優惠資訊?請參考 Soft & Share 社群合作夥伴提供的優惠特價資訊

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: