Durum durumu
Zeroday Camp, HTML ve CSS'yi sıfırdan öğretmeye odaklanan bir online kodlama bootcamp'idir — yapılandırılmış, hesap verebilir ve gerçekten öğrenmek için pasif video tüketiminden fazlasına ihtiyaç duyan öğrenciler için inşa edilmiştir.\n\nPlatformun standart LMS araçlarının karşılayamadığı üç gereksinimi vardı: tarayıcıda çalışan ve gerçek test durumlarına karşı gerçek çıktıyı değerlendiren bir kod editörü, veritabanı geçişleri olmadan güncellemek için yeterince esnek bir ders sistemi ve canlı bir eğitmen gerektirmeden öğrencileri hesap verebilir tutan bir katılım sistemi.\n\nKod editörü için Monaco'yu (VS Code'u güçlendiren aynı motor) canlı tarayıcı önizlemesi için Sandpack ile entegre ettik. Öğrenciler HTML ve CSS yazar, bölünmüş ekran önizlemesinde çıktıyı gerçek zamanlı güncellenirken görür ve sunucu tarafında değerlendirilen test durumlarına karşı gönderim yapar. Test sonuçları yetkilidir — başarılı bir gönderimi taklit etmenin yolu yoktur.\n\nDers motoru YAML tabanlıdır. Eğitmenler dersleri gömülü test durumları, ipucu sistemleri ve önceden ayarlanmış başlangıç dosyalarıyla yapılandırılmış YAML formatında yazar. Uygulama YAML'ı istek zamanında ayrıştırır — yeni modül eklemek veya mevcut dersi güncellemek veritabanı geçişi olmadan bir dosya düzenlemesidir. 29 modül (12 HTML, 17 CSS) yayındadır.\n\nOdak takip sistemi en teknik olarak karmaşık parçadır. Kamera tabanlı yüz algılama bir web worker'da çalışır (editörü hiçbir zaman engellemez), katılım pencerelerini, dikkat dağınıklığı oranlarını, yokluk olaylarını ve çalışma saati verilerini kaydeder. JS mimarisi takılabilir adaptörlü event bus kullanır: kamera, saat, katılım (klavye/fare) ve çalışma oturumu eklentileri — hepsi bağımsız test edilebilir ve değiştirilebilir.\n\nÇok adımlı kayıt, ödeme isteklerini ve ön koşul doğrulamasını yönetir — öğrenciler önceki gereksinimleri tamamlamadan gelişmiş modüllere erişemez.
Ne değiştirmeliydi
Standart LMS araçları video oynatma ve çoktan seçmeli testler sunar. Bunların hiçbiri eğitmenlere öğrencinin gerçekten öğrenip öğrenmediği konusunda gerçek sinyal vermez. Öğrenciler tek satır kod yazmadan, anlayış göstermeden bir kurs modülünü bitirebilir. Platform ayrıca mühendislik müdahalesi olmadan eğitmenler tarafından bakımı yapılabilir olmalıydı.
Ne değiştik
Sandpack canlı önizlemeli Monaco editörü (VS Code motoru) — öğrenciler gerçek HTML/CSS yazar ve çıktının anında güncellendiğini görür. Sunucu taraflı test değerlendirmesi sonuçların yetkili olduğu anlamına gelir; başarılı bir gönderimi taklit etmenin yolu yoktur. YAML tabanlı ders motoru: eğitmenler dersleri gömülü testler, ipuçları ve başlangıç koduyla yapılandırılmış dosyalar olarak yazar. Kamera tabanlı odak takibi arka plan web worker anında çalışır, editörü hiç engellemeden varlık, katılım ve dikkat dağınıklığı verilerini kaydeder. Ön koşul geçişiyle çok adımlı kayıt.
Müşteri ne kazandı
- 01 Monaco editörü + Sandpack — gerçek kod, gerçek önizleme, tarayıcı içi
- 02 YAML dersler — eğitmenler geliştiricisiz içerik günceller
- 03 Kamera tabanlı odak sistemi — gözetmen olmadan hesap verebilirlik
- 04 Sunucu taraflı test değerlendirmesi — sahte yapılamayan sonuçlar
