關(guān)于學(xué)習(xí) Web 開(kāi)發(fā)

向所有前端開(kāi)發(fā)者提供核心技巧與知識(shí)，幫助他們?nèi)〉寐殬I(yè)成功與成為業(yè)界有價(jià)值的開(kāi)發(fā)者，就如在 MDN 課程中所定義的那樣。

學(xué)習(xí)區(qū)內(nèi)容由 MDN 社區(qū)創(chuàng)建，并不斷經(jīng)由學(xué)生、教師與更廣闊 Web 社區(qū)提供的建議進(jìn)一步優(yōu)化。

學(xué)習(xí)區(qū)旨在讓你實(shí)現(xiàn)從“萌新”到“舒適”（而非“萌新”到“專家”）的蛻變，并幫助你學(xué)會(huì)如何利用更多進(jìn)一步的資源（例如 MDN 的其他內(nèi)容）。

備注：最后更新時(shí)間：2025 年八月（參見(jiàn)更新記錄）。

不知道從何開(kāi)始？

從未進(jìn)行過(guò)編程？

我們的入門模塊為完全初學(xué)者提供了設(shè)置教程和基本概念及背景知識(shí)。如果你完全沒(méi)有編程經(jīng)驗(yàn)（比如還沒(méi)安裝代碼編輯器或?qū)戇^(guò)代碼），建議從這里開(kāi)始。

想要掌握核心內(nèi)容？

我們的核心模塊提供了一套結(jié)構(gòu)化教程，幫助你掌握成為成功前端開(kāi)發(fā)者所需的核心技能和實(shí)踐。

想要更進(jìn)一步？

我們的擴(kuò)展模塊涵蓋了你在擴(kuò)展知識(shí)和發(fā)展專長(zhǎng)時(shí)需要學(xué)習(xí)的有用技能。完成核心模塊后可以繼續(xù)學(xué)習(xí)這些內(nèi)容。

在學(xué)校工作？

你可以用我們的模塊指導(dǎo)教學(xué)，訪問(wèn)教師頁(yè)面獲取更多想法。

測(cè)試你的技能

在整個(gè)課程中，你會(huì)遇到多篇旨在幫助你檢驗(yàn)學(xué)習(xí)效果的文章。主要有兩種類型：

“技能測(cè)試”文章出現(xiàn)頻率較高，主要考查你對(duì)某個(gè)單一知識(shí)點(diǎn)（如 HTML 鏈接、CSS 盒模型或 JavaScript 函數(shù)）的掌握情況。 “挑戰(zhàn)”出現(xiàn)頻率較低，主要考查你能否將多個(gè)知識(shí)點(diǎn)結(jié)合起來(lái)，完成一個(gè)完整的網(wǎng)站或程序。

大多數(shù)問(wèn)題都包含 HTML/CSS/JavaScript 代碼塊，展示每個(gè)任務(wù)的起始代碼。推薦點(diǎn)擊代碼塊中的 “Play” 按鈕，在 MDN Playground 中打開(kāi)示例，然后根據(jù)題目要求編輯代碼完成任務(wù)。

如果出錯(cuò)，可以使用 Playground 的重置按鈕清除你的操作。如果實(shí)在卡住了，通?？梢栽诿康李}的底部查看參考答案，或聯(lián)系我們。

備注：如果你更喜歡在自己的編輯器或在線編輯器（如 CodePen 或 JSFiddle）中操作，你也可以將 Playground 的代碼復(fù)制到你選擇的環(huán)境中。

有些問(wèn)題沒(méi)有提供起始代碼塊，而是讓你下載起始文件并在本地操作完成。這通常是因?yàn)閱?wèn)題較為復(fù)雜，或者我們希望你換種方式練習(xí)。

獲取我們的代碼示例

你在學(xué)習(xí)區(qū)遇到的所有代碼示例都托管在 GitHub 上：

最簡(jiǎn)單的方式是下載最新主分支的 ZIP 壓縮包。 如果你熟悉 Git 和 GitHub，也可以選擇克隆倉(cāng)庫(kù)。

聯(lián)系我們

如果你有任何想法或問(wèn)題，歡迎通過(guò)交流渠道聯(lián)系我們。無(wú)論是發(fā)現(xiàn)了網(wǎng)站內(nèi)容的問(wèn)題或遺漏、希望新增學(xué)習(xí)主題、遇到不理解的內(nèi)容需要幫助，還是其他任何建議或疑問(wèn)，我們都很樂(lè)意聽(tīng)取。

如果你有興趣參與內(nèi)容開(kāi)發(fā)或改進(jìn)，請(qǐng)查看如何參與并聯(lián)系我們！無(wú)論你是學(xué)習(xí)者、教師、經(jīng)驗(yàn)豐富的開(kāi)發(fā)者，還是其他希望提升學(xué)習(xí)體驗(yàn)的人，我們都非常歡迎。

參見(jiàn)

前端開(kāi)發(fā)者職業(yè)路徑 MDN 學(xué)習(xí)合作伙伴

Scrimba 的前端開(kāi)發(fā)者職業(yè)路徑提供了成為合格前端開(kāi)發(fā)者所需的全部知識(shí)，包含有趣的互動(dòng)課程和挑戰(zhàn)、專業(yè)的講師和支持社區(qū)。從零基礎(chǔ)到找到第一份前端工作！課程中許多內(nèi)容可免費(fèi)單獨(dú)學(xué)習(xí)。

Codecademy

一個(gè)非常適合零基礎(chǔ)學(xué)習(xí)編程語(yǔ)言的互動(dòng)網(wǎng)站。

freeCodeCamp.org

提供互動(dòng)教程和項(xiàng)目，幫助你學(xué)習(xí) Web 開(kāi)發(fā)。

Learn JavaScript

非常適合初學(xué)者的 JavaScript 學(xué)習(xí)資源——在互動(dòng)環(huán)境中學(xué)習(xí) JavaScript，課程短小精悍，配有自動(dòng)評(píng)測(cè)。前 40 課免費(fèi)，也只需要一次小支出即可購(gòu)入完整課程。

相關(guān)知識(shí)

Java Web應(yīng)用程序開(kāi)發(fā)之性能優(yōu)化與調(diào)優(yōu)技巧
魔域web開(kāi)服表一覽
什么是Web過(guò)濾？Web過(guò)濾如何工作？
521: Web server is down
前端開(kāi)發(fā)工程師職責(zé)
Semantic Web Health Care and Life Sciences (HCLS) Interest Group
健康服務(wù)云計(jì)算平臺(tái)的Web前端設(shè)計(jì)與實(shí)現(xiàn)
520: Web server is returning an unknown error
厲害了！推薦一個(gè) Web 端自動(dòng)化神器
WHO Guidelines on physical activity and sedentary behaviour: web annex evidence profiles

網(wǎng)址: 學(xué)習(xí) Web 開(kāi)發(fā) http://m.gysdgmq.cn/newsview1932459.html