Her programcının web uygulama geliştirme hakkında bilmesi gerekenler nelerdir?

Hangi teknolojiyi kullanırsanız kullanın, her web uygulaması geliştiren programcının bilmesi gereken temel bilgiler vardır.  .Net, Java,Ruby, Pyhton, Php veya diğerleri. Hangi teknolojiler, hangi yaklaşımlar bilinmeli?

Güvenlik, arayüz ve  kullanıcı deneyimi, arama motorları optimizasyonu, sorun giderme, performans gibi konularda temel olarak, platform bağımsız uyulması gereken kurallar aynıdır.

Her programcının web uygulama geliştirme hakkında bilmesi gerekenler nelerdir?

Aşağıda temel olarak aşina olmanız gereken kavramlar özetlenmişti. Size yabancı gelen kavramları rahatlıkla Google üzerinden bulabilirsiniz. Bu bilgiler Web Developer olarak bilmeniz gerekenleri kabaca özetlemektedir.

Arayüz ve Kullanıcı Deneyimi

1. Tüm bilinen yaygın internet tarayıcılarında uygulamanızı test etmiş olun. Örneğin Gecko motoru kullanan Firefox, Webkit motoru kullanan Safari, Chrome, Internet Explorer modern sürümleri ve Opera gibi.
2. Uygulamanızın sadece bilgisayarlar üzerinden kullanılmayacağını, Mobil telefonlar,Tablet bilgisayarlar, Ekran okuyucular, Arama motorları tarafından da kullanılacağını unutmayın.
3. Kullanıcıları etkilemeden güncelleme ve yenilikleri nasıl yapacağınıza dair senaryolarınız hazır olsun. Bu senaryolarda çalışan kodlar etkilemeden yenilikleri veya güncellemeleri nasıl aktif hale getireceğiniz belirlenmiş olmalı. Bunun için versiyon kontrol sistemlerinden faydalanın.(Örneğin CVS, Subversion)
4. Kullanıcı dostu olmayan hataları doğrudan kullanıcılara göstermeyin.
5. Email adreslerini düz metin olarak sitenizde bulundurmayın. Düz metin olarak e-mail adreslerini bulundurursanız spam yapanlara kaynak sağlamış olursunuz.
6. Spamdan kaçınmak için kullanıcıların ürettikleri linklere rel="nofollow" özelliği ekleyin.
7. "progressive enhancement" nedir ne değildir bilgi sahibi olun.
8. Başarılı bir POST işleminden sonra kullanıcının refresh ile formu tekrardan göndermesini engellemek için kullanıcıyı yönlendirin.
9. WCAG 2 ve WAI-ARIA hakkında bilgi sahibi olun.

Güvenlik

1. SQL injection  nedir öğrenin.
2. Kullanıcılardan aldığınız bilgilere, Form, Querystring gibi asla güvenmeyin.
3. Düz metin olarak parolaları asla saklamayın. Salt ile karıştırın (Hash).
4. bcrypt veya scrypt kullanın. Doğrudan MD5 or SHA kullanmayın.
5. Kendi login sisteminizi kurmaya ugraşmayın. Amerikayı yeniden keşfetmeyin. 
6. Parola gibi önemli bilgiler asla Cookie de saklamayın. Şifreli dahi saklasanız.
7. Hassas bilgiler için, örneğin Kredi kartı,  SSL/HTTPS kullanın.
8. Session hijacking nedir öğrenin
9. XSS ( cross site scripting) nedir öğrenin.
10. XSRF (cross site request forgeries) nedir öğrenin.
11. Sisteminizin (sunucu ve üzerinde çalışan yazımlar)güncellemelerini takip edin ve yapın.
12. Veri tabanı  bağlantı bilgilerini güvenli bir şekilde saklayın.

Performans

1. Gerekliyse Cache sistemi kullanın. HTTP Caching hakkında bilgi sahibi olun.
2. Resimleri optimize edin.
3. gzip hakkında bilgi sahibi olun.
4. Doküman içinde kullanılan javascript ve cssleri ayrı dosyaları birleştirin ve istek sayısını azaltın.
5. Google page speed gibi araçlarsa sayfa performanslarınızı kontrol edin.
6. CSS Image Sprites kullanın.
7. Çok fazla resim ve statik dosyanız varsa ve büyük bir trafik hedefliyorsanız CDN kullanın.
8. Javascript ve CSS için minification araçlarından yararlanın.
9. Sitenizin root’unda favicon.ico dosyası koymayı unutmayın. Tarayıcılar otomatik olarak bu dosyayı isteyeceğinden eğer sisteminizde yoksa bolca 404 hatası dönecektir.

SEO - Arama motorları optimizasyonu

1. Arama motoru dostu URL kullanın. urunler.aspx?urunid=233&katgori=telefon yerine urunler/telefon/Samsung-s4 gibi.
2. "ayrıntılar için tıklayın" gibi ifadeler kullanmayın.
3. XML Sitemap kullanın.
4.  <link rel="canonical" ... /> ifadelerini kullanın.
5. Google Webmaster Tool ve Bing Webmaster tool kullanın.
6. Google Analytics kullanın.
7. Robots.txt hakkında bilgi sahibi olun.
8. www.uzmanim.net mi yoksa uzmanim.net gibi www olmadan mı kullanacaksınız karar verin ve 301 yönlendirmesi gerçekleştirin.

Teknoloji

1. HTTP protokolünü anlamaya çalışın. GET, POST nedir bunları bilin.
2. HTML ve CSS kodlarınızı W3C spesifikasyonlarına uygun olarak yazın.
3. Javascriptin tarayıcıda nasıl çalıştığı konusunda bilgi sahibi olun.
4. Kullanıcı Javascripti kapatırsa neler olacak? sorusunu her zaman aklınızda tutun.
5. 301 ve 302 yönlendirmeleri hakkında bilgi sahibi olun.
6. Reset Style Sheet normalize.css  nedir bilin.
7. Jquery, Mootols, Dojo, YUI, Prototype hakkında bilgi sahibi olun, birini iyi bilin.
8. Çok kullanılan javascript kütüphanelerini Google Libraries API üzerinden host edin.

Hata Giderme

1. Zamanınızın %20'sini kod yazarak %80'nini  o koda bakım  yaparak geçirdiğinizi unutmayın. Temiz kod yazın.
2. Daima yazarak çalışın, iyi bir hata raporlama sistemi kullanın.
3. Kullanıcıların eleştirilerini ve önerileri dikkate alın.
4. Yedek alın!
5. Versiyon kontrol sistemi kullanın (Subversion gibi)
6. Bir loglama sistemi kullanın, log4j, log4net, log4r.  gibi