JavaScript'in en güzel yanlarından biri, şüphesiz geliştirme için özel bir ortama veya uygulamaya ihtiyacı duymamasıdır. Yeteri kadar sabırlı biri, Android telefonunda bile JavaScript uygulaması geliştirebilir.

Ancak özellikle büyük çaplı uygulamalar geliştirdiğimiz zamanlarda, klasik programlama dillerinin geliştirme ortamlarının bizlere sağladığı kolaylıkları ararız. Böyle zamanlarda JavaScript için üretilmiş geliştirme ortamları işimizi kolaylaştırır ve zaman kazandırır.

Bu tarz bir geliştirme ortamından ne bekleriz, düşünelim.
  • Otomatik kod tamamlama (Intellisense)
  • Dahili web server
  • Debuging imkanları
  • Kod renklendirme
  • Otomatik formatlama
  • Sık gerçekleştirilen işlemler için kısayollar
  • Kullanıcıya özel temalar


Elbette bu liste uzatılabilir ama sadece yukarıdaki özellikler bile işimizi bir hayli kolaylaştıracaktır. Sıra geliştirme ortamı için uygun uygulamayı seçmeye geldiğinde, karşımıza önemli bir soru çıkar. Bu ortam için para harcayacak mıyız,  harcamayacak mıyız?

Eğer ki bu işle profesyonel olarak uğraşıyorsak, ben bireysel olarak harcanması taraftarıyım. Hem bahsi geçen harcama $50 civarlarında olacaktır. Hem de geliştirme hızımızla kazandığımız zaman yüzünden uygulama kendini kısa sürede amorti edecektir.

Ancak gerek bu işle amatör olarak uğraşanlar için, gerekse henüz kredi kartı veya PayPal hesabı olmayan küçük kardeşlerimiz için bu makaleyi, ücretsiz seçeneklerin en iyisini tanıtmaya ayırdım. İnşallah bir sonraki makalede de, ücretli seçeneklerin en iyisinden bahsedeceğim.

"En iyi" kelimesinin son derece "bağıl" olduğunun farkındayım. Elbette kişisel tercihler bu seçimde önemli rol oynayacaktır ama konu hakkında araştırma yapmaya yeterli vakti veya bilgi birikimi olmayan kişilere bir on araştırma olması açısından bu makaleyi hazırlıyorum.

Karşılaştırma için şimdiye kadar bireysel olarak kullandığım Eclipse, Aptana, Visual Studio Epress, Netbeans ve Brackets'i ele aldım ve aralarından Brackets'i seçtim. Normalde Adobe'un urunu olan Brackets, Open Source ve Cross Platform olarak karşımıza çıkıyor. Simdi bu IDE'nin özelliklerine bir göz atalım.

Not : Burada neden Sublime'yi de karşılaştırmaya katmadığımı merak eden varsa, aynı Winrar gibi Sublime'nin de ücretsiz bir program olmadığını hatırlatmak istiyorum. Sublime'nin sadece denemesi ücretsiz ve lisans sözleşmesinde açıkça, denemeye devam edilmesi durumunda satın alınması gerektiği yazıyor.


Open Source

Beni en çok cezbeden taraflarından bir tanesi Open Source olması. Elbette Open Source demek, ticari olarak kullanımı ücretsiz ile aynı anlama gelmiyor ama bu aynı zamanda Commercial Free ve oldukça kalabalık bir topluluk tarafından geliştirilip test ediliyor. Üründe bulunmayan ancak faydalı olabilecek özellikler için bir wish list bulunuyor. Buraya gelen talepler, değerlendirmeye alınıp ileriki versiyonlarda devreye alınabiliyor.


2 Haftalık Release Takvimi

Geliştirme yapan topluluk oldukça aktif ve 2 haftada bir yeni release çıkartıyor. Ben bu makaleyi yazarken 36. Release yayındaydı.



Cross Platform

İşte benim için diğer önemli etken. Uygulamayı kullanmak için herhangi bir işletim sistemi dayatması söz konusu değil. Windows, Linux ve Mac OS işletim sistemlerinde çalışabiliyor.




JavaScript için JavaScript ile Geliştirilmiş

Brackets, yukarıda saydığım diğer rakipleri gibi her işi yapıp, bunun yanında da JavaScript'i desteklemiyor. Sıfırdan sadece web üzerinde geliştirme yapmak için tasarlanmış. Üstelik geliştirme için dil olarak da JavaScript kullanılmış. "Nasıl olur??" diyenler, bu adresten kaynak kodları inceleyebilirler.


Extension Mimarisi

Sublime kullananlar bilirler. Bu efsane uygulama normalde not defterine benzer. Ancak üzerine yüklenen Extension'lar ile kişiye özel bir IDE'ye dönüşür. Brackets'de de aynı mantıktan vaz geçilmemiş. İlk yüklendiği haliyle pek bir fonsiyonalitesi olmayan uygulama, yüklenen Extension'lar ile tam bir IDE'ye dönüşüyor.


Temel Hali



Extension Yüklenmiş Hali


Elbette yüklenecek Extension'lar tamamen yazılım geliştiricinin ihtiyaçlarına yönelik belirlenmelidir ama yüzlerce Extension'ı incelemeye fırsatı olmayanların en azından aşağıdaki listede bulunanları yüklemesini tavsiye ediyorum.
  • Beautify
  • Brackets Bookmarks
  • Brackets Key Remapper
  • Brackets Right-Trim
  • Brackets Tabs
  • brackets-code-folding
  • Copy as HTML
  • CSSLint
  • Goto Last Edit
  • Interactive Linter
  • JSHint
  • Pretty Json
  • Quick Require Import
  • Quick Search
  • Reasonable Comments
  • Rename JavaScript Identifier
  • Simple JS Code Hints
  • Tab To Space
  • Todo
  • Toolbar Toggle
  • Various improvements
  • Whitespace Normalizer
  • WD Minimap (Büyük boyutlu dosyalarda tavsiye etmiyorum)
  • Themes


Dahili Web Server

Brackets'ın geliştirmeler sırasında kullanılabilecek dahili bir web sunucusu bulunuyor. Ajax Request gibi belli başlı işlemleri çalıştırabilmek için dosyaların bir web sunucu üzerinde durması gerekir. Buradaki dahili sunucu ile IIS veya Apache kurmaya gerek kalmaksızın geliştirmelere devam edebiliyoruz.


Live Preview

İşte ender bulunan farklı bir özellik. Brackets ile bir sayfada değişiklik yaptığımızda, kaydetmeye veya sayfayı refresh etmeye gerek kalmaksızın sonuçlarını anında görebiliyoruz. Chrome Developer Tools kullananlar, tasarım sırasında bunun nasıl bir nimet olduğunu bilirler.


Temalar

Brackets'ın temel hali oldukça sade bir şekilde geliyor. Ancak yine Extension olarak yüklenebilen temalar ile görünümü isteğimize uygun şekilde değiştirebiliyoruz. Tema yelpazesi oldukça geniş. Bunlar arasında, JavaScript dünyasında yer etmiş Monokai, .Net dünyasının alışık olduğu Visual Studio ve Java dünyasının alışık olduğu Eclipse temaları da var.


Kısayol Meselesi

Brackets'e yüklenen Extension'ların büyük çoğunluğu klavye kısayolları veya üst taraftaki menü üzerinden kullanılıyor. Yani bunları mouse ile çalıştırabileceğimiz bir toolbar bulunmuyor. Örneğin kodu formatlamak için Ctrl+Alt+L, Region'ları kapatmak için Ctrl++ kısayolları kullanılıyor. Elbette bu kısayolları, alışık olduğumuz geliştirme ortamının kısayollarına çevirebiliyoruz ancak toolbar olmaması, hayatı boyunca Visual Studio'dan başka bir IDE kullanmamış geliştiriciler için biraz zorlayıcı olabilir.


Özetlersek, "Ben JavaScript'e kafayı taktım ama param yok" diyen geliştiriciler için Brackets'i tavsiye ediyorum. Ancak "Az biraz param var" diyenler, bir sonraki makaleye devam edebilirler.


Yorum Gönder

  1. hocam merahabalar,
    atom için yorumunuz nedir?
    ek olarak brackets'in intellisense özelliği var mı veya extensions ile mi yüklüyoruz?

    YanıtlaSil

 
Top