Web geliştiricisinin olmazsa olmazları

Arada bir Buces BBS’te ve forumlarda sorulan sorulara bakıyorum, ya da ilgi çekici girişimlerin kaynak kodlarına göz atıyorum. Aslında bir web geliştiricisinin hayatını kolaylaştıran birçok araç ve kütüphane varken insanlar hala zor yolları seçiyor. Ben kullandığım bazı araçlardan bahsedeyim:

  1. Firefox
  2. Firebug
  3. Web Developer Toolbar
  4. Add’N Edit Cookies
  5. Zend Studio
  6. prototype ve script.aculo.us
  7. HTML Validator

Firefox

Ne alaka, bu araç değil altı üstü browser diyeceksiniz belki. Sadece bir browser değil aslında. Extention özelliği Firefox‘a çok büyük yetenekler kazandırıyor. Aşağıda 3 tane olmazsa olmaz extentiondan bahsedeceğim için öncelikle Firefox kullanmak şart. Hoş zaten “anti-ie6″cı bir insan olduğum için herkese tavsiye ediyordum eskiden ama itiraf etmek lazım ki ie7 oldukça başarılı o yüzden normal kullanıcılar illa firefox kullansın diye huysuzluk yapmıyorum artık.

Firebug

Firebug bir javascript debuggerı, ancak bir debuggerın ötesinde özelliklere sahip. Web 2.0’la ilgili millet atıp tuta dursun, teknolojik gelişimin bana göre en büyük itekleyicilerinden biri javascript için etkili debugger olarak firebug ve benzeri yazılımların çıkması.

Firebug’ın en hoşuma giden özellikleri javascript hatalarını gerçekten çok hızlı tespit edebilmemi sağlaması ve CSS direktiflerinin nereden geldiğini gösterebilmesi. Yani sayfanın ortasında bir yerinde bir formatlama görüyorsunuz ama o formatlamayı üst bir tanımdan alıyor eleman ama içiçe fazla tanımımınız olduğu için o formatlamaya neyin yol açtığını bilmiyorsunuz. Bu durumda firebug işinizi epey kolaylaştırıyor. Mutlaka inceleyin.

Web Developer Toolbar

Bu inanılmaz bir toolbar gerçekten, adından da çağrışım yapacağı üzere bir web geliştiricisinin ihtiyacı olan, akılınıza gelen gelmeyen hemen herşey mevcut. Anlatmaya sayfalar yetmez (en azından bu yazıda), mutlaka kurun ve kurcalayın.

Add’N Edit Cookies

Aslında bu eklentinin yaptığını web developer toolbar da yapıyor ama “Don’t make me think” felsefesini web sitelerinin ötesinde her tür yazılım uygulamasında aradığım için ek olarak bu eklentiyi de kullanıyorum. Cookie’lere çok rahat erişim ve değiştirme / ekleme / silme imkanı sağlıyor. Projenizdeki cookie’den kaynaklanması muhtemel hata ve açıkları denemek için ideal.

Zend Studio (Zend Development Environment)

Ödüllü PHP editörü, daha doğrusu IDE’si. Özellikle 5.5 versiyonu epey stabil olduğu ve daha önce yaşadığım problemlere sahip olmadığı için ayrıca ele almak istedim. ZDE’denin sevdiğim özellikleri:

  • Kullanıcı tanımlı class, fonksiyon ve değişkenleri tanıma ve tamamlama yeteneği. Özellikle “Project” yarattıktan sonra diğer dosyalarda tanımlı elemanları da tamamlıyor.
  • Tanımlı template’ler ile çok kullandığım kod parçalarını şablon halinde koda ekleyebiliyorum, inanılmaz hız kazandırıyor. Mutlaka kullanın, kullandırın. (Bkz. Tools / Preferences / Templates )
  • Fonksiyon adına Ctrl+klik yapınca fonksiyonun tanımlandığı yere gidiyor, fonksiyon farklı dosyadaysa ilgili dosyaya gidip yerini buluyor.
  • Inspect özelliği ile o dosyada tanımlı fonksiyonları listeliyor.
  • Debugging yeteneği…
  • FTP’den doğrudan çalışma yeteneği. Hoş, Dreamweaver’ın “Site” yapısı daha kullanışlı geliyor ama n’apalım…
  • “Analyze code” fonksiyonu. Her ne kadar bazı durumlarda gereksiz şeyleri raporlasa da…
  • Entegre SQL sekmesi. “Şu tablodaki alanın adı neydi?” sorusu aklıma geldiğinde hızla cevap alabiliyorum bu sayede.
    Versiyon 5.5 ile gelenler:
  • Font anti-aliasing sorununu gidermişler. DejaVu Sans Mono fontu ve siyah arkaplan ile estetik görünüyor.
  • Sanki eski versiyonlara göre daha performanslı.
  • FTP’deki dosyaları “Project”e eklerken dosya olarak değil dizin olarak eklenebiliyordu. Öyle olunca da bir üst dizine ftp çekip webroot’ı projeye eklemek gerekiyordu. Dosya ekleme imkanı sağlamışlar, daha kullanışlı olmuş.
  • FTP bağlantısında sorun olduğu zaman tüm editör kitlenebiliyordu, şu an biraz daha iyi gibi.
    Sevmediğim yanları
  • Java tabanlı yazılımları oldum olası sevemedim, nispeten yavaş çalışıyor… “Use OS look & feeling” seçiliyken iyice yavaş.
  • Buglar… Ctrl-klik’le fonksiyona gitme bazen saçmalıyor. Bağlantıda sorun varsa bazen donmalar yapabiliyor vs.vs.
  • Dreamweaver’daki “Site” mantığı yok. Yani lokal çalışayım sonra bitince sunucuya atayım diyemiyorum. CVS’le ya da SVN’le bu tarz birşeyler yapabiliyorsunuz ama aynı işlevi sağlamadığı gibi versiyon planlama için altyapı kurmaya üşeniyorsanız benim gibi, açıkta kalıyorsunuz.
  • Pahalı…

Prototype ve script.aculo.us

Fanatiği olduğum iki javascript kütüphanesi. Prototype, javascript kodlamasını oldukça rahatlatan, cross-browser metotlar ortaya koymuş ve Ajax kütüphanesini de unutmamış. script.aculo.us ise çok şık ve zarif efektleri kolaylıkla uygulamanıza imkan veren, prototype’ın üzerine eklenen bir kütüphane. FotoKritik ve izlesene’de kullandım ve halen geliştirmekte olduğum projelerde de keyifle kullanmaya devam ediyorum…

HTML Validator

HTML ve CSS tarafındaki hatalarınızı bulmanızı kolaylaştıran bir araç. Ayrıca dokümanın standartlara uygunluğunu kontrol amaçlı yazıldığı için kendinizi geliştirmenizi sağlıyor. Bana göre en önemli özelliği hataları filtreleyebilmesi. Muhtelif nedenlerden dolayı standartlara her zaman uymak pek mümkün olmuyor. HTML Validator‘da ilgilenmediğiniz hataların gösterilmemesini sağlayabiliyorsunuz…

Ek bilgi

webdr’nin tercih ettiği eklentilere şuradan ulaşabilirsiniz.

1 Yorum

  1. Merhaba birkaç eklemede ben yaparak katkıda bulunmak isterim.

    Sizin belirttiklerinize ek olarak Firefox eklentilerinden başlayım

    Aardwark
    Colorzilla
    Measureit
    Search Status
    IE Tab

    IDE olarak ise PHP Designer ve söz dizimlerini vurgulama özelliği olan notepad türevi bir araç.

    Reply
  2. Evet colorzilla, search status ve IE Tab’ı ben de kullanıyorum ama açıkçası olmazsa olmaz diyemiyorum bu araçlar için…

    Aardvark’ın işlevini FireBug, Measureit’in işlevini ise Web Developer Toolbar sağladığı için boşuna hafıza tüketmemesi nedeniyle artık kullanmıyorum.

    Teşekkürler paylaşım için…

    Reply

Leave a Comment.