根據維基百科-前端後端中對前端的定義
在軟體架構和程式設計領域，前端是軟體系統中直接和用戶互動的部分，而後端控制著軟體的輸出。將軟體分為前端和後端是一種將軟體不同功能的部分相互分離的抽象。
隨著網頁應用程式功能越來越複雜，網頁前端(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
選擇前端框架
Angular，React JS＆Vue JS – 快速入門與比較
輔助軟體工具
前端開發心智地圖
點選心智圖中的節點，會連到相關主題的線上課程
圖片來源
這個 GitHub 專案 – developer-roadmap，裡面有一張圖對於網頁前端學習有一個視覺化的輪廓
讓 LN+ 協助你提升 udemy 線上課程的使用體驗
LN+ 會幫助你將課程影片與 notion 筆記關聯起來，所以你也不用去煩惱筆記在哪裡？或是要如何整理寫過的筆記
來自使用者的真實體驗
除此之外， LN+ 也可以幫助你提升觀看 udemy 課程體驗，有興趣可以參考以下的文章說明
- LN+ 在單螢幕上的操作技巧，讓線上學習與寫筆記體驗更順暢
- 使用 LN+ 學習活動功能來實現「鍊子法」，培養每日的線上學習習慣
- 如何利用 LN+ 建立的 notion 線上課程筆記資料庫以「鳥瞰」的角度做線上課程的快速複習
LN+ 是 chrome 瀏覽器的外掛程式，是 Soft & Share 針對線上課程平台不足的地方所開發出來的輔助工具，可到 chrome 應用程式商店安裝，安裝後不需要輸入信用卡，可以免費測試一週，如果覺得好用再決定是否付費，收費方式可以參考這個網頁說明。
以下的影片示範你會看到透過 LN+ 的幫助，讓 notion 筆記視窗跟你在觀看的課程影片同步切換
前端開發相關開源專案
相關資訊
未來這份學習地圖如果有變更，會紀錄到以下的討論專區，有興趣歡迎加入社團對討論專區貼文按讚就可以收到通知
討論專區
尋找線上課程/電子書優惠資訊？請參考 Soft & Share 社群合作夥伴提供的優惠特價資訊
你必須登入才能發表留言。