HoshCode

HoshMe

Bu uygulama hakkında

HoshCode, pasif videolar veya metinler yerine etkileşimli animasyonlar, animasyonlu diyagramlar ve uygulamalı laboratuvar çalışmaları aracılığıyla karmaşık teknik kavramları öğreten, görsel odaklı bir yazılım geliştirme öğrenme platformudur.

🎨 GÖRSEL ÖĞRENME MOTORU
Eğitim videoları izlemek yerine, animasyonlu görselleştirmeleri keşfedin:
• JavaScript Döngü Görselleştiricisi — Döngüler çalışırken değişkenlerin gerçek zamanlı olarak nasıl güncellendiğini izleyin
• HTTP İstek Yaşam Döngüsü — İsteklerin uygulamanız, arka uç ve veritabanınız üzerinden nasıl aktığını görün
• React Bileşen Ağacı — Özellikleri incelemek ve durumun nasıl yayıldığını izlemek için bileşenlere dokunun
• Veritabanı İlişkileri — Etkileşimli tablo incelemesiyle ERD diyagramlarını keşfedin
• CI/CD Hattı — Tüm dağıtım sürecini adım adım görselleştirin

⏯️ ETKİLEŞİMLİ KONTROLLER
Her ders şunları içerir:
• Hassas keşif için Oynat/Duraklat/Adım adım kontroller
• Kendi hızınızda öğrenmek için hız ayarı (0,5x ila 2x)
• Herhangi bir görselleştirmeyi yeniden başlatmak için Sıfırla
• Kod parçacıklarıyla animasyonlu açıklamalar

📚 KAPSAMLI KURSLAR
HoshCode iki yapılandırılmış öğrenme yolu sunar:

1. Yapay Zeka Destekli Mobil Uygulama Geliştirme (12 hafta)

JavaScript → TypeScript → React Native → Expo → Navigasyon → Durum Yönetimi → API'ler → Kimlik Doğrulama → Cihaz Özellikleri → Test Etme → Play Store Dağıtımı → Yapay Zeka Araçları → Bitirme Projesi

2. Yapay Zeka Destekli Tam Yığın Geliştirme (16 hafta)

Ön Uç: HTML → CSS → JavaScript → TypeScript → React
Arka Uç: Python → Django → PostgreSQL → REST API'ler
DevOps: Docker → Bulut Dağıtımı → CI/CD → Güvenlik

Ayrıca: Yapay Zeka Araçları Entegrasyonu → Bitirme Projesi

🔒 GÜVENLİ VE KİŞİSELLEŞTİRİLMİŞ
• JWT token'ları ile güvenli kimlik doğrulama
• Tüm derslerdeki ilerlemenizi takip edin
• Kişiselleştirilmiş öğrenme paneli
• İndirilen derslere çevrimdışı erişim
• Koyu ve açık tema desteği

💡 NEDEN GÖRSEL ÖĞRENME?

Araştırmalar, görsel öğrenmenin öğrenme kalıcılığını %65 oranında artırdığını gösteriyor. HoshCode, soyut programlama kavramlarını somut ve keşfedilebilir hale getirerek, kodun ne yaptığını değil, neden çalıştığını da anlamanızı sağlar.

Şunlar için ideal:
✓ Kodlama yolculuğuna yeni başlayanlar
✓ Teknoloji alanına geçiş yapan kariyer değiştirenler
✓ Uygulamalı pratik yapmak isteyen öğrenciler
✓ Modern çerçevelerde becerilerini geliştirmek isteyen profesyoneller

Bugün görsel olarak öğrenmeye başlayın. HoshCode'u şimdi indirin!

Yenilikler

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