test-repo/docs-readme/es-ES

███████╗ █████╗ ███████╗██╗   ██╗    ██╗   ██╗██╗██████╗ ███████╗
██╔════╝██╔══██╗██╔════╝╚██╗ ██╔╝    ██║   ██║██║██╔══██╗██╔════╝
█████╗  ███████║███████╗ ╚████╔╝     ██║   ██║██║██████╔╝█████╗  
██╔══╝  ██╔══██║╚════██║  ╚██╔╝      ╚██╗ ██╔╝██║██╔══██╗██╔══╝  
███████╗██║  ██║███████║   ██║        ╚████╔╝ ██║██████╔╝███████╗
╚══════╝╚═╝  ╚═╝╚══════╝   ╚═╝         ╚═══╝  ╚═╝╚═════╝ ╚══════╝

Easy-Vibe : Aprende Vibe Coding de 0 a 1

📌 Leer en línea (Read Online) · ✨ Tutorial interactivo

Leer en línea · Mapa de aprendizaje · Comunidad

Mapa de aprendizaje exclusivo para principiantes Guía desde cero, planificación de ruta clara, adiós al "aprender y olvidar"	Tutorial gráfico paso a paso Explicaciones detalladas, como tener un tutor privado a tu lado, solo sigue los pasos
Programación simulada inmersiva Navegación automática con mouse virtual, aprendiendo rápidamente los usos principales del IDE	Principios de IA visibles Principios de algoritmos animados, entiende de un vistazo cómo la IA "dibuja" imágenes
Aprende RAG como si fuera un juego Componentes interactivos exclusivos, haz clic para ver claramente el flujo de datos RAG	Principios de terminal visualizados Operaciones de línea de comandos visualizadas, mostrando intuitivamente la lógica de fondo

⭐ Te invitamos a dar Star aquí para acelerar las actualizaciones ❤️

En la era de la IA, las personas que convierten ideas en productos a menudo no son las que tienen los conocimientos técnicos más sólidos, sino las que dan el primer paso.

Muchas personas, incluso con asistentes de IA, se desaniman por "no entender el código" o "no saber cómo configurar el entorno". Easy-Vibe nació para esto. Asumiendo que todos parten de cero, te llevamos de la mano desde escribir tu primera línea de código hasta entender la lógica del front-end y back-end, y finalmente lanzar tu producto.

• Público objetivo: Principiantes, Product Managers, Desarrolladores Front-end / Back-end / Full-stack
• Temas: Programación con IA, Desarrollo de aplicaciones Web Full-stack, AI Agent, Workflows y sistemas RAG

---

Easy-Vibe te lleva de 0 a 1 a través de las siguientes etapas:

Etapa	Habilidades clave	Resultado
Etapa 1	Introducción a la programación con IA, Pensamiento de producto, Diseño de prototipos	Minijuegos interactivos, Prototipos de aplicaciones Web (Principiantes & PM)
Etapa 2	Desarrollo Full-stack, Integración de IA, Bases de datos	Aplicación de IA Full-stack completa
Etapa 3	Claude Code avanzado, Desarrollo de Miniprogramas y Android	Aplicaciones multiplataforma de nivel de producción
Apéndice	Ayuda para entender conceptos básicos de Computación e IA	9 dominios de conocimiento, más de 80 temas interactivos

🔥 Noticias

• [2026-02-25] Actualizada la Base de conocimientos del apéndice, que cubre 9 dominios de conocimiento y más de 80 temas interactivos.
• [2026-01-27] Se agregaron tutoriales de desarrollo de aplicaciones para las plataformas Android e iOS.
• [2026-01-19] Lanzamiento de una serie de componentes de demostración interactiva para Prompt Engineering, evolución de la IA, diseño de autenticación, principios de Git, etc.

Past News

• [2026-01-16] Reestructuración del proyecto, estableciendo formalmente el capítulo de "Introducción para principiantes".
• [2026-01-14] Completada una actualización masiva de la documentación de la Etapa 1 "Construcción de prototipos de productos".
• [2026-01-13] Reconstrucción de la arquitectura de documentos, soporte total para multi-idioma (i18n).
• [2026-01-01] Lanzamiento del Mapa de Aprendizaje principal del proyecto.

📖 Navegación

📚 Base de conocimientos del apéndice

Cubre 9 dominios de conocimiento y más de 80 temas interactivos, utilizando animaciones y componentes visuales para ayudarte a comprender intuitivamente los conceptos centrales desde los fundamentos de la computación hasta la frontera de la IA.

👉 Ver apéndice completo · Diccionario de capacidades de IA

💻 Fundamentos de Computación • Del transistor a la CPU • Sistemas operativos • Codificación, almacenamiento y transmisión de datos • Redes: Cómo hablan dos ordenadores • Estructuras de datos • Introducción al pensamiento algorítmico	🔧 Herramientas de desarrollo • Git: La máquina del tiempo del código • Línea de comandos y scripts de Shell • Gestores de paquetes • El arte de la depuración • Expresiones regulares • Variables de entorno y PATH	🌐 Navegador y Front-end • Inmersión profunda en JavaScript • Tubería de renderizado del navegador • Comparación de frameworks front-end • Gráficos y animación • Medición y optimización del rendimiento web • Panorama de la ingeniería front-end
🖥️ Servidor y Back-end • Protocolo HTTP • Filosofía de diseño de APIs • Autenticación y autorización • Concurrencia, asincronía e hilos • Colas de mensajes y eventos • Arquitectura back-end en capas	📊 Datos • SQL • Principios de bases de datos • Recopilación de comportamiento del usuario • Fundamentos de análisis de datos • Pruebas A/B y experimentación • Visualización de datos y dashboards	🏗️ Arquitectura y Diseño de Sistemas • Del monolito a los microservicios • Desafíos de sistemas distribuidos • Alta disponibilidad y recuperación • Metodología de diseño de sistemas
☁️ Infraestructura y Operaciones • Containerización con Docker • Orquestación con Kubernetes • Automatización CI / CD • Dominios, DNS y HTTPS • Monitoreo, registros y alertas • Infraestructura como código	🤖 Inteligencia Artificial • Cómo funcionan los LLMs • Transformer y mecanismos de atención • Arquitectura RAG • AI Agents y llamadas a herramientas • Ingeniería de prompts • Principios de generación de imágenes	🎯 Excelencia en Ingeniería • Calidad de código y refactorización • Estrategias de prueba • Patrones de diseño • Pensamiento de seguridad y defensa • Redacción técnica • Colaboración de código abierto

I. Introducción desde cero

Capítulo	Contenido clave	Estado
Prólogo: Mapa de aprendizaje	Navegación por la ruta de aprendizaje completa	✅
Nivel 1: Era de la IA, hablar es programar	Experimenta la programación con IA mediante casos	✅
Nivel 2: Buscando buenas ideas	Aprende a validar ideas de productos	✅
Nivel 3: Introducción a las herramientas AI IDE	Aprende a usar el IDE y crea juegos locales	✅
Nivel 4: Construyendo prototipos a mano	Desde el análisis hasta prototipos de varias páginas	✅
Nivel 5: Añadiendo IA a los prototipos	Aprende a integrar IA (texto, imagen, video)	✅
Nivel 6: Práctica de proyecto completo	Escenarios reales e iteración con feedback	✅

Apéndice: Pensamiento de negocio

Capítulo	Contenido clave	Estado
Apéndice A: Pensamiento de producto	Marcos de pensamiento para crear productos	✅
Apéndice B: Escenarios industriales de IA (B2B)	Aplicaciones de IA en diferentes industrias	✅
Apéndice C: Inspiración para escenarios B2C	Exploración de IA en productos de consumo	✅

Apéndice: Soluciones técnicas

Capítulo	Contenido clave	Estado
Apéndice D: Qué hacer ante errores	Errores comunes en vibe coding y soluciones	✅
Apéndice E: Comparación de herramientas AI	Comparativa de plataformas principales	✅
Apéndice F: Diseñando sitios con Agentes	Uso de agentes de IA para diseño web	✅

II. Desarrollador intermedio

Front-end

Capítulo	Contenido clave	Estado
Front-end 0: Activos con Lovart	Generación masiva de activos visuales	🚧
Front-end 1: Intro a Figma & MasterGo	Organización de arquitectura de la información	🚧
Front-end 2: Construyendo la primera App - UI	Interfaz basada en componentes desde el diseño	🚧
Front-end 3: Especificaciones de diseño UI	Diseño sistemático a través de productos	🚧
Front-end 4: Retratos de Hogwarts juntos	App front-end con IA desde cero hasta producción	✅

Back-end y Full-stack

Capítulo	Contenido clave	Estado
Back-end 1: Qué es una API	Interfaces HTTP y modelos petición-respuesta	✅
Back-end 2: De DB a Supabase	Implementación de bases de datos y APIs	✅
Back-end 3: Código de interfaz asistido por IA	Uso de LLM para generación de código y docs	🚧
Back-end 4: Flujo de trabajo Git	Control de versiones y colaboración	✅
Back-end 5: Despliegue en Zeabur	Despliegue de aplicaciones para producción	✅
Back-end 6: Herramientas CLI modernas	Aceleración del desarrollo con herramientas AI	✅
Back-end 7: Integración de pagos con Stripe	Procesos de cobro y liquidación básicos	🚧
Proyecto 1: Aplicación Full-stack completa	Web App completa lista para producción	🚧
Proyecto 2: UI Library + Trae	Producto independiente con auth y pagos	🚧

III. Desarrollador avanzado

Capítulo	Contenido clave	Estado
Avanzado 1: MCP & Claude Code Skills	Extensión de capacidades del IDE	🚧
Avanzado 2: Tareas de larga duración	Configuración de tareas de codificación estables	🚧
Avanzado 3: WeChat Mini Program	Ecosistema y lanzamiento de mini programas	✅
Avanzado 4: Mini Program con Back-end	Lógica de negocio completa en mini programas	🚧
Avanzado 5: Android App Development	Desarrollo unificado con Expo	✅
Avanzado 6: iOS App Development	Desarrollo unificado con Expo	✅
Avanzado 7: Web personal y blog académico	Construcción de marca personal en línea	🚧

🛠️ Cómo aprender

• Según tu nivel, elige los capítulos relevantes para leer y practicar.

💻 Configuración local

Método moderno

En tu AI IDE (VS Code, Cursor, Trae), usa el siguiente prompt:

Por favor, ayúdame a ejecutar el servicio local de este proyecto.

Método tradicional

1. npm install
2. npm run dev
3. Abre http://localhost:3000 en tu navegador.

🤝 Contribuir

• Si encuentras problemas, por favor abre un Issue.
• Si quieres contribuir, envía un Pull Request.

🙏 Agradecimientos

• Sanbu - Líder del proyecto (Miembro de Datawhale)
• Fang Ke - Asesor (Miembro de Datawhale, Univ. de Tsinghua)
• Todo el equipo de diseño y pruebas por su apoyo ❤️

  

📧 Contacto

Si tienes sugerencias o quieres colaborar, escanea el código QR:

Sigue a Datawhale en WeChat:

📄 LICENCIA

Este trabajo está bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 4.0 Internacional .

Star History