為了 Web 學寫程式碼吧!

MDN 的「學習專區 (Learning Area)」歡迎你來!

不論你是求知若渴的開發者或傳道授業的教師,一定隨時都想要拓展自己撰寫程式碼的知識吧!但難就難在該從何開始自己的 Web 技術。透過本文,我們要向大家介紹剛成立的「MDN 學習專區 (Learning Area)」,希望能解決常見的學習障礙,讓你能儘早享受 Web 開發的樂趣。

附帶一提,大家應該都知道整個 Web 範疇極其廣泛,即便是 MDN 原文的部份亦陸續建構之中。因此本網站文章的正體中文版本亦尚未完整。請依照本身需求逕行參閱英文版本。我們將儘快為大家呈現完整的正體中文版「學習專區」。

「學習專區」的目標,是要讓初學者也能悠遊於 HTML、CSS、JavaScript,以及其他核心的 Web 技術之中。一旦你能通透了解學習專區的前半部分,應該就足以徹底利用 Mozilla 開發者交流網路 (MDN) 的其他資源了。除了協助你學習之外,我們也希望學習專區能拓展 MDN 的讀者群與貢獻基底,進而提升搜尋引擎的效能。

為何要新弄一個「學習專區」?

就我們開始推動以來,學習 Web 的設計、開發,以及相關原則\理,一直是很熱門的主題。許多 Web 教學方案與資源也早已行之有年。但 Web 的進展相較,相關問題卻懸而未決:

  1. 如此將造成整個產業缺乏 Web 幼年創意家投入。
  2. 傳統教育往往如亡羊補牢般,讓學生在後面跟著目前的產業脈動。如此會讓相關課程的關連性較低甚或僅能提供過時技術。許多私立的工程學校為了彌補此一落差,只得削減 Web 初學者的教學品質。
  3. 根據第二點,「產業標準與最佳實作進化得如此迅速,但 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,即其他可能相關的主題。

加入我們

我們無限期尋找貢獻者一同協助撰寫相關教材。目前寫手團隊的成員不足,將需要極長時間才能完成整套教材。若有更多人手能加入我們的行列,也能集思廣益而提供更全方位的內容。

如果你看到這裡,會想動手貢獻學習專區的內容,不論是撰寫、翻譯、技術審閱、文案編輯,甚或反應自己的意見,敬請聯絡我們!我們很高興能獲得任何形式的援助,並達到更圓滿的協作成果。

我們也希望許多高潛力的師生能一起編寫教材,另提供自己的學習經驗!

聯絡我們的方式:

 

 

原文連結:Learning to code for the Web!

 

 

你或許會喜歡

有了這張卡,國外旅遊無限上網吃到飽

下載這個APP,微軟送你Xbox One!

0 則回應

[Note 8搶開箱] 台版 Samsung Galaxy Note 8 開箱,看看盒中有什麼?(Note 8 unboxing) [Note 8搶開箱] 台版 Samsung Galaxy Note 8 開箱,看看盒中有什麼?(Note 8 unboxing) 18 天前
華為 AI 行動計算平台 Kirin 970 新一代 Mate 手機將率先搭載 華為 AI 行動計算平台 Kirin 970 新一代 Mate 手機將率先搭載 22 天前
心跳失速! ZenFone 4 孔劉列車 北、高同步啟動!捕捉「野生孔劉」買手機送 ZenPower 還可抽親筆簽名手機 心跳失速! ZenFone 4 孔劉列車 北、高同步啟動!捕捉「野生孔劉」買手機送 ZenPower 還可抽親筆簽名手機 22 天前
三星Note 8 購買優惠整理 – 一般消費者與 VIP (Note 7 用戶) 優惠彙整 三星Note 8 購買優惠整理 – 一般消費者與 VIP (Note 7 用戶) 優惠彙整 27 天前
[投票] 想看什麼顏色的 Note 8 開箱?阿輝的新機顏色給你選擇 [投票] 想看什麼顏色的 Note 8 開箱?阿輝的新機顏色給你選擇 1 個月前
讓部落格文章脫離萬惡菜政府唐鳳以及 Google 監控的方法 讓部落格文章脫離萬惡菜政府唐鳳以及 Google 監控的方法 1 個月前
三星 S8/S8+ 系統更新推送 提供內建導航列隱藏功能 (U1AQF7) 三星 S8/S8+ 系統更新推送 提供內建導航列隱藏功能 (U1AQF7) 3 個月前
用Facebook尋找免費公開WiFi:出國、旅遊都適用 用Facebook尋找免費公開WiFi:出國、旅遊都適用 8 個月前

熱門文章

最新消息