Documentos web de MDN: qué es y cómo usarlo

MDN Web Docs (anteriormente conocido como Mozilla Developer Network o MDN) es un recurso gratuito para documentación detallada sobre estándares web como HTML5, CSS, JavaScript y mucho más.

La misión de MDN es simple: proporcionar a los desarrolladores la información que necesitan para crear proyectos fácilmente en la Web abierta. Si se trata de una tecnología abierta expuesta a la Web, queremos documentarla.

- Declaración de misión de MDN Web Docs

Una comunidad de desarrolladores y otros colaboradores mantienen actualizados MDN Web Docs. Todo el sitio es una wiki, lo que significa que cualquiera puede agregar o editar la creciente colección de documentación y tutoriales.

¡Pero no necesita ser un desarrollador profesional para contribuir a MDN Web Docs! Como muchos otros proyectos de código abierto, hay muchas formas en las que puede ayudar.

Si está interesado en contribuir a MDN Web Docs, consulte su página de Introducción.

A continuación, se muestran algunos enlaces rápidos a recursos útiles:

  • HTML, CSS, JavaScript
  • API web
  • Gráficos
  • MathML
  • Ensamblaje Web

Cómo utilizar MDN Web Docs

MDN se ha ganado la reputación de tener la mejor documentación para tecnologías web comunes. Si alguna vez le han preguntado, "¿Ha revisado los documentos?" es probable que se refieran a MDN Web Docs.

Supongamos que está trabajando en un proyecto y desea utilizar el map()método de JavaScript , pero olvidó la sintaxis exacta.

Todo lo que necesita hacer es abrir la página map()y desplazarse hacia abajo hasta la sección Sintaxis.

Allí obtendrá una descripción general rápida de la sintaxis:

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

Y una lista de argumentos que acepta el método, junto con una breve descripción de cada uno.

Si desea ver algunos ejemplos básicos y casos de uso comunes, desplácese hacia abajo un poco más hasta la sección Ejemplos. Es muy probable que encuentre un fragmento que pueda usar en su propio proyecto.

Además, si alguna vez tiene que admitir navegadores más antiguos, la mayoría, si no toda la documentación de JavaScript, incluye una sección de Polyfill.