Este es un repositorio de currículo educativo para enseñar fundamentos del desarrollo web a principiantes. El currículo es un curso comprensivo de 12 semanas desarrollado por Microsoft Cloud Advocates, que cuenta con 24 lecciones prácticas cubriendo JavaScript, CSS y HTML.
Este es un repositorio educativo para enseñar los fundamentos del desarrollo web a principiantes. El currículum es un curso integral de 12 semanas desarrollado por Microsoft Cloud Advocates, que incluye 24 lecciones prácticas sobre JavaScript, CSS y HTML.
### Componentes Clave
### Componentes Clave
- **Contenido Educativo**: 24 lecciones estructuradas organizadas en módulos basados en proyectos
- **Contenido Educativo**: 24 lecciones estructuradas organizadas en módulos basados en proyectos
- **Proyectos Prácticos**: Terrarium, Juego de Mecanografía, Extensión de Navegador, Juego Espacial, Aplicación Bancaria, Editor de Código y Asistente de Chat con IA
- **Proyectos Prácticos**: Terrarium, Juego de mecanografía, Extensión de navegador, Juego espacial, Aplicación bancaria, Editor de código y Asistente de chat con IA
- **Cuestionarios Interactivos**: 48 cuestionarios con 3 preguntas cada uno (evaluaciones pre/post-lección)
- **Cuestionarios Interactivos**: 48 cuestionarios con 3 preguntas cada uno (evaluaciones pre y post lección)
- **Soporte Multilenguaje**: Traducciones automáticas para más de 50 idiomas mediante GitHub Actions
- **Soporte Multilenguaje**: Traducciones automáticas en más de 50 idiomas vía GitHub Actions
- Ejecuta desde el directorio raíz del repositorio
- Ejecutar desde el directorio raíz del repositorio
- Confirma que existe `docs/_sidebar.md`
- Confirmar que `docs/_sidebar.md` exista
### Consejos para el Entorno de Desarrollo
### Consejos para el Entorno de Desarrollo
- Usa VS Code con la extensión Live Server para proyectos HTML
- Usar VS Code con extensión Live Server para proyectos HTML
- Instala extensiones ESLint y Prettier para formato consistente
- Instalar extensiones ESLint y Prettier para formateo consistente
- Usa las DevTools del navegador para depurar JavaScript
- Usar DevTools del navegador para depurar JavaScript
- Para proyectos Vue, instala la extensión de navegador Vue DevTools
- Para proyectos Vue, instalar extensión Vue DevTools para navegador
### Consideraciones de Rendimiento
### Consideraciones de Rendimiento
- Gran cantidad de archivos traducidos (más de 50 idiomas) hace que los clones completos sean grandes
- Gran cantidad de archivos traducidos (más de 50 idiomas) hace que clonaciones completas sean grandes
- Usa clonación superficial si solo trabajas con contenido: `git clone --depth 1`
- Usar clonación superficial si solo se trabaja con contenido: `git clone --depth 1`
- Excluye traducciones de búsquedas cuando trabajes con contenido en inglés
- Excluir traducciones de búsquedas al trabajar con contenido en inglés
- Los procesos de build pueden ser lentos en la primera ejecución (npm install, build con Vite)
- Los procesos de compilación pueden ser lentos en la primera ejecución (npm install, compilación Vite)
## Consideraciones de Seguridad
## Consideraciones de Seguridad
### Variables de Entorno
### Variables de Entorno
- Las claves API nunca deberían ser comprometidas en el repositorio
- Las claves API nunca deben subirse al repositorio
- Usa archivos `.env` (ya en `.gitignore`)
- Usar archivos `.env` (ya incluidos en `.gitignore`)
- Documenta las variables de entorno requeridas en los README de proyectos
- Documentar variables de entorno necesarias en los READMEs de los proyectos
### Proyectos Python
### Proyectos en Python
- Usa entornos virtuales: `python -m venv venv`
- Usar entornos virtuales: `python -m venv venv`
- Mantén dependencias actualizadas
- Mantener dependencias actualizadas
- Los tokens de GitHub deben tener permisos mínimos requeridos
- Los tokens de GitHub deben tener permisos mínimos necesarios
### Acceso a GitHub Models
### Acceso a GitHub Models
- Se requieren Personal Access Tokens (PAT) para GitHub Models
- Se requieren Tokens de Acceso Personal (PAT) para GitHub Models
- Guarda los tokens como variables de entorno
- Los tokens deben almacenarse como variables de entorno
- Nunca cometas tokens ni credenciales
- Nunca subir tokens o credenciales al repositorio
## Notas Adicionales
## Notas Adicionales
### Público Objetivo
### Público Objetivo
- Principiantes absolutos en desarrollo web
- Principiantes completos en desarrollo web
- Estudiantes y autodidactas
- Estudiantes y autodidactas
- Profesores usando el currículo en aulas
- Profesores que usan el currículum en aulas
- Contenido diseñado para accesibilidad y desarrollo gradual de habilidades
- Contenido diseñado para accesibilidad y desarrollo gradual de habilidades
### Filosofía Educativa
### Filosofía Educativa
- Enfoque de aprendizaje basado en proyectos
- Enfoque basado en aprendizaje por proyectos
- Revisiones frecuentes de conocimientos (cuestionarios)
- Chequeos frecuentes de conocimiento (cuestionarios)
- Ejercicios prácticos de codificación
- Ejercicios prácticos de codificación
- Ejemplos de aplicación en el mundo real
- Ejemplos de aplicaciones del mundo real
- Enfoque en fundamentos antes de frameworks
- Enfoque en fundamentos antes que frameworks
### Mantenimiento del Repositorio
### Mantenimiento del Repositorio
- Comunidad activa de aprendices y colaboradores
- Comunidad activa de aprendices y contribuyentes
- Actualizaciones regulares de dependencias y contenidos
- Actualizaciones regulares en dependencias y contenido
- Monitoreo de issues y discusiones por mantenedores
- Issues y discusiones monitoreadas por mantenedores
- Actualizaciones de traducción automatizadas mediante GitHub Actions
- Actualizaciones de traducción automatizadas vía GitHub Actions
### Recursos Relacionados
### Recursos Relacionados
- [Módulos de Microsoft Learn](https://docs.microsoft.com/learn/)
- [Módulos Microsoft Learn](https://docs.microsoft.com/learn/)
- [Recursos del Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [Recursos para estudiantes hub](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para estudiantes
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para aprendices
- Cursos adicionales: Currículos de IA generativa, Ciencia de Datos, ML, IoT disponibles
- Cursos adicionales: IA generativa, Ciencia de datos, ML, currículos IoT disponibles
### Trabajo con Proyectos Específicos
### Trabajo con Proyectos Específicos
Para instrucciones detalladas sobre proyectos individuales, consulta los archivos README en:
Para instrucciones detalladas de proyectos individuales, consultar los archivos README en:
- `quiz-app/README.md` - aplicación de quiz en Vue 3
- `quiz-app/README.md` - aplicación de cuestionarios en Vue 3
- `7-bank-project/README.md` - aplicación bancaria con autenticación
- `7-bank-project/README.md` - aplicación bancaria con autenticación
- `5-browser-extension/README.md` - desarrollo de extensión de navegador
- `5-browser-extension/README.md` - desarrollo de extensión de navegador
- `6-space-game/README.md` - desarrollo de juego con canvas
- `6-space-game/README.md` - desarrollo de juego en canvas
- `9-chat-project/README.md` - proyecto asistente de chat con IA
- `9-chat-project/README.md` - proyecto de asistente de chat IA
### Estructura Monorepo
### Estructura Monorepo
Aunque no es un monorepo tradicional, este repositorio contiene múltiples proyectos independientes:
Aunque no es un monorepo tradicional, este repositorio contiene múltiples proyectos independientes:
- Cada lección es autocontenida
- Cada lección es autónoma
- Los proyectos no comparten dependencias
- Los proyectos no comparten dependencias
- Trabaja en proyectos individuales sin afectar otros
- Se puede trabajar en proyectos individuales sin afectar otros
- Clona el repositorio completo para la experiencia completa del currículo
- Clonar el repositorio completo para experiencia completa del currículum
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Aviso legal**:
**Descargo de responsabilidad**:
Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por lograr precisión, tenga en cuenta que las traducciones automáticas pueden contener errores o inexactitudes. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda la traducción profesional humana. No nos hacemos responsables de malentendidos o interpretaciones erróneas que surjan del uso de esta traducción.
Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por la precisión, tenga en cuenta que las traducciones automatizadas pueden contener errores o inexactitudes. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda una traducción profesional humana. No nos hacemos responsables de malentendidos o interpretaciones erróneas derivadas del uso de esta traducción.
Il s'agit d'un référentiel de programme éducatif pour enseigner les fondamentaux du développement web aux débutants. Le programme est un cours complet de 12 semaines développé par les Microsoft Cloud Advocates, comprenant 24 leçons pratiques couvrant JavaScript, CSS et HTML.
Il s'agit d'un référentiel de programme éducatif pour enseigner les fondamentaux du développement web aux débutants. Le programme est un cours complet de 12 semaines développé par les Microsoft Cloud Advocates, comprenant 24 leçons pratiques couvrant JavaScript, CSS et HTML.
### Composants clés
### Composants clés
- **Contenu éducatif** : 24 leçons structurées organisées en modules basés sur des projets
- **Contenu éducatif** : 24 leçons structurées organisées en modules basés sur des projets
- **Projets pratiques** : Terrarium, jeu de frappe, extension de navigateur, jeu spatial, application bancaire, éditeur de code, et assistant de chat IA
- **Projets pratiques** : Terrarium, Jeu de frappe, Extension de navigateur, Jeu spatial, Application bancaire, Éditeur de code, et Assistant de chat IA
- **Quiz interactifs** : 48 quiz avec 3 questions chacun (évaluations avant/après les leçons)
- [Ressources du Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recommandé pour les apprenants
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recommandé pour les apprenants
- Cours supplémentaires : IA générative, Data Science, ML, IoT disponibles
- Cours additionnels : IA générative, Data Science, ML, IoT disponibles
### Travail avec des projets spécifiques
### Travailler avec des projets spécifiques
Pour des instructions détaillées sur les projets individuels, consultez les fichiers README dans :
Pour des instructions détaillées sur les projets individuels, consultez les fichiers README dans :
- `quiz-app/README.md` - application de quiz Vue 3
- `quiz-app/README.md` - application quiz Vue 3
- `7-bank-project/README.md` - application bancaire avec authentification
- `7-bank-project/README.md` - application bancaire avec authentification
- `5-browser-extension/README.md` - développement d’extension de navigateur
- `5-browser-extension/README.md` - développement d’extension navigateur
- `6-space-game/README.md` - développement de jeu basé sur Canvas
- `6-space-game/README.md` - développement de jeu Canvas
- `9-chat-project/README.md` - projet d’assistant de chat IA
- `9-chat-project/README.md` - projet assistant chat IA
### Structure Monorepo
### Structure Monorepo
Bien que ce ne soit pas un monorepo traditionnel, ce référentiel contient plusieurs projets indépendants :
Bien que ce ne soit pas un monorepo traditionnel, ce référentiel contient plusieurs projets indépendants :
- Chaque leçon est autonome
- Chaque leçon est autonome
- Les projets ne partagent pas leurs dépendances
- Les projets ne partagent pas de dépendances
- Travaillez sur des projets individuels sans impacter les autres
- Travaillez sur des projets individuels sans impacter les autres
- Clonez le référentiel complet pour l’expérience du programme complet
- Clonez le référentiel complet pour l’expérience complète du programme
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Avertissement** :
**Avertissement** :
Ce document a été traduit à l’aide du service de traduction automatique [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforçons d’assurer l’exactitude, veuillez noter que les traductions automatiques peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d’origine doit être considéré comme la source faisant autorité. Pour les informations critiques, une traduction professionnelle réalisée par un humain est recommandée. Nous ne sommes pas responsables des malentendus ou des erreurs d’interprétation résultant de l’utilisation de cette traduction.
Ce document a été traduit à l’aide du service de traduction automatique [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforcions d’assurer l’exactitude, veuillez noter que les traductions automatisées peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d’origine doit être considéré comme la source faisant autorité. Pour les informations critiques, une traduction professionnelle humaine est recommandée. Nous déclinons toute responsabilité en cas de malentendus ou d’interprétations erronées résultant de l’utilisation de cette traduction.