Guías para desarrolladores web
En MDN Web Docs hay numerosas guías que te enseñan a usar funcionalidades o API mediante ejemplos prácticos. Esta página reúne una selección de los recursos de aprendizaje más populares, organizados según objetivos específicos.
HTML
- Estructurar la web con HTML
-
El área de aprendizaje de HTML ofrece tutoriales para ayudarte a aprender HTML desde cero.
- Conceptos básicos de HTML
-
Este artículo te dará una comprensión básica de HTML. Tras completar esta guía, podrás seguir explorando el material disponible en el área de aprendizaje de HTML.
CSS
- Aprende a dar estilo a HTML con CSS
-
Nuestro tutorial completo de CSS, que te guía desde los primeros pasos hasta aplicar estilo al texto, crear diseños y mucho más.
- Guías de diseño con CSS
-
En MDN existe una gran variedad de guías sobre diseño en CSS; esta página las reúne todas.
- Uso de animaciones CSS
-
Las animaciones CSS permiten animar las transiciones de una configuración de estilos CSS a otra. Esta guía te ayudará a empezar con las propiedades de animación.
JavaScript
- Área de aprendizaje de JavaScript
-
Ya seas un principiante absoluto o quieras repasar tus habilidades, este es el lugar para empezar.
Multimedia
- Distribución de audio y video
-
Es posible distribuir audio y video en la web de varias maneras, desde archivos multimedia "estáticos" hasta transmisiones en vivo adaptativas. Este artículo sirve como punto de partida para explorar los distintos mecanismos de distribución de contenido multimedia en la web y su compatibilidad con los navegadores más populares.
- Manipulación de audio y video
-
Una de las grandes ventajas de la web es la posibilidad de combinar tecnologías para crear nuevas formas de contenido. Gracias a la compatibilidad nativa con audio y video en el navegador, podemos integrar estos flujos de datos con tecnologías como
<canvas>, WebGL o la Web Audio API para modificar el audio y el video directamente. Por ejemplo, podemos añadir efectos de reverberación o compresión al audio, o filtros de escala de grises o sepia al video. Este artículo sirve de referencia para explicar lo que necesitas hacer.
APIs
- Uso de objetos FormData
-
El objeto
FormDatate permite reunir un conjunto de pares clave/valor para enviarlos confetch(). Aunque está diseñado principalmente para enviar datos de formularios, también puede utilizarse de forma independiente para transmitir información estructurada mediante claves. La transmisión usa el mismo formato que usaría el métodosubmit()del formulario si el tipo de codificación del formulario estuviera establecido en "multipart/form-data". - Aplicaciones web progresivas
-
Las aplicaciones web progresivas (PWA) usan API web modernas junto con la estrategia tradicional de mejora progresiva para crear aplicaciones web multiplataforma. Estas aplicaciones funcionan en cualquier lugar y ofrecen varias funcionalidades que les dan las mismas ventajas de experiencia de usuario que las aplicaciones nativas. Esta serie de guías contiene todo lo que necesitas saber sobre las PWA.
- Análisis y serialización de XML
-
La plataforma web ofrece distintos métodos para analizar y serializar XML, cada uno con sus ventajas e inconvenientes.
Rendimiento
- Optimización y rendimiento
-
Al crear aplicaciones y sitios web modernos, es importante que tu contenido funcione de forma rápida y eficiente. Esto permite un rendimiento óptimo tanto en potentes sistemas de escritorio como en dispositivos móviles con menos capacidad.
Desarrollo web móvil
- Aprende: diseño adaptable
-
Este artículo ofrece una visión general de algunas de las técnicas principales que necesitas para diseñar sitios web que funcionen bien en dispositivos móviles.
Tipografías
- Guía sobre tipografías variables
-
Descubre cómo usar tipografías variables en tus diseños.
- El Web Open Font Format (WOFF)
-
WOFF (Web Open Font Format) es un formato de archivo de tipografías de uso libre para cualquier persona en la web.
Desarrollo de interfaces de usuario
- Métodos y controles de entrada del usuario
-
La entrada del usuario va más allá del ratón y el teclado: piensa, por ejemplo, en las pantallas táctiles. Este artículo ofrece recomendaciones para gestionar la entrada del usuario e implementar controles en aplicaciones web abiertas, junto con preguntas frecuentes, ejemplos reales y enlaces con más información para quien necesite más detalles sobre las tecnologías subyacentes.