Web Developer(Geliştirme) Araçları
Birçok profosyonel web programcısının çalışmalarında kullandıkları oldukça faydalı olan programlar vardır. Bahsedeceğim araçlar ile burada anlattığımdan daha fazlasını yapabileceğinize emin olabilirsiniz. Bu yüzden içinden biri işinize yarayacağına eminim. Genellikle hata yakalama ve kodları geliştirme için kullandığım araçlardır bunlar. Nadirde olsa başka işler içinde kullandığım da oldu. Web developer tools olarak bazı sık kullanılan programlar; Microsoft'un Visual Studio .Net, Firefox eklentisi olan Firebug, İnternet Explorer eklentisi Web Development Helper, internet explorer eklentisi olan IE developer toolbar, ve yine internet explorer eklentisi olan Fiddler Web Debugger ve yeni tanışmış olduğum YSlow Firefox eklentisi gibi programlar kullanılabilir.
Microsoft Visual Studio .Net
Zamanında en çok kullandığım araçlardan biriydi. Sadece IE için kullanılabilmektedir. Firefox için kullandığım çok güzel bir eklenti mevcut. Ona sırası gelince değineceğim. Hata yakalama olarak oldukça iyidir. Breakpoint kullanabilir, nesne takibi yapabilir, step-into/over dediğimiz bir ileri adıma ve bir önceki adıma gidebilirsiniz. Eğer bilgisayarınızda Visual Studio .Net kuruluysa küçük bir gizli ayar ile programımızı hata ayıklama ve benzeri durumlar için kullanabilirsiniz. İnternet explorer'da araçlar(tools) menüsünde İnternet seçeneklerine(Internet Options) giriniz ve Gelişmiş(Advanced) tabında Kod Hata Ayıklamasını Devre Dışı Bırak(Internet Explorer) (Disable Script Debugging(Internet Explorer)) seçeneğinin onayını kaldırınız.
Görünüm(View) - Dış Hata Ayıklayıcısı (Script Debugger) - Aç (Open) ile .Net'i çalışan uygulamanız üzerindeki kaynak kod ile açılır ve yapmak istediğiniz işlemleri burada yapabilirsiniz. Eğer sayfanızda bir javascript hatası var ise hata ayıklamak isteyip istemediğinizi soran bir pencere ile karşılaşacaksınız. IE-8 kullanıyorsanız Internet Explorer'daki yerleşik komut dizisi hata ayıklayıcısını kullanıp kullanmak istemediğinizi soran bir soru çıkabilir.
Firebug
Firefox için en sevdiğim eklentilerden biridir Firebug. Seçili Dom elemanını bulmak, takip etmek ve bütün olaylardan haberdar eden güzel bir eklenti. CSS'ten javascript'e birçok amaç için kullanacağınız bu eklenti gerçektende muhteşem.
HTML tağına geçip istediğiniz Dom'un olay günlüğünü etkinleştirebilirsiniz.Ve yine resimde sağ alt köşede olduğu gibi sayfada bir hata var ise hemen haberdar olabilirsiniz.
Eğer olay günlüğünü açarsanız aşağıdaki gibi Konsol'da eventları görebilirsiniz.
Ayrıca burada olaylara tıklayarak her olayın özelliklerini görebilirsiniz.
Bu eklentiyi kullanabilmeniz için bilgisayarınızda FF(Firefox) olması gereklidir. FF'in son versiyonunu buradan, eklentininin son versiyonunu ise buradan indirebilirsiniz.
Web Development Helper
Nikhil Kotari tarafından yazılmış olan bu araç, ajax ile programlamayı geliştirmek için IE eklentisidir. Tüm HTTP istek günlükleri ve yanıtlarını görebilirsiniz. Bu istek ve yanıtları Hex, text, resim şeklinde görüntüleyebilirsiniz.
Bu aracı buradan indirebilirsiniz.
IE Developer Toolbar
IE Developer Toolbar Dom denetimi, Dom ve hızlı CSS değiştirme gibi faydalar sağlamaktadır. CSS değiştirme özelliği sayesinde CSS'de yapmış olduğunuz değişiklik ile sayfa yenilenmeden yaptığınız değişikliği görebiliyorsunuz. Bu şekilde CSS dosyalarını oluşturmakta kolaylaşmaktadır.
Microsoft'un ürünü olan bu aracı buradan indirebilirsiniz.
Fidler Tool
Bu araç sayesinde tüm HTTP istek ve yanıtlarını ayrıntılı olarak takip edebilirsiniz. Yanıtları optimizasyonunda kullanabilirsiniz. Bu program tüm detayları göstermesinden dolayı oldukça güçlü bir tooldur. Buradan indirebilirsiniz.
YSLOW Aracı
Yslow aracı ile yeni tanışmama rağmen şimdiden hayranı oldum diyebilirim 
Yahoo! Yslow eklentisi için öncelikle bilgisayarınızda Firefox olmalı ve Firebug eklentisi kurulmuş olmalıdır. Buradan Yslow eklentisini indirdikten sonra artık başlayabiliriz.
Yslow ile sitenizin performans kurallarına uygunluğunu test edebilirsiniz. Bu araç sayesinde, Content,cookie, CSS, resim, javascript performansları hakkında bilgiler alabilir, buradan da ayrıntılı olarak inceleyebilirsiniz.
Şuana kadar 1425 defa okundu.
