Temiz Kod Yazma
Okunabilirliği artırmak için HTML kodunuzu biçimlendirmeyi öğrenin
Temiz Kod Yazma, CoddyKit'te ücretsiz bir HTML for Kids dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, HTML for Kids öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. HTML for Kids kursu toplamda 4 dersten oluşur.
Temiz Kod Neden Önemlidir
Temiz Kod Yazma
Bir sonraki derse hoş geldiniz! Bugün, temiz, okunabilir ve düzenli HTML kodu yazmayı öğreneceğiz. Temiz kod, sayfalarınızı yönetmeyi ve anlamayı kolaylaştırır.
Temiz Kod Neden Önemlidir?
Temiz kod şunlara yardımcı olur:
- Kodunuzu okumayı ve anlamayı kolaylaştırır.
- Hataları ve hata ayıklama süresini azaltır.
- Başkalarıyla daha etkili iş birliği yapmanızı sağlar.
Temiz HTML yazmaya yönelik bazı ipuçlarını öğrenelim!
Uygun Girintileme Kullanın
Girintileme, kodunuzu düzenler ve HTML öğelerinizin yapısını gösterir. İç içe yerleştirilmiş her öğe birkaç boşluk veya bir sekme kadar girintilenmelidir.
Örnek:
İpucu: Her zaman tutarlı girintileme kullanın!
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<h1>Welcome</h1>
<p>This is a paragraph.</p>
</body>
</html>
Tüm Etiketleri Kapatın
Her açılış etiketinin karşılık gelen bir kapanış etiketi olduğundan emin olun. Etiketleri kapatmayı unutmak, yerleşim sorunlarına yol açabilir.
Örnek:
Doğru:
<p>This is a paragraph.</p>
Yanlış:
<p>This is a paragraph.
Anlamlı Adlar Kullanın
class veya id özniteliklerini kullanırken, amaçlarını açıklayan anlamlı adlar verin.
Örnek:
İpucu: div1 veya random123 gibi adlardan kaçının.
<p id="welcome-text">Welcome to my website!</p>
<div class="menu">Menu items go here.</div>
Yorumlar Ekleyin
Yorumlar kodunuzu açıklar ve başkalarının (hatta sizin bile!) kodu daha sonra anlamasına yardımcı olur. Yorumlar için <!-- --> söz dizimini kullanın.
Örnek:
İpucu: Yorumları kısa ve öz tutun.
<!-- This is a heading -->
<h1>Welcome to My Page</h1>
<!-- This section contains the navigation menu -->
<div class="menu">
<a href="#home">Home</a>
<a href="#about">About</a>
</div>
Anlamsal Etiketler Kullanın
Anlamsal etiketler, içeriğin amacını açıklar. Örneğin:
<header>: Üst bölüm veya üst bilgi için.<article>: Bağımsız makaleler için.<footer>: Alt bölüm veya alt bilgi için.
Örnek:
<header>
<h1>Welcome to My Blog</h1>
</header>
<article>
<h2>First Post</h2>
<p>This is my first blog post.</p>
</article>
<footer>
<p>© 2024 My Blog</p>
</footer>
Dosyalarınızı Düzenleyin
HTML, CSS ve JavaScript dosyalarınızı düzenli tutun. Şu klasörleri kullanabilirsiniz:
- images: Tüm görselleriniz için.
- css: CSS dosyalarınız için.
- js: JavaScript dosyalarınız için.
Örnek klasör yapısı:
project/
├── index.html
├── css/
│ └── styles.css
├── js/
│ └── script.js
└── images/
└── logo.png
Temiz Kod Özeti
Harika İş!
Tebrikler! Temiz ve düzenli HTML kodu yazmayı öğrendiniz. Temiz kod, projelerinizin bakımını yapmayı ve projelerinizi paylaşmayı kolaylaştırır. Bir sonraki derste, web sayfalarınızın herkes için kullanıcı dostu olmasını sağlamak amacıyla erişilebilirlik temellerini inceleyeceğiz. Sayfalarınızı herkesin kullanımına uygun hâle getirmeye hazır olun!
Sıkça Sorulan Sorular
“Temiz Kod Yazma” dersi ücretsiz mi?
Evet — “Temiz Kod Yazma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve HTML for Kids kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. HTML for Kids kursu toplamda 4 dersten oluşur.
“Temiz Kod Yazma” dersinde ne öğreneceğim?
Okunabilirliği artırmak için HTML kodunuzu biçimlendirmeyi öğrenin HTML for Kids ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
HTML for Kids öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te HTML for Kids, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.
“Temiz Kod Yazma” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu HTML for Kids dersinde kod yazıp çalıştırabilir miyim?
Evet. Her HTML for Kids dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.