Web geliştirmenin altın kurallarından biri, kodlarınızı organize bir şekilde ayırmaktır. Şimdi bunu nasıl yapacağımıza bir bakalım:
1. HTML Dosyası
HTML, web sayfanızın ıskeletidir. Bu dosya, genellikle "root" (kök) dizininde yer alır. Ancak proje küçükse root'ta bırakabilirsiniz. Çoklu sayfa içeren bir projede ise, her sayfa için "pages" adında bir klasör oluşturabilirsiniz. Mesela:
Kod:
project/
pages/
index.html
about.html
contact.html2. CSS Dosyası
Stillerimiz, CSS dosyalarında saklanır. Temizlik için tüm CSS dosyalarını bir "css" klasörüne koyun. Aşırı profesyonel hissediyorsanız, "styles" klasörü de diyebilirsiniz. Mesela:
Kod:
project/
css/
main.css
responsive.cssVe tabii ki HTML dosyasınızda bu dosyayı bağlamayı unutmayın:
<link rel="stylesheet" href="css/main.css">
Proje Düzeni: Dosya Yapısı
Bir web projesinde dağınıklıktan kaçınmak için, düzenli bir dosya yapısı oluşturmanız gerekir. Basit bir proje için şöyle bir yapı yeterlidir:
Kod:
project/
index.html
css/
main.css
js/
app.js
images/
logo.pngDaha büyük projelerde ise "assets" klasörü oluşturup tüm görsel, font ve benzeri kaynakları bu klasöre koyabilirsiniz.
Bakın, temiz kod yazmak sadece bir alışkanlık meselesi. Bir kez başladığınız mı gerisi gelir. Dosyalarınızı organize etmek, hem sizin hem de ekibinizin işini kolaylaştırır. Şu an yazdığımız bu minik yazıyı okuduğunuzda, ilk işiniz projelerinize gidip bir "temizlik" yapmak olsun! Şimdi dağınıklığa son verme vakti! Şaka yapıyorum, biraz çay içip rahatlayabilirsiniz. Şimdi hadi eyvallah!
