Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

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 FormData te permite reunir un conjunto de pares clave/valor para enviarlos con fetch(). 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étodo submit() 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.