CodePen İpuçları ve En İyi Uygulama

FCC'de çalışırken, CodePen ile kendi projelerinizi yarattığınız zamanlar olacak. Kampçılar, bu projeleri diğer Kampçılardan geri bildirim almak için Ücretsiz Kod Kampı Forumu'nda paylaşmayı sever.

Bugün size CodePen'den en iyi şekilde nasıl faydalanabileceğinizi ve FCC Forumu içindeki görüşlerinizi nasıl en üst düzeye çıkaracağınızı göstereceğim.

Uyku tulumunu ve şekerlemelerini al. Oh, ve Yeti Cooler'ını uyurken çaldığın ayıdan geri almayı unutma! Birkaç şey öğrenmek için yürüyüşe gidiyoruz.

CodePen'de Kodunuzu Düzenleme

CodePen ile ilk kez çalışırken Kalemimin HTML bölümünde tüm kodumu aldığımı hatırlıyorum. Aşağıdaki resimde olduğu gibi HTML, CSS ve içeriğimi tek bir noktada topladım.

Web sitenizi bu şekilde oluştururken kesinlikle yanlış bir şey yoktur. Ancak, CodePen'de, kodunuzu temizlemenin, size yardım eden veya müthiş projenizi kontrol eden başkaları tarafından daha düzenli ve okunabilir hale getirilmesi için yollar vardır.

Bu kalemi, buraya tıklayarak başka bir sekmede açabilirsiniz. Bu, kodla oynamanızı ve izlemenizi sağlar.

Bazı şeyleri kaldıralım

Bu kod parçalarına ihtiyacımız yok çünkü CodePen bunları otomatik olarak projemize enjekte ediyor.

Baş içeriğinizi CodePen'de gitmesi gereken yerlere düzgün bir şekilde yerleştirmek için bu adımları izleyin.

Meta içeriğimizi ve google font bağlantılarımızı CodePen’in Sayfa Başı bölümüne taşıyalım.

Başlık etiketleri arasındaki kodun bir anlık görüntüsü. Sadece kalın harflerle yazdığım kodu taşımalısınız.


 
  Bootstrap Tema Şirketi Sayfası