Workshop ve Stations
TeachFORGE.ai
Workshop / HTML / CSS / JS
HTML / CSS / JS Station
Çok panelli bir yazarlık alanında canlı web parçaları oluşturun — adım adım inşaat aşamaları, parametrik değişkenler ve TeachForge dışında sayfaya ihtiyaç duyduğunuzda bağımsız HTML dışa aktarımı ile.
YZ taslak yazabilir. Sınıfın ne göreceğine siz karar verirsiniz.
HTML / CSS / JS nedir
HTML / CSS / JS, çok panelli bir web yazarlık İstasyonu'dur. İşaretleme, stilleri ve betikleri yan yana yazarsınız, sayfayı kumandalı bir iframe'de önizlersiniz ve — ihtiyaç duyduğunuzda — TeachForge dışında kullanabileceğiniz bağımsız bir HTML dosyası dışa aktarırsınız.
Bu, öğretimde önemlidir çünkü web becerileri, öğrenenler sonucu hemen gördüğünde anlam kazanır. Bir stili değiştirin, adım adım inşa aşamasına geçin veya küçük etkileşimli bir sayfayı canlı olarak gösterin — hiçbir şey dağıtmanıza gerek kalmadan.
Öğretmenler neden HTML / CSS / JS kullanır
Canlı web demoları
HTML, CSS ve JavaScript'in gerçek zamanlı birlikte nasıl davrandığını gösterin.
Birlikte kurulum dersleri
Aşamaları yakalayın ve adım adım sunun, böylece sınıf inşaatı takip eder.
Parametrik temalar
Renkleri ve değişkenleri elle her CSS değerini aramak yerine kontrollerle yönlendirin.
Bağımsız el broşürleri
İstasyon dışında kullanım için tek bir HTML dosyası dışa aktarın.
TeachForge'ta HTML / CSS / JS bir Workshop İstasyonu'dur — sadece hızlı kod parçaları için değil, öğretmek için tasarlanmış sayfalar içindir.
HTML / CSS / JS istasyonu içinde
Workshop'ün geri kalanı gibi, tanıdık bir yazarlık ritmi elde edersiniz — sadece tek panelli yerine üç panelli olarak.
- HTML, CSS ve JS düzenleyicileri hızlı bölme geçişiyle
- Live veya Manuel yenileme korumalı iframe önizlemesine
- Birlikte inşa aşamaları — yakalama, adım ve Present modu
- Parametrik değişkenler yeniden kullanılabilir tema ve değer kontrolleri için
- Cihaz önizleme çerçeveleri ve KaTeX gibi isteğe bağlı kitaplıklar
- Bağımsız HTML dışa aktarımı, Gelişmiş JSON, paylaş, göm ve Whiteboard gönderimi
Bölmeler nasıl sayfa olur
Şablonla başlayın veya üç paneli düzenleyin
Ders ihtiyaç duyduğunda aşamalar ve parametrik değişkenler ekleyin.
Live veya Manual önizlemeyi çalıştırın
Kumandalı iframe, sayfayı öğrenenlerin karşılaşacağı şekilde gösterir.
Aşamaları sunun, dışa aktarın veya canlı gönderin
Sonucu tahtaya, bir soruya veya bağımsız HTML olarak dışarıya taşıyın.
Bir sayfa. Her sürümü.
Bu Station şunları destekler: parametrik değişkenler ve birlikte kurulum aşamaları destekler: sayfa yapısını koruyun, temayı değiştirin ve inşaatı sırayla ortaya çıkarın — bunun yerine on iki hafifçe farklı HTML dosyası sürdürmek zorunda kalmazsınız.
Öğretirken değiştirin
Parametrik değerleri ayarlayın veya Sunum modunda sonraki aşamaya geçin.
Yapıyı koruyun, temayı değiştirin
Aynı sayfa paketi yarın farklı bir vurgu, veri seti veya zorluk gösterebilir.
Yalnızca bitişi değil, yapımı öğretin
Aşamalar, sınıfın sayfanın bir araya gelmesini izlemesini sağlar.
Değerlendirmeye yakın kalın
Taşınabilir JSON paketini kaydedin ve sonraki derslerde veya laboratuvarlarda yeniden kullanın.
Bunun yerine hızlı bir Çalıştır ve konsol parçasına mı ihtiyacınız var? Bunun kardeş İstasyonu Kod Kumandasıdır. HTML / CSS / JS, aşamalı ve dışa aktarımlı tasarlanmış sayfalar içindir.
Başlamak için hazır sayfalar
Bir şablonu açın ve dersiniz için yeniden şekillendirin:
| Area | Açabilecekleriniz |
|---|---|
| Temeller | Boş; profil kartı; Flexbox oyun alanı |
| Birlikte kurulum | Düğme aşamaları; renk teması değiştirici |
| İnteraktif | Tuval animasyonu; Quiz UI; veri tablosu |
YZ yardımı, sizin yolunuzla
İlk taslak mı lazım? YZ’yi yardımcı olarak kullanın — sonra öğrenenlere ulaşmadan önce gözden geçirin, düzenleyin ve onaylayın.
İstemiyi kopyalayın
Hazır bir istemi üretip zaten kullandığınız sohbet aracına yapıştırın.
Kendi GPU’nuzu kullanın
Ayarlarınızda yerel bir model uç noktası bağlayın ve denetlediğiniz donanımda üretimi çalıştırın.
Kendi API anahtarınızı kullanın
Ayarlara sağlayıcı anahtarınızı ekleyin, modeli seçin ve kendi hesabınızla üretin.
YZ yanlış olabilir. Öğretmenin döngüde kalmasının tam nedeni budur.
Sayfayı öğretimin olduğu yere götürün
- Whiteboard — canlı tahtaya koyun ve sınıfın önünde ayarlayın
- Quest Ladder — sorulara ve açıklamalara bırakın
- Virtual Lab — etkileşimli laboratuvar çalışmasında yeniden kullanın
- Community — yaptığınızı paylaşın ve diğer eğitimcilerin paylaştıkları üzerine inşa edin