Kod Yazarak Sıfırdan Web Sitesi Yapmak: Öğrenme Yol Haritası
HTML, CSS ve JavaScript ile web sitesi yapmayı öğrenmek isteyenler için sıralı bir yol haritası ve ilk siteyi yayınlama adımları.
Web sitesi yapmayı öğrenmek için pahalı bir kursa veya güçlü bir bilgisayara ihtiyacınız yok. Bir metin editörü, tarayıcı ve düzenli çalışma yeterlidir. Bu yol haritası, işletmeniz için hızlıca site gerekenler için değil, gerçekten öğrenmek isteyenler içindir.
Öğrenme sırası
1. HTML: İçeriğin iskeleti
Başlıklar, paragraflar, bağlantılar, görseller ve formlar. Doğru etiketleri kullanmayı öğrenin; bu erişilebilirlik ve SEO'nun da temelidir.
2. CSS: Görünüm
Renk, yazı tipi, boşluk ve yerleşim. Özellikle Flexbox ve Grid konularına zaman ayırın. Sayfanın telefonda da düzgün görünmesini baştan hedefleyin.
3. JavaScript: Etkileşim
Menü açma, form kontrolü ve veri çekme. Hazır bir çerçeveye geçmeden önce temel dili öğrenmek, sonrasını çok kolaylaştırır.
4. Git ile sürüm takibi
Yaptığınız değişiklikleri saklamanızı ve hatadan geri dönmenizi sağlar.
5. Sunucu tarafı
Form kaydetmek veya üyelik yapmak gerekiyorsa bir sunucu dili ve veritabanı öğrenmeniz gerekir.
İyi kaynaklar
Mozilla'nın MDN Web Docs sitesi ücretsiz ve güvenilir bir başvuru kaynağıdır. Video izlemekle yetinmeyin; her konunun ardından kendiniz bir şey yazın.
Sırayla yapılacak üç proje
- Kendinizi anlatan tek sayfalık bir site
- Üç sayfalı, telefona uyumlu bir firma sitesi
- Form içeren ve gerçek veri gösteren küçük bir uygulama
Bootstrap ve hazır araçlar
Bootstrap gibi kütüphaneler hızlı arayüz kurmayı sağlar. CSS'i anlamadan başlarsanız ufak değişiklikler bile zorlaşır. Önce temeli öğrenin, sonra hız için kullanın.
Sitenizi yayınlamak
HTML sayfaları için ücretsiz statik barındırma hizmetleri yeterlidir. Gerçek bir proje için alan adı ve uygun hosting gerekir. Dosyaları yüklemek için FTP yerine mümkünse daha güvenli yöntemler kullanın.
Dikkat edilecek noktalar
- Formdan gelen veriye asla doğrudan güvenmeyin.
- Şifreleri düz metin olarak saklamayın.
- Başka sitelerden metin ve görsel kopyalamayın.
İşletmeniz için bir site gerekiyorsa
Öğrenmek değerlidir, ama işletmenizin sitesini öğrenirken yapmak riskli olabilir. Satış yapacak bir site için web sitesi kurma rehberimizi okuyabilirsiniz.