>>Regresar a MDN Web Docs

Aprende Desarrollo Web con MDN

Curso: Desarrollo web Front-end

MDN Web Docs

Todo lo que necesitas saber para convertirte en un desarrollador de la interfaz de usuario web.

  • Primeros pasos
    Proporciona una introducción práctica al desarrollo de la web para principiantes.
    • Instalación de software básico
    • Información básica sobre la web y los estándares web
    • Aprender y obtener ayuda

  • Semántica y estructura con HTML
    HTML es el lenguaje utilizado para estructurar las diferentes partes del contenido y definir su significado o propósito. Este tema enseña el HTML en detalle.
    • Introducción a HTML
    • Multimedia e inserción
    • Tablas HTML

  • Estilo y diseño con CSS
    CSS es el lenguaje que se utiliza para estilizar y organizar el contenido web, así como para añadir comportamiento tal como la animación. Este tema proporciona una amplia cobertura de CSS.
    • Primeros pasos de CSS
    • Bloques de construcción de CSS
    • Diseño de texto
    • Diseño CSS

  • Interactividad con JavaScript
    JavaScript es el lenguaje de scripts usado para añadir funcionalidad dinámica a las páginas web. Este tema enseña todo lo esencial necesario para sentirte cómodo con la escritura y comprensión de JavaScript.
    • Primeros pasos en JavaScript
    • Bloques de construcción de JavaScript
    • Introducción a los objetos JavaScript
    • API web del lado del cliente
    • JavaScript asincrónico

  • Formularios web — Trabajar con datos del usuario
    Los formularios HTML son un potente instrumento para interactuar con los usuarios — frecuentemente se utilizan para reunir datos de los usuarios, o permitirte controlar la interfaz de usuario. En los artículos enumerados a continuación, se cubrirán todos los aspectos esenciales de la estructuración, estilizado e interacción con los formularios web.
    • Formularios web

  • Hacer que la web funcione para todos
    La accesibilidad es la práctica de hacer que el contenido web esté disponible para tantas personas como sea posible, independientemente de la discapacidad, el dispositivo, la ubicación u otros factores diferenciadores. Este tema te da todo lo que necesitas saber.
    • Pruebas en varios navegadores
    • Accesibilidad

  • Herramientas modernas
    Este tema abarca las herramientas que los desarrolladores utilizan para facilitar su trabajo, como las herramientas de prueba entre navegadores, analizadores de errores de código fuente, formateadores, herramientas de transformación, sistemas de control de versiones, herramientas de despliegue y marcos de desarrollo JavaScript de lado del cliente.
    • Git y GitHub
    • Comprender las herramientas de desarrollo web del lado del cliente
    • Comprender los marcos de JavaScript de lado del cliente

  • Rendimiento web — hace que los sitios web sean rápidos y responsivos
    El rendimiento web es el arte de asegurarte de que las aplicaciones web se descarguen rápidamente y respondan a la interacción del usuario, independientemente del ancho de banda, el tamaño de la pantalla, la red o las capacidades del dispositivo del usuario.

  • Programación del lado servidor
    Aunque te concentres en el desarrollo web de lado del cliente, sigue siendo útil saber cómo funcionan los servidores y las características del código del lado del servidor. Este tema proporciona una introducción general a cómo funciona el lado del servidor y tutoriales detallados que muestran cómo construir una aplicación de lado del servidor utilizando dos marcos de desarrollo populares: Django (Python) y Express (Node.js).