HoshCode

HoshMe

Meer oor hierdie app

HoshCode is 'n visuele sagteware-ontwikkelingsleerplatform wat komplekse tegniese konsepte leer deur interaktiewe animasies, geanimeerde diagramme en praktiese laboratoriums – nie passiewe video's of teks nie.

🎨 VISUELE LEERENJIN
In plaas daarvan om tutoriale te kyk, verken jy geanimeerde visualisasies:
• JavaScript Loop Visualizer — Kyk hoe veranderlikes intyds opdateer soos lusse uitgevoer word
• HTTP-versoeklewensiklus — Sien versoeke vloei deur jou toepassing, backend en databasis
• React Component Tree — Tik komponente om stutte te inspekteer en kyk hoe toestand versprei
• Databasisverhoudings — Verken ERD-diagramme met interaktiewe tabelinspeksie
• CI/CD-pyplyn — Visualiseer die hele ontplooiingsproses stap vir stap

⏯️ INTERAKTIEWE KONTROLES
Elke les sluit in:
• Speel/Pouseer/Stap-kontroles vir presiese verkenning
• Spoedaanpassing (0.5x tot 2x) om teen jou pas te leer
• Herstel om enige visualisering te herbegin
• Geanimeerde verduidelikings met kodebrokkies

📚 OMVATTENDE KURSUSSE
HoshCode bied twee gestruktureerde leerpaaie:

1. KI-aangedrewe Mobiele Toepassingsontwikkeling (12 weke)
JavaScript → TypeScript → React Native → Expo → Navigasie → Toestandbestuur → API's → Verifikasie → Toestelkenmerke → Toetsing → Play Winkel Implementering → KI-gereedskap → Capstone-projek

2. KI-aangedrewe volstapelontwikkeling (16 weke)
Voorkant: HTML → CSS → JavaScript → TypeScript → React
Agterkant: Python → Django → PostgreSQL → REST API's
DevOps: Docker → Wolk-implementering → CI/CD → Sekuriteit
Plus: KI-gereedskap-integrasie → Capstone-projek

🔒 VEILIG & GEPERSONALISEERD
• Veilige verifikasie met JWT-tokens
• Volg jou vordering oor alle lesse
• Gepersonaliseerde leerdashboard
• Vanlyn toegang tot afgelaaide lesse
• Ondersteuning vir donker en ligte temas

💡 HOEKOM VISUELE LEER?
Navorsing toon dat visuele leer die behoud met 65% verbeter. HoshCode maak abstrakte programmeringskonsepte konkreet en verkenbaar, sodat jy nie net verstaan ​​wat kode doen nie, maar ook hoekom dit werk.

Perfek vir:
✓ Beginners wat hul koderingsreis begin
✓ Loopbaanwisselaars wat na tegnologie oorskakel
✓ Studente wat praktiese oefening wil hê
✓ Professionals wat vaardighede in moderne raamwerke opgradeer

Begin vandag nog visueel leer. Laai HoshCode nou af!

Wat's nuut

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