HTML Code Play

Kodları değiştirerek ve ne yaptığını görerek web geliştirme öğrenin. HTML Code Play, HTML, CSS ve JavaScript derslerini mobil bir kod editörü, çalıştırılabilir örnekler, testler ve kodlama oyunlarıyla birleştirir. Bir kavramı incelemek, kendiniz denemek ve öğrenmenizi aynı cihazda takip etmek için kullanın.

OKUYUN, DÜZENLEYİN VE ÇALIŞTIRIN

Öğrenme kataloğunu keşfedin, bir eğitim açın ve açıklamasını tam bir kod örneğiyle birlikte okuyun. Örneği editöre gönderin, orijinalini çalıştırın, ardından bir etiketi, stili veya ifadeyi değiştirin ve çıktıyı karşılaştırın. Bu uygulamalı iş akışı, okuduğunuz sözdizimini oluşturduğu sayfa veya davranışla ilişkilendirir.

Çalışma alanı, sözdizimi vurgulamasıyla HTML, CSS ve JavaScript düzenlemeyi destekler. Deneme yaparken geri alma ve yineleme işlevlerini kullanın, metin bulun, bir satıra atlayın ve editör yazı tipi boyutunu ayarlayın. Başlangıç ​​noktası istediğinizde yeni bir sayfa başlatın veya mevcut bir şablonu seçin. HTML dosyalarını açın, çalışmanızı kaydedin, başka bir kopya için Farklı Kaydet'i kullanın veya cihazınızın paylaşım seçenekleri aracılığıyla bir kod dosyasını paylaşın.

REHBERLİ ÖĞRENME VE UYGULAMA

Katalog, sayfa yapısı ve stilinden betik yazımına, vektör grafiklerine, duyarlı düzenlere ve etkileşimli örneklere kadar 11 web teknolojisi konusunu kapsar. İhtiyacınız olan materyale ulaşmak için dersleri başlığa veya bölüme göre arayın. Odaklanmış inceleme için yararlı eğitimleri sabitleyin, kendi ders notlarınızı ekleyin ve Önceki ve Sonraki kontrolleriyle eğitimler arasında geçiş yapın.

Her eğitim, açıklama, sözdizimi ve çalışan bir örneği bir araya getirir. Konu testi veya uygulama meydan okumasıyla devam edin. Uygulama alıştırmaları, eksik kodu tamamlamanızı ister ve kaçırdığınız ayrıntıyı incelemenize yardımcı olmak için ipuçları ve cevap geri bildirimi sunar. Test sonuçları, derse dönmeden önce anladığınızı kontrol etmenizi sağlar.

ALTI UYGULAMA YOLU

Farklı bir beceri üzerinde çalışmak için bir kodlama oyunu seçin:

- Kod Oluşturucu: Çalışan kodu yeniden oluşturmak için blokları yeniden sıralayın.

- Çıktı Dedektifi: Bir kod parçasının ne üreteceğini tahmin edin.

- Hata Avı: Hatalı bir satırı belirleyin.

- Boşluğu Doldur: Eksik kod belirtecini seçin.

- Eşleştirme Laboratuvarı: Terimleri anlamlarıyla eşleştirin.

- Hızlı Ateş: Zamanlayıcıya karşı doğru-yanlış sorularını yanıtlayın.

Etkinlik seviyeleri sonuçları kaydeder ve bir sonraki adımı açar. Puanınızı iyileştirmek için mevcut seviyeleri tekrar oynayın veya kullanıma sunulduğunda karma alıştırma oynatma listelerini kullanın.

ÖĞRENMENİZİ DÜZENLİ TUTUN

İlerleme ekranı, gözden geçirilen dersleri, testleri ve alıştırmaları teknolojiye göre özetler. Beceri haritanızı ve önerilen bir sonraki çalışma planınızı kontrol edin, Ana Sayfadan bir derse devam edin ve günlük bir meydan okumaya katılın. Seriler ve meydan okuma rozetleri etkinliğinizi görünür kılar. İsteğe bağlı öğrenme hatırlatıcıları bildirim izni gerektirir ve kapatılabilir.

Ders ilerlemeniz, notlarınız ve oyun sonuçlarınız cihazda saklanır. Öğrenme ekranı kontrolleri daha büyük yazı tipleri, yüksek kontrast ve azaltılmış hareket içerir. Ayrı HTML, CSS ve JavaScript değerlendirmeleri uygulama içi başarı sertifikaları sunar; bunlar uygulama öğrenme kayıtlarıdır, akredite bir yeterlilik değildir.

Çevrimiçi topluluk gönderileri, bağlıyken keşfedilecek başka bir kod kaynağı sunar. Ağ destekli içerik ve harici kaynakları yükleyen örnekler internet erişimi gerektirir; yerel ilerleme depolaması bulut senkronizasyonu sağlamaz. Yeni başlayanlar, öğrenciler ve ön uç geliştirme kavramlarını tekrar gözden geçirenler için, bir örnekle başlayın, küçük bir değişiklik yapın ve pratik yaparak anlayışınızı geliştirin.