開啟前端開發員的職業生涯. 為緊缺職業培養就業技能,並從 Meta 獲得證書。開始學習無需學位或經驗。
關於此專業課程
想開始進入程式設計的世界並以此為業建立網站嗎?本證書由 Meta(Facebook 和 Instagram 的創建者)的軟體工程專家設計,將為您成為前端開發員做好準備。
在本課程中,您將學習
- 如何使用 HTML5、CSS 和 JavaScript 編寫程式碼和建立互動式網頁。
- 使用業界標準工具(如 Bootstrap、React 和 Figma)創建專業頁面佈局的熱門設計技能。
- 用於版本控制的 GitHub 資源庫、內容管理系統 (CMS),以及如何使用 Figma 編輯圖片。
- 如何準備前端開發員職位的技術面試。
最後,您將完成一個實際專案,創建自己的前端網路應用程式,從而將新技能付諸實踐。學習體驗中提及的任何第三方商標和其他智慧財產權(包括標誌和圖示)均為其各自所有者所有。除非特別指明,Coursera 對第三方智慧財產權的使用並不表示 Coursera 與這些商標或其他智慧財產權的所有者之間存在任何關係、贊助或認可。
到官方網站了解本課程與上課
應用的學習專案
在整個課程中,您將參與實作活動,從而有機會實踐和運用所學知識。您將完成實作專案,並在求職面試和相關社交網路上展示這些專案。
在每門課程結束時,您都將完成一個專案,以測試您的新技能,並確保您在進入下一門課程之前理解了相關標準。總共有 9 個專案,在這些專案中,你將使用實驗室環境或網路應用程式來完成以下任務:
- 編輯你的個人履歷頁面 – 使用你在 HTML5、CSS 和 UI 框架方面的技能
- 在 GitHub 上管理一個專案 – 使用 Git、Git repositories(程式儲存庫) 和 Linux 終端機進行版本控制
- 建立靜態版本的應用程式 – 你將運用對 React、框架、路由、鉤子、捆綁程式和資料獲取的理解。
在課程結束時,您將完成一個 Capstone 專案,在該專案中,您將綜合運用新技能來建立前端網路應用程式。
你將學到的內容有
- 使用 HTML 建立內容,使用 CSS 處理視覺樣式,使用 JavaScript 開發互動式體驗,建立響應式網站。
- 學習如何將 React 與 Javascript 函式庫和框架連結起來使用。
- 學習 Bootstrap CSS 框架,建立網頁並使用 GitHub 資源庫和版本控制。
- 為程式設計面試做準備,學習解決問題的最佳方法,並建立可在求職面試中分享的專案組合。
你將獲得的技能:
| HTML | 使用者介面/使用者體驗設計 | JavaScript |
| 層疊樣式表(CSS) | React |
字幕
英文
製作方
Meta 創建 Facebook、Instagram、Thread等社交平台
Meta 建立的技術可以幫助人們與朋友和家人聯繫、尋找社區和發展業務。 Meta 專業證書創造了機會,使任何人,無論其教育程度、背景或經驗如何,都可以學習高品質的技能,從而獲得高成長的職業生涯——無需任何學位或經驗即可開始。 Meta 還提供有關虛擬世界的培訓課程,向人們、品牌、企業和專業人士介紹虛擬世界帶來的機會以及它對當今世界和未來的意義。
第 1 門課程 前前端開發簡介
你將學到什麼
- 區分前端、後端和全端開發人員。
- 使用 HTML 和 CSS 建立網頁並為其設計樣式。
- 使用使用者介面框架的好處。
你將獲得的技能
| 版本控制 | Github | Bash(Unix Shell) |
| 網路開發 | Linux |
第 2 門課程 使用 JavaScript 編寫程式
你將學到什麼
- 建立簡單的 JavaScript 程式碼
- 建立並操作物件和陣列。
- 使用 Jest 編寫單元測試
你將獲得的技能
| React(網頁框架) | JavaScript | 前端網路開發 |
| 使用者介面 |
第 3 門課程 版本控制
你將學到什麼
- 實施版本控制系統
- 使用命令列導航和配置
- 使用 GitHub repository(版本管理庫)。 建立 GitHub repository(版本管理庫)
- 管理程式碼修訂
你將獲得的技能
| React(網頁框架) | JavaScript | 應用程式開發 |
| 網路應用 | 前端網路開發 |
第 4 門課程 深入淺出的 HTML 與 CSS
你將學到什麼
- 使用 HTML5 和 CSS 建立一個具有響應式佈局的簡單表單
- 使用 CSS 建立響應式佈局
- 使用 Bootstrap 建立使用者介面
- 實施調試工具
你將獲得的技能
| 資料結構 | 電腦科學 | 演算法 |
| 溝通 | 虛擬程式碼(Pseudocode) |
第 5 門課程 React 基礎
你將學到什麼
- 使用可重複使用的元件來呈現資料隨時間變化的視圖
- 組織 React 專案,創建更具可擴展性和可維護性的網站和應用程式
- 使用道具在元件之間傳遞資料來建立動態互動網頁和應用程式
- 使用表單讓使用者與應用程式互動。使用 React 建立應用程式
你將獲得的技能
| 測試驅動開發 | JavaScript | 前端網路開發 |
| 物件導向程式設計(OOP) |
第 6 門課程 高級 React
你將學到什麼
- 利用先進技術創建穩健、可重複使用的元件,並學習不同模式以重複使用常見行為
- 與遠端伺服器互動,透過應用程式介面取得和發布數據
- 使用 React 測試庫無縫測試 React 應用程式
- 整合常用的 React 程式庫,簡化應用程式開發
你將獲得的技能
| 網頁設計 | 無障礙環境 | 前端網路開發 |
| 使用者體驗(UX) |
第 7 門課程 使用者體驗/使用者介面設計原則
你將學到什麼
- 描述使用者體驗 (UX) 設計和研究的基本原理
- 描述設計中的無障礙考量
- 透過研究實踐培養用戶同理心
- 在 Figma 中建立線框和原型
你將獲得的技能
| Html 和 Css | React(網頁框架) | 偵錯 |
| JavaScript | 使用者介面 |
第 8 門課程 前端開發人員畢業設計
你將學到什麼
- 設計和風格化響應式使用者介面(UI)
- 展現簡潔、無錯誤的編碼
- 使用 React 元件建立多個視圖
- 使用 React JS 和 JavaScript 建立網站前端
你將獲得的技能
| 網路開發工具 | Html 和 Css | 響應式網頁設計 |
| 前端網路開發 | 使用者介面 |
第 9 門課程 程式設計面試準備
你將學到什麼
- 準備程式設計面試
- 準備 Meta 面試
- 使用程式碼解決問題
你將獲得的技能
| 單元測試 | React(網頁框架) | 前端網路開發 |
到官方網站了解本課程與上課

你可能會有興趣
- Coursera 訂閱 : 無限制訪問 7,000 多項世界一流的課程、實踐專案和工作準備證書計劃 – 只需支付一次全包式訂閱費用
- Web 開發相關線上課程
- ★想要加強英文能力嗎?– 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入

發表迴響