Código abierto de freeCodeCamp.org que impulsa su plataforma de aprendizaje y currículo gratuito y autodidacta de programación y matemáticas.
microsoft/Web-Dev-For-Beginners
Plan de estudios de 12 semanas y 24 lecciones para principiantes, que enseña HTML, CSS y JavaScript con proyectos prácticos como un terrario y juegos.
- Estrellas
- 97,003
- Forks
- 16,043
- Issues abiertos
- 145
- Último commit
- hace 14 horas
¿Qué es?
Web Development for Beginners es un plan de estudios gratuito y basado en proyectos de Microsoft Cloud Advocates, dirigido a quienes empiezan en el desarrollo web. Consta de 24 lecciones, organizadas en unas 12 semanas, y abarca los fundamentos de JavaScript, CSS y HTML.
Cada lección gira en torno a un proyecto práctico: un terrario en línea con función de arrastrar y soltar, un juego de mecanografía, una extensión ecológica para el navegador, un juego espacial que usa Canvas API y una aplicación bancaria con varias páginas. Las lecciones incluyen cuestionarios previos y posteriores a las clases, comprobaciones de conocimientos, retos y tareas. El repositorio también incluye una aplicación de cuestionarios independiente con 48 cuestionarios de tres preguntas cada uno.
El curso está disponible en más de 50 idiomas, se puede ejecutar en GitHub Codespaces o de forma local con Visual Studio Code y se puede consultar sin conexión con Docsify o como PDF. El repositorio también incluye un curso de IA generativa para JavaScript y un proyecto de asistente de IA.
Funciones clave
- 0124 lecciones organizadas en un curso de unas 12 semanas
- 02Los proyectos incluyen un terrario, un juego de mecanografía, una extensión para el navegador, un juego espacial y una aplicación bancaria
- 03Cada lección incluye cuestionarios previos y posteriores a las clases, comprobaciones de conocimientos y tareas
- 04Disponible en más de 50 idiomas, con sparse checkout para clonar más rápido
- 05Se ejecuta en GitHub Codespaces o de forma local con Visual Studio Code
Casos de uso
- Personas que empiezan desde cero y buscan una ruta estructurada para aprender HTML, CSS y JavaScript
- Docentes que imparten un curso de desarrollo web con lecciones basadas en proyectos
- Personas que prefieren crear juegos y extensiones sencillos en lugar de leer teoría
Inicio rápido
- 1
Haz un fork del repositorio en GitHub
- 2
Clona tu fork en tu computadora
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git - 3
Abre la carpeta en Visual Studio Code y empieza por la Lesson 1 de la carpeta «1-getting-started-lessons»
Antes de usarlo
- Las lecciones son material de aprendizaje, no una aplicación ejecutable, por lo que no hay un único programa que iniciar.
- La mayor parte del contenido está en inglés y se ofrecen traducciones mediante un proceso de traducción automática.
Temas
Preguntas frecuentes
- ¿Qué es Web-Dev-For-Beginners?
- Plan de estudios de 12 semanas y 24 lecciones para principiantes, que enseña HTML, CSS y JavaScript con proyectos prácticos como un terrario y juegos. Web Development for Beginners es un plan de estudios gratuito y basado en proyectos de Microsoft Cloud Advocates, dirigido a quienes empiezan en el desarrollo web. Consta de 24 lecciones, organizadas en unas 12 semanas, y abarca los fundamentos de JavaScript, CSS y HTML.
- ¿Web-Dev-For-Beginners es gratuito? ¿Qué licencia tiene?
- Web-Dev-For-Beginners es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿Web-Dev-For-Beginners sigue mantenido?
- Mantenimiento activo. El último commit de Web-Dev-For-Beginners fue el 20 oct 2026.
- ¿Para qué puedo usar Web-Dev-For-Beginners?
- Personas que empiezan desde cero y buscan una ruta estructurada para aprender HTML, CSS y JavaScript Docentes que imparten un curso de desarrollo web con lecciones basadas en proyectos Personas que prefieren crear juegos y extensiones sencillos en lugar de leer teoría
- ¿Cómo se instala Web-Dev-For-Beginners?
- Haz un fork del repositorio en GitHub Clona tu fork en tu computadora: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git Abre la carpeta en Visual Studio Code y empieza por la Lesson 1 de la carpeta «1-getting-started-lessons»
- ¿Dónde consigo Web-Dev-For-Beginners?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/microsoft/Web-Dev-For-Beginners
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Colección de artículos breves y fragmentos de código JavaScript independientes para aprender patrones de programación habituales en 30 segundos o menos.
Un plan de estudios de 12 semanas y 26 lecciones para principiantes sobre machine learning clásico, con lecciones y cuestionarios en Python y R.
Curso gratuito de JavaScript de 30 días, paso a paso, con lecciones diarias, ejercicios y miniproyectos para principiantes.
Plan de estudios para principiantes de 10 semanas y 20 lecciones de Microsoft, con temas esenciales de ciencia de datos, Python, cuestionarios y proyectos.
Curso paso a paso de 30 días que enseña React desde los fundamentos de JavaScript hasta hooks, routing y gestión del estado.