Web sayfaları yazın, kodunuzu önizleyin ve HTML, CSS ve JavaScript öğrenin.
HTML Editör ile bir web fikrini çalışan bir sayfaya dönüştürün. Gömülü CSS ve JavaScript ile HTML yazın, sonucu önizleyin ve değiştirdiğiniz kodu anlamak için kısa derslerden yararlanın. Mobil cihazlarda küçük web sayfalarıyla denemeler yapan öğrenciler, yeni başlayanlar ve geliştiriciler için pratik bir çalışma alanıdır.
KODUNUZU YAZIN VE KONTROL EDİN
Sözdizimi vurgulama, parantez eşleştirme, otomatik kapatma ve geri alma/yineleme özelliklerine sahip bir kod editöründe çalışın. Bir kod parçası büyüdüğünde satır numaralarını gösterin, metin arayın veya bir satıra atlayın. Ek sembol araç çubuğu, yaygın kodlama karakterlerini erişilebilir hale getirir, böylece etiket ve ifadeler girmek, klavye düzenleri arasında daha az geçiş gerektirir.
Kod, Çıktı ve Konsol sekmeleri arasında geçiş yapın. Çıktı görünümü, stilleri ve komut dosyaları da dahil olmak üzere belgenizi uygulama içinde oluşturur. Düzenleme sırasında otomatik önizleme yenilemesini kullanın veya sonucun ne zaman güncelleneceğini kontrol etmeyi tercih ettiğinizde kapatın. Konsol mesajları, sayfanızın JavaScript'inin ne yaptığını incelemenize yardımcı olur.
FARKLI ÖNİZLEME GENİŞLİKLERİNİ KEŞFEDİN
Bir düzenin farklı genişliklerde nasıl davrandığını keşfetmek için telefon, tablet veya masaüstü önizleme modlarını seçin. Bunlar, duyarlı bir tasarım üzerinde çalışırken boşlukları ve düzeni kontrol etmek için kullanışlı olan uygulama içindeki görünümlerdir. Bir başlık deneyin, bir stil kuralını ayarlayın, ardından etkiyi görmek için çıktıya geri dönün.
BİR KAVRAMI ÖĞRENİN, SONRA UYGULAYIN
Öğrenme Modu, HTML, CSS ve JavaScript konularını bir araya getirir. Her şeyi sırayla okumak yerine konuya göre filtreleyin veya bir kavram arayın. Her ders bir açıklama, hızlı bir ipucu, pratik kullanımlar, yaygın tuzaklar, bir örnek ve bir kod incelemesi içerir.
Bir dersi iki kısa kodlama göreviyle takip edin. Önce bir örneği geri yükleyin, ardından kavramı kullanarak yeni bir kod parçası yazın. Cevabınızı kontrol edin, geri bildirimi okuyun ve başka bir deneme yapmak istediğinizde başlangıç işlemini sıfırlayın. İkinci görev, birincisi tamamlandıktan sonra açılır. Okuma ve uygulama ilerlemesi yerel olarak kaydedilir, böylece başladığınız konulara geri dönebilirsiniz.
ÇALIŞMALARINIZI SAKLAYIN VE PAYLAŞIN
Bir belge oluşturun, kaydedilmiş bir HTML dosyasını açın veya çalışmalarınızı HTML dosyası olarak saklamak için Kaydet ve Farklı Kaydet seçeneklerini kullanın. Belgenin kendisini göndermek istediğinizde dosyayı paylaşın. Çevrimiçi aktarım için bir aktarım kodu veya paylaşım bağlantısı oluşturun ve kod parçacığıyla çalışmaya devam etmek için yardımcı web düzenleyicisini kullanın. Çevrimiçi aktarım, geçerli kodu hizmete gönderir ve internet bağlantısı gerektirir.
ÇALIŞMA ALANINIZI RAHAT HALE GETİRİN
Açık, koyu veya sistem görünümünü seçin ve düzenleyici yazı tipi boyutunu ayarlayın. Ayarlar, satır numaralarını, erişilebilirlik modunu, otomatik kaydetmeyi, çıkışta yedeklemeyi ve oturum geri yüklemeyi kontrol etmenizi sağlar. Taslaklar ve çalışma alanı kopyaları yerel uygulama verileridir; önemli çalışmalarınızı kalıcı bir yedekleme olarak yerel bir oturumu ele almak yerine dosya olarak kaydedin.
Veri ve Gizlilik sayfası, ayarları incelemenizi, geçici düzenleyici verilerini temizlemenizi veya yerel uygulama verilerini sıfırlamanızı sağlar. Ödül Merkezi ayrıca isteğe bağlı günlük ödüller ve reklam tabanlı jeton etkinlikleri sunar. Ödül jetonları uygulama içi öğelerdir, nakit değildir.
Bağımsız sayfaları düzenlemek ve paketlenmiş dersleri okumak için çevrimiçi bir hizmete ihtiyaç duyulmaz. Uzaktan erişilen resimler, harici komut dosyaları, çevrimiçi transferler ve reklamlar bağlantı gerektirir. Bir kavramı okumak, bir değişiklik denemek, sonucu incelemek ve üzerine inşa etmek istediğiniz kodu saklamak için HTML Düzenleyici'yi kullanın.