Aprende sobre desarrollo web

¡Hola! Bienvenido al área de aprendizaje de MDN. Si quieres aprender a crear tus propias páginas web, sitios o aplicaciones, has venido al lugar indicado.

El objetivo de esta área de MDN no es llevarte de «principiante» a «experto», sino de «principiante» a «cómodo». A partir de ese punto, deberías poder comenzar a abrirte camino, aprendiendo del resto de MDN y de otras fuentes de niveles intermedio hasta avanzado, las cuales asumen que tienes un vasto conocimiento previamente adquirido.

Si eres del todo un principiante, el desarrollo web puede ser un reto —pero no te preocupes, te llevaremos de la mano y te proveeremos de suficientes detalles para hacerte sentir cómodo y que aprendas los temas apropiadamente—. Para que te sientas como en casa, ya seas un estudiante (por tu cuenta o como parte de un grupo), un maestro buscando material para sus clases, un aficionado o alguien que simplemente desea entender mejor cómo funcionan las tecnologías web.

Novedades

El contenido del área de aprendizaje se amplía con regularidad. Se han comenzado a guardar notas de publicación del área de aprendizaje para mostrar lo que ha cambiado. ¡Revísalas frecuentemente para mantenerte actualizado!

Si tienes preguntas sobre temas que te gustaría que se abordaran o te parece que faltan, envía un mensaje en el Foro de discusión, de la comunidad Mozilla (sitio en inglés).

¿Quieres convertirte en un desarrollador de interfaz de usuario web?

Hemos elaborado un curso que incluye toda la información esencial que necesitas para alcanzar tu objetivo.

Empieza aquí

Dónde empezar

Para continuar, piensa cuál de las siguientes afirmaciones te describe mejor y ve a la página de inicio enlazada:

Nota: el glosario proporciona definición de términos. Además, si tienes una pregunta específica sobre el desarrollo web, la sección de preguntas frecuentes te puede brindar información de gran utilidad.

Entrada aleatoria del glosario

SLD
Un dominio de nivel secundario, o SLD (Second Level Domain) es el nombre que se encuentra antes del dominio de nivel primario, o TLD (Top Level Domain).

Temas tratados

La siguiente es una lista de todos los temas tratados en el área de aprendizaje de MDN.

Primeros pasos en la web
Proporciona una introducción práctica al desarrollo de la web para principiantes.
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.
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.
JavaScript — Scripts dinámicos de lado del cliente
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.
Formularios HTML
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.
Accesibilidad
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.
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.
Herramientas y pruebas
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.
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).

Obtener el código de los ejemplos

Todo el código de los ejemplos propuestos en el área de aprendizaje se encuentra disponible en GitHub. Si quieres, los puedes copiar para tenerlos en tu ordenador, la manera más fácil es descargar un ZIP de la última rama del código maestro.

Si prefieres copiar el código de una forma más flexible que te permita actualizaciones automáticas, puedes seguir estas instrucciones más complejas:

  1. Instala Git en tu máquina. Este es el sistema de control de versiones de software con el que trabaja GitHub principalmente.
  2. Abre tu consola de comandos (Windows) o terminal (Linux, MacOS X)
  3. Para copiar el repositorio del área de aprendizaje a un directorio llamado learning-area en la ubicación actual, en la ventana de tu Terminal o en la línea de comandos, debes usar el siguiente comando.
    git clone https://github.com/mdn/learning-area
  4. Ahora puedes entrar en el directorio y encontrar todos los archivos que descargaste (posiblemente con el explorador de archivos o el comando cd).

Puedes actualizar el repositorio learning-area con los últimos cambios que se hayan hecho a la versión principal en GitHub con los siguientes pasos:

  1. En tu intérprete de comandos/terminal, ve dentro del directorio learning-area usando cd. Por ejemplo, si estuvieras en el directorio padre:
    cd learning-area
  2. Puedes realizar actualizaciones al repositorio usando el siguiente comando:
    git pull

Contáctanos

Si tienes alguna pregunta o deseas saber hacia dónde ir, Mozilla es una comunidad mundial de entusiastas de la web, incluyendo mentores y profesores, encantados de ayudarte. Ponte en contacto con ellos mediante WebMaker: Conoce y dialoga con los mentores y profesores en el Foro de Discusión en Español. Encuentra Eventos y aprende acerca de la Web con profesionales. Nos gustaría saber cualquier cosa de ti, si bien crees que algo está mal o falta en el sitio, o quieres solicitar nuevos temas de aprendizaje, solicitar ayuda con elementos que no comprendes o cualquier otra pregunta o inquietud que tengas.

Si estás interesado en ayudar a desarrollar/mejorar el contenido, consulta cómo puedes ayudar y, ¡pónte en contacto!; estaremos más que felices de hablar contigo, bien seas un alumno, un maestro, un desarrollador web experimentado o alguien más, interesado en ayudar a mejorar la experiencia de aprendizaje.

Ve también

Boletín informativo para desarrolladores de Mozilla
Nuestro boletín para desarrolladores web, es un excelente recurso para todos los niveles de experiencia.
Aprende JavaScript
Un excelente recurso para los aspirantes a desarrolladores web — aprende JavaScript en un entorno interactivo, con lecciones breves y pruebas interactivas, guiado por una evaluación automatizada. Las primeras 40 lecciones son gratuitas y el curso completo está disponible por un pequeño pago único.
Web desmitificada
Una gran serie de videos que explican los fundamentos de la web, dirigida a principiantes absolutos en el desarrollo web. Creada por Jérémie Patonnier.
Codecademy
Un gran sitio interactivo para aprender lenguajes de programación desde cero.
BitDegree
Teoría básica de la codificación con un proceso de aprendizaje ludificado. Enfocado principalmente a principiantes.
Code.org
Teoría y práctica de codificación básica, principalmente dirigida a niños/principiantes.
EXLskills
Cursos gratuitos y abiertos para aprender habilidades tecnológicas, con tutorías y aprendizaje basado en proyectos.
freeCodeCamp.org
Sitio interactivo con tutoriales y proyectos para aprender desarrollo web.
Mapa de alfabetización web
Un marco de desarrollo para la alfabetización web a nivel de entrada y las habilidades del siglo XXI, que también brindan acceso a actividades de enseñanza clasificadas por categoría.
Edabit
Miles de desafíos interactivos de JavaScript.