MDN Web Docs - คืออะไรและใช้อย่างไร

MDN Web Docs (เดิมเรียกว่า Mozilla Developer Network หรือ MDN) เป็นแหล่งข้อมูลฟรีสำหรับเอกสารเชิงลึกเกี่ยวกับมาตรฐานเว็บเช่น HTML5, CSS, JavaScript และอื่น ๆ อีกมากมาย

ภารกิจของ MDN นั้นง่ายมาก: ให้ข้อมูลที่จำเป็นแก่นักพัฒนาเพื่อสร้างโครงการบนเว็บแบบเปิด หากเป็นเทคโนโลยีแบบเปิดที่สัมผัสกับเว็บเราต้องการจัดทำเป็นเอกสาร

- พันธกิจ MDN Web Docs

ชุมชนของนักพัฒนาและผู้ร่วมให้ข้อมูลอื่น ๆ ทำให้ MDN Web Docs เป็นปัจจุบันอยู่เสมอ เว็บไซต์ทั้งหมดเป็นวิกิซึ่งหมายความว่าทุกคนสามารถเพิ่มหรือแก้ไขคอลเล็กชันเอกสารและแบบฝึกหัดที่เพิ่มมากขึ้น

แต่คุณไม่จำเป็นต้องเป็นนักพัฒนามืออาชีพเพื่อร่วมสนับสนุน MDN Web Docs! เช่นเดียวกับโครงการโอเพ่นซอร์สอื่น ๆ มีหลายวิธีที่คุณสามารถช่วยได้

หากคุณสนใจที่จะร่วมให้ข้อมูลกับ MDN Web Docs โปรดดูที่หน้าเริ่มต้นใช้งาน

ลิงก์ด่วนไปยังแหล่งข้อมูลที่มีประโยชน์มีดังนี้

  • HTML, CSS, JavaScript
  • API ของเว็บ
  • กราฟิก
  • MathML
  • เว็บแอสเซมบลี

วิธีใช้ MDN Web Docs

MDN ได้สร้างชื่อเสียงจากการมีเอกสารที่ดีที่สุดสำหรับเทคโนโลยีเว็บทั่วไป หากคุณเคยถูกถามว่า "คุณตรวจสอบเอกสารแล้วหรือยัง" โอกาสที่พวกเขาอ้างถึง MDN Web Docs

สมมติว่าคุณกำลังทำโปรเจ็กต์และต้องการใช้map()เมธอดของ JavaScript แต่คุณลืมไวยากรณ์ที่แน่นอน

สิ่งที่คุณต้องทำคือดึงหน้าขึ้นมาmap()และเลื่อนลงไปที่ส่วนไวยากรณ์

คุณจะได้รับภาพรวมโดยย่อของไวยากรณ์:

let new_array = arr.map(function callback( currentValue[, index[, array]]) { // return element for new_array }[, thisArg])

และรายการอาร์กิวเมนต์ที่เมธอดยอมรับพร้อมกับคำอธิบายสั้น ๆ ของแต่ละข้อ

หากคุณต้องการดูตัวอย่างพื้นฐานและกรณีการใช้งานทั่วไปให้เลื่อนลงไปที่ส่วนตัวอย่างอีกเล็กน้อย มีโอกาสดีที่คุณจะพบตัวอย่างข้อมูลที่สามารถใช้ในโครงการของคุณเองได้

นอกจากนี้หากคุณพบว่าตัวเองต้องรองรับเบราว์เซอร์รุ่นเก่าส่วนใหญ่ถ้าไม่ใช่ทั้งหมดในเอกสาร JavaScript จะมีส่วน Polyfill