HoshCode

HoshMe

Aplikazio honi buruz

HoshCode software garapenerako ikaskuntza plataforma bisual bat da, animazio interaktiboen, diagrama animatuen eta laborategi praktikoen bidez kontzeptu tekniko konplexuak irakasten dituena —ez bideo edo testu pasiboen bidez—. 🎨 IKASKUNTZA IKUSMENEZKO MOTORRA
Tutorialak ikusi beharrean, bistaratze animatuak arakatuko dituzu:
• JavaScript Begiztaren Bistaratzailea — Ikusi aldagaiak denbora errealean eguneratzen diren begiztak exekutatzen diren heinean
• HTTP Eskaeren Bizi-zikloa — Ikusi eskaerak zure aplikazioan, backend-ean eta datu-basean zehar doazen bitartean
• React Osagaien Zuhaitza — Sakatu osagaiak prop-ak ikuskatzeko eta egoera hedatzen ikusteko
• Datu-basearen Harremanak — Arakatu ERD diagramak taula interaktiboen ikuskapenarekin
• CI/CD Hodia — Ikusi inplementazio prozesu osoa pausoz pauso

⏯️ KONTROL INTERAKTIBOAK
Ikasgai guztiek honako hauek dituzte:
• Erreproduzitu/Pausatu/Pauso kontrolak esplorazio zehatzerako
• Abiadura doikuntza (0,5x-tik 2x-ra) zure erritmoan ikasteko
• Berrezarri edozein bistaratze berrabiarazteko
• Azalpen animatuak kode zatiekin

📚 IKASTARO OSOAK
HoshCode-k bi ikaskuntza bide egituratu eskaintzen ditu:

1. Adimen Artifizialaren bidezko Mugikorretarako Aplikazioen Garapena (12 aste)
JavaScript → TypeScript → React Native → Expo → Nabigazioa → Egoeraren Kudeaketa → APIak → Autentifikazioa → Gailuaren Ezaugarriak → Probak → Play Store-ren Hedapena → AI Tresnak → Capstone Proiektua

2. AI-k bultzatutako Full-Stack Garapena (16 aste)
Frontend: HTML → CSS → JavaScript → TypeScript → React
Backend: Python → Django → PostgreSQL → REST APIak
DevOps: Docker → Cloud Deployment → CI/CD → Segurtasuna
Gainera: AI Tresnen Integrazioa → Capstone Proiektua

🔒 SEGURUA ETA PERTSONALIZATUA
• Autentifikazio segurua JWT tokenekin
• Jarrai ezazu zure aurrerapena ikasgai guztietan
• Ikaskuntza-panel pertsonalizatua
• Deskargatutako ikasgaietarako lineaz kanpoko sarbidea
• Gai ilun eta argien laguntza

💡 ZERGATIK IKASKUNTZA BISUALA?
Ikerketek erakusten dute ikaskuntza bisualak % 65 hobetzen duela atxikipena. HoshCode-k programazio-kontzeptu abstraktuak zehatz eta esploragarri bihurtzen ditu, kodeak zer egiten duen ez ezik, zergatik funtzionatzen duen ulertzeko.

Bikaina honetarako:
✓ Kodetze-bidaia hasten duten hasiberrientzat
✓ Teknologiara igarotzen ari diren karrera-aldaketa dutenentzat
✓ Praktika praktikoa nahi duten ikasleentzat
✓ Framework modernoetan trebetasunak hobetzen dituzten profesionalentzat

Hasi ikasten bisualki gaur. Deskargatu HoshCode orain!

Berritasunak

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