HoshCode

HoshMe

Acerca de esta app

HoshCode es una plataforma de aprendizaje de desarrollo de software visual que enseña conceptos técnicos complejos mediante animaciones interactivas, diagramas animados y laboratorios prácticos, en lugar de vídeos o textos pasivos.

🎨 MOTOR DE APRENDIZAJE VISUAL
En lugar de ver tutoriales, explora visualizaciones animadas:
• Visualizador de bucles de JavaScript: observa cómo se actualizan las variables en tiempo real mientras se ejecutan los bucles.
• Ciclo de vida de las solicitudes HTTP: observa cómo fluyen las solicitudes a través de tu aplicación, backend y base de datos.
• Árbol de componentes de React: toca los componentes para inspeccionar las props y ver cómo se propaga el estado.
• Relaciones de la base de datos: explora diagramas ERD con inspección interactiva de tablas.
• Pipeline de CI/CD: visualiza todo el proceso de despliegue paso a paso.

⏯️ CONTROLES INTERACTIVOS
Cada lección incluye:
• Controles de reproducción/pausa/avance para una exploración precisa.
• Ajuste de velocidad (de 0.5x a 2x) para aprender a tu ritmo.
• Reiniciar para reiniciar cualquier visualización.
• Explicaciones animadas con fragmentos de código.

📚 CURSOS COMPLETOS
HoshCode ofrece dos rutas de aprendizaje estructuradas:

1. Desarrollo de aplicaciones móviles con IA (12 semanas)

JavaScript → TypeScript → React Native → Expo → Navegación → Gestión de estado → APIs → Autenticación → Funcionalidades del dispositivo → Pruebas → Implementación en Play Store → Herramientas de IA → Proyecto final

2. Desarrollo Full-Stack con IA (16 semanas)

Frontend: HTML → CSS → JavaScript → TypeScript → React

Backend: Python → Django → PostgreSQL → APIs REST

DevOps: Docker → Implementación en la nube → CI/CD → Seguridad

Además: Integración de herramientas de IA → Proyecto final

🔒 SEGURO Y PERSONALIZADO
• Autenticación segura con tokens JWT
• Seguimiento del progreso en todas las lecciones
• Panel de aprendizaje personalizado
• Acceso sin conexión a las lecciones descargadas
• Compatibilidad con temas oscuro y claro

💡 ¿POR QUÉ VISUAL? ¿APRENDIENDO?

Los estudios demuestran que el aprendizaje visual mejora la retención en un 65 %. HoshCode hace que los conceptos abstractos de programación sean concretos y explorables, para que entiendas no solo qué hace el código, sino también por qué funciona.

Ideal para:
✓ Principiantes que inician su aprendizaje de programación
✓ Personas que cambian de carrera y se incorporan al sector tecnológico
✓ Estudiantes que buscan práctica
✓ Profesionales que desean perfeccionar sus habilidades en frameworks modernos

¡Empieza a aprender visualmente hoy mismo! ¡Descarga HoshCode ahora!

Novedades

Five fully interactive lessons are implemented in `src/engine/visualizers/`:
1. JavaScript Loop Visualizer
- Animates array elements as a `for` loop iterates
- Shows index, sum, and condition variables updating in real time
- Color-coded loop phases: init, check, body, increment, done
- SVG loop flow diagram with animated active phase
2. HTTP Request Lifecycle
- Sequence diagram: Mobile App → Django → PostgreSQL → response
- Animated message arrows between actors