學習 Web 開發

成為前端開發者必備技能

歡迎來到 MDN 學習 Web 開發(亦稱為學習專區)。這個資源提供一系列結構化的教學,教導成為成功前端開發者所必備的技能與實踐,同時附有挑戰與進一步推薦的資源。

關於學習 Web 開發

• 教授每位前端開發者為了事業成功及產業相關性所需具備的技能與知識,這些內容定義於 MDN 課程中。
• 由 MDN 社群創建,並結合來自學生、教育工作者及更廣泛社群網路中開發者的見解進行完善。
• 旨在帶領你從「初學者」邁向「得心應手」(而非從「初學者」到「專家」),使你具備足夠知識以使用更進階的資源(例如 MDN 的其他內容)。

不知道從哪裡開始?

從未撰寫過程式碼?

我們的入門模組提供設定教學以及針對初學者的基本概念和背景資訊。若你完全沒有基礎(例如尚未安裝程式碼編輯器或撰寫過任何程式碼),應從此開始。

想要掌握基本功?

我們的核心模組提供一系列結構化的教學,教導成為成功前端開發者所必備的技能與實踐。

超越基本?

我們的延伸模組涵蓋在擴展知識與發展專長時值得學習的額外實用技能。在完成核心模組後,再進一步學習這些內容。

在學校工作?

使用我們的模組作為教學指引,並瀏覽我們的教育工作者專頁獲取更多點子,或將你的學生註冊 Scrimba 的前端開發者職涯路徑 ^{MDN 學習夥伴} 。

取得我們的程式碼範例

在學習區中你會遇到的所有程式碼範例均可在 GitHub 上取得:

• 最簡單的取得方式是下載最新主要程式碼分支的 ZIP 檔。
• 如果你熟悉 Git 與 GitHub,你也可以選擇將該儲存庫複製下來。

聯絡我們

如果你想就任何事與我們聯繫,請使用溝通渠道。無論你認為網站上有任何錯誤或遺漏、新教學主題的請求、對不理解項目的求助,或其他任何問題或疑慮,我們都樂於傾聽你的意見。

如果你有興趣協助開發/改善內容,請瀏覽該如何協助並聯絡我們!無論你是學習者、教師、資深 Web 開發者,或是對改善學習體驗感興趣的其他人士,我們都非常樂於與你交流。

參見

前端開發者職涯路徑 ^{MDN 學習夥伴}

Scrimba 的 前端開發者職涯路徑透過有趣的互動課程與挑戰,知識淵博的教師以及充滿支援的社群,教導成為一位稱職前端 Web 開發者所需了解的一切知識。從零開始,直至獲得第一份前端工作!許多課程元件皆有獨立的免費版本。

Codecademy

一個極佳的從零開始學習程式語互動網站。

freeCodeCamp.org

一個透過教學與專案互動學習網頁開發的網站。

學習 JavaScript

一個極佳的資源給有志成為網頁開發者的人——在互動環境中學習 JavaScript,透過短小課程與互動測驗並結合自動評量進行引導。前 40 課為免費提供,而完整課程則需一次性支付少量費用。