MDN 的「學習專區 (Learning Area)」歡迎你來!
不論你是求知若渴的開發者或傳道授業的教師,一定隨時都想要拓展自己撰寫程式碼的知識吧!但難就難在該從何開始自己的 Web 技術。透過本文,我們要向大家介紹剛成立的「MDN 學習專區 (Learning Area)」,希望能解決常見的學習障礙,讓你能儘早享受 Web 開發的樂趣。
附帶一提,大家應該都知道整個 Web 範疇極其廣泛,即便是 MDN 原文的部份亦陸續建構之中。因此本網站文章的正體中文版本亦尚未完整。請依照本身需求逕行參閱英文版本。我們將儘快為大家呈現完整的正體中文版「學習專區」。
「學習專區」的目標,是要讓初學者也能悠遊於 HTML、CSS、JavaScript,以及其他核心的 Web 技術之中。一旦你能通透了解學習專區的前半部分,應該就足以徹底利用 Mozilla 開發者交流網路 (MDN) 的其他資源了。除了協助你學習之外,我們也希望學習專區能拓展 MDN 的讀者群與貢獻基底,進而提升搜尋引擎的效能。
為何要新弄一個「學習專區」?
就我們開始推動以來,學習 Web 的設計、開發,以及相關原則\理,一直是很熱門的主題。許多 Web 教學方案與資源也早已行之有年。但 Web 的進展相較,相關問題卻懸而未決:
- 如此將造成整個產業缺乏 Web 幼年創意家投入。
- 傳統教育往往如亡羊補牢般,讓學生在後面跟著目前的產業脈動。如此會讓相關課程的關連性較低甚或僅能提供過時技術。許多私立的工程學校為了彌補此一落差,只得削減 Web 初學者的教學品質。
- 根據第二點,「產業標準與最佳實作進化得如此迅速,但 Web 怎麼感覺還在嬰兒時期」的現象也就不足為怪了,而且如資訊科學\軟體工程的傳統技術系所 (太多「軟」技術) 或設計系所 (太多程式碼和奇怪的東西),都有點格格不入。就研究領域來看,Web 實在是個大熔爐。
注意:大學所開設的多樣 Web 相關課程,都是與商業、新聞等較無相關的系所而設立。我們所謂「不好」的課程,可能是因為教師往往只關心自己想改善的東西,卻不見得具備必要知識,或不見得有時間更新課程,也讓課程進展緩慢。
MDN 希望能透過初學者所適用的一系列教材,協助學生了解 Web 所依賴的技術,並寫出跨瀏覽器的網站與 App,進而解決上述的類似問題。學習專區旨在:
- 不論是自學或參加正規課程的學生,都能享受更高效率的教材。
- 設計輕鬆、不受拘束的教材,讓教師能將之作為課程的輔助教材或新課程的基礎。太多的銜接結構會讓教材本身有所限制。
- 涵蓋 HTML、CSS、JavaScript、易於取得、偏伺服端開發的基本概念,設計最基本的核心課程,成為 Web 學習的標準與最佳實作。如果採用的教師夠多,所傳達的概念也就更為一致。
- 定期審閱教材,時時保持最新資訊。
注意:我們也想讓發佈許可的範圍更廣,讓他人能更輕鬆取得並使用課程。預設的 MDN 許可為 cc-by-sa,意即任何人只要獲得原作者的許可,都能重新發佈內容,且修改過的內容也能依照原始許可而逕行免費發佈。相關範例程式碼則是為 CC0 授權 (任何人均能按照自己需要而使用)。
現在的進度如何?
我們還不斷在豐富 MDN 學習專區的內容,且現已有許多可供初學者使用的教材模組了。已具備基本電腦知識,但毫無編碼經驗的初學者可從「Getting started with the Web」開始。
「介紹」主題的下一階段就是相關技術的基礎。目前我們已提供了 HTML 與 CSS:
承接上述的「介紹」,我們另有更深入的 HTML 與 CSS 教學模組,將觸及基本概念之外的核心應用:
各個教學模組均提供數篇文章,討論相關的重要功能與技術,結尾另附上學習評量供你了解自己對教材的掌握程度。
我們另提供了詞彙庫,另搭配獨立文章以說明「學習專區」中會看到的特定詞彙,但不會直接與學習主線相關;可參閱常見問題。
將來的工作
最近仍在撰構中的最新教材是「CSS layout」,其中將涵蓋 Web 目前所使用的版面配置技術,以及這些技術所支援的裝置。
本網站所規劃的內容,將擴及核心伺服器端的基本開發概念、親和度、JavaScript,即其他可能相關的主題。
加入我們
我們無限期尋找貢獻者一同協助撰寫相關教材。目前寫手團隊的成員不足,將需要極長時間才能完成整套教材。若有更多人手能加入我們的行列,也能集思廣益而提供更全方位的內容。
如果你看到這裡,會想動手貢獻學習專區的內容,不論是撰寫、翻譯、技術審閱、文案編輯,甚或反應自己的意見,敬請聯絡我們!我們很高興能獲得任何形式的援助,並達到更圓滿的協作成果。
我們也希望許多高潛力的師生能一起編寫教材,另提供自己的學習經驗!
聯絡我們的方式:
- 加入 Mozilla IRC 中的 #mdn 頻道
- 或訂閱 dev-mdc 郵件群組
- 我們也設立了 Trello 留言板,你可針對目前撰寫中的教材主題留下建議
原文連結:Learning to code for the Web!
你或許會喜歡