HoshCode

HoshMe

Sobre l'aplicació

HoshCode és una plataforma d'aprenentatge de desenvolupament de programari visual que ensenya conceptes tècnics complexos a través d'animacions interactives, diagrames animats i laboratoris pràctics, no vídeos passius ni text. 🎨 MOTOR D'APRENENTATGE VISUAL
En comptes de mirar tutorials, explores visualitzacions animades:
• Visualitzador de bucles JavaScript: observa com s'actualitzen les variables en temps real a mesura que s'executen els bucles
• Cicle de vida de les sol·licituds HTTP: observa el flux de sol·licituds a través de l'aplicació, el backend i la base de dades
• Arbre de components de React: toca els components per inspeccionar els accessoris i observar com es propaga l'estat
• Relacions de la base de dades: explora els diagrames ERD amb la inspecció interactiva de taules
• Canalització CI/CD: visualitza tot el procés de desplegament pas a pas

⏯️ CONTROLS INTERACTIUS
Cada lliçó inclou:
• Controls de reproducció/pausa/pas per a una exploració precisa
• Ajust de velocitat (de 0,5x a 2x) per aprendre al teu ritme
• Restablir per reiniciar qualsevol visualització
• Explicacions animades amb fragments de codi

📚 CURSOS COMPLETS
HoshCode ofereix dos camins d'aprenentatge estructurats:

1. Desenvolupament d'aplicacions mòbils amb tecnologia d'IA (12 setmanes)
JavaScript → TypeScript → React Native → Expo → Navegació → Gestió d'estats → API → Autenticació → Característiques del dispositiu → Proves → Implementació de Play Store → Eines d'IA → Projecte Capstone

2. Desenvolupament Full-Stack amb tecnologia d'IA (16 setmanes)
Frontend: HTML → CSS → JavaScript → TypeScript → React
Backend: Python → Django → PostgreSQL → API REST
DevOps: Docker → Implementació al núvol → CI/CD → Seguretat
A més: Integració d'eines d'IA → Projecte Capstone

🔒 SEGUR I PERSONALITZAT
• Autenticació segura amb tokens JWT
• Seguiment del progrés a totes les lliçons
• Tauler d'aprenentatge personalitzat
• Accés fora de línia a les lliçons descarregades
• Compatibilitat amb temes foscos i clars

💡 PER QUÈ APRENENTATGE VISUAL?
La recerca demostra que l'aprenentatge visual millora la retenció en un 65%. HoshCode fa que els conceptes abstractes de programació siguin concrets i explorables, de manera que enteneu no només què fa el codi, sinó també per què funciona.

Perfecte per a:
✓ Principiants que comencen el seu viatge de codificació
✓ Canvis de carrera en transició a la tecnologia
✓ Estudiants que volen pràctica pràctica
✓ Professionals que milloren les seves habilitats en frameworks moderns

Comenceu a aprendre visualment avui mateix. Descarrega ara HoshCode!

Novetats

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