HoshCode

HoshMe

Энэ аппын тухай

HoshCode бол идэвхгүй видео эсвэл текст биш харин интерактив хөдөлгөөнт дүрс, хөдөлгөөнт диаграмм, практик лаборатори ашиглан нарийн төвөгтэй техникийн ойлголтуудыг заадаг харааны эхлэлтэй програм хангамж хөгжүүлэх сургалтын платформ юм.

🎨 ХАРАА СУРГАЛТЫН ХӨДӨЛГҮҮР
Хичээл үзэхийн оронд та хөдөлгөөнт дүрслэлийг судална уу:
• JavaScript давталтын дүрслэгч — Давталтууд ажиллах үед хувьсагчдын шинэчлэлтийг бодит цаг хугацаанд нь харах
• HTTP хүсэлтийн амьдралын мөчлөг — Хүсэлтүүд таны апп, арын хэсэг болон мэдээллийн сангаар дамжин урсаж байгааг харах
• React Component Tree — Пропуудыг шалгах болон төлөвийн тархалтыг харахын тулд бүрэлдэхүүн хэсгүүдийг товшино уу
• Өгөгдлийн сангийн харилцаа — Интерактив хүснэгтийн шалгалтаар ERD диаграммуудыг судлах
• CI/CD дамжуулах хоолой — Байршуулалтын бүх үйл явцыг алхам алхмаар дүрслэн харуулах

⏯️ ИНТЕРАКТИВ ХЯНАЛТУУД
Хичээл бүрт дараахь зүйлс орно:
• Нарийвчилсан судалгаа хийх тоглуулах/түр зогсоох/алхамын удирдлага
• Өөрийн хурдаар суралцах хурдны тохируулга (0.5x-ээс 2x хүртэл)
• Аливаа дүрслэлийг дахин эхлүүлэхийн тулд дахин тохируулах
• Кодын хэсгүүдтэй хөдөлгөөнт тайлбар

📚 ЦОГЦ СУРГАЛТУУД
HoshCode нь хоёр бүтэцлэгдсэн сургалтын замыг санал болгодог:

1. Хиймэл оюун ухаанаар ажилладаг гар утасны аппликейшн хөгжүүлэлт (12 долоо хоног)
JavaScript → TypeScript → React Native → Expo → Навигаци → Төлөвийн удирдлага → API → Баталгаажуулалт → Төхөөрөмжийн онцлогууд → Туршилт → Play Store байршуулалт → AI хэрэгслүүд → Capstone төсөл

2. AI-ээр ажилладаг бүрэн хэмжээний хөгжүүлэлт (16 долоо хоног)
Фронтенд: HTML → CSS → JavaScript → TypeScript → React
Backend: Python → Django → PostgreSQL → REST API-ууд
DevOps: Docker → Cloud байршуулалт → CI/CD → Аюулгүй байдал
Нэмэлт: AI хэрэгслүүдийн интеграци → Capstone төсөл

🔒 АЮУЛГҮЙ БА ХУВИЙН БОЛГОСОН
• JWT токен ашиглан аюулгүй баталгаажуулалт
• Бүх хичээл дээрх ахиц дэвшлээ хянах
• Хувь хүнд зориулсан сургалтын самбар
• Татаж авсан хичээлүүдэд офлайн хандах
• Харанхуй болон цайвар сэдвийн дэмжлэг

💡 ЯАГААД ХАРААНЫ СУРАЛЦАХ ВЭ?
Судалгаагаар харааны сургалт нь санах ойг 65%-иар сайжруулж байгааг харуулж байна. HoshCode нь хийсвэр програмчлалын ойлголтуудыг тодорхой, судлах боломжтой болгодог тул та зөвхөн код юу хийдэг төдийгүй яагаад ажилладагийг ойлгодог.

Дараах хүмүүст тохиромжтой:
✓ Код бичих аялалаа эхлүүлж буй анхан шатны оюутнууд
✓ Технологид шилжиж буй карьераа өөрчлөх хүмүүс
✓ Практик дадлага хийхийг хүсч буй оюутнууд
✓ Орчин үеийн фреймворкийн чиглэлээр мэргэшсэн мэргэжилтнүүд

Өнөөдөр харааны аргаар суралцаж эхлээрэй. HoshCode-г одоо татаж аваарай!

Шинэ юм юу байна

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