Bootstrap Code Play

Düzenleyebileceğiniz ve önizleyebileceğiniz Bootstrap dersleriyle duyarlı web tasarımı öğrenin. Bootstrap Code Play, açıklamaları, örnek kodları ve bir oyun alanını bir araya getirerek işaretlemedeki bir değişikliğin bir sayfayı nasıl etkilediğini keşfetmenizi sağlar.

OKUYUN, DEĞİŞTİRİN, ÖNİZLEYİN

Bir konu seçin, nasıl çalıştığını okuyun, ardından örneğini düzenleyicide açmak için "Deneyin"e dokunun. Bir sınıfı değiştirin, içeriği ayarlayın veya bir öğe ekleyin. Sonucu incelemek için Önizleme'yi açın, ardından başka bir deneme için Kod'a geri dönün.

TEMEL TAŞLARI ÖĞRENİN

Duyarlı ızgaralar, tipografi, düğmeler, uyarılar, tablolar ve formlar üzerinde pratik yapın. İlgili öğrenme yollarında kartlar, gezinme çubukları, akordiyonlar ve diyaloglar gibi bileşenleri keşfedin. Rehberli dersler, kodu sadece kopyalamak yerine anlamanıza yardımcı olmak için adımlar, zorluklar ve yaygın hatalar içerir. Proje dersleri, fiyatlandırma bölümü ve kompakt bir gösterge paneli gibi örneklerde kavramları bir araya getirir.

ÖĞRENME YOLUNU SEÇİN

Paket halindeki Bootstrap 5.3.8 yolunu inceleyin veya daha eski projeler için Bootstrap 4.6.2 ve 3.4.1'i keşfedin. Eski yolların kullanım ömrü sona ermiştir ve öğrenme ve geçiş için sağlanmıştır. Ayrı bir Bootstrap 6 alfa yolu deneyseldir; önizlemesi internet erişimi ve modern bir WebView gerektirir.

PRATİK YAPMAYA DEVAM EDİN

Konuları arayın veya kategoriye göre göz atın. Dersleri tamamlandı olarak işaretleyin ve her sürüm için tamamlama sayınızı görün. Kendi HTML denemeleriniz için oyun alanını açın, bir dosya kaydedin ve Kaydedilen Dosyalar aracılığıyla ona geri dönün.

FAYDALI ARAÇLARLA DÜZENLEYİN

Örnekler üzerinde çalışırken sözdizimi vurgulama, geri alma ve yineleme, bul ve değiştir ve satıra gitme özelliklerini kullanın. Farklı Kaydet ayrı bir kopya tutar ve Kodu Paylaş, düzenleyici metnini mevcut paylaşım seçenekleri aracılığıyla gönderir.

Öğrenciler, kendi kendine öğrenenler ve duyarlı tasarımları yeniden gözden geçiren geliştiriciler için uygulama pratik bir döngü sunuyor: bir açıklama okuyun, küçük bir değişiklik yapın ve çıktıyı inceleyin.

Uygulama reklam içermektedir. Harici kaynaklara atıfta bulunan örnekler internet bağlantısı gerektirir; uzaktan kaynakların kullanılabilirliği değişebilir.