Mac OS X ile Front-end Development Programları

Uzun bir süredir planlarımın arasındaydı sadece Mac üzerinde çalışmak yani windowsdan kurtulmak. Tüm geliştirmelerimi Mac OS X üzerinde yapar oldum. Hal böyle olunca kullandığım araçlarda da bazı değişmeler oldu. Sonrasında sohbetlerde yada sosyal medyadan öğrencilerimden şu tip sorular duyar oldum; Mac ile web development nasıl olur? sorun çıkarmaz mı kodlar? Mac ile kullanılan programlara ne kadar ödedin? Mac klavyesinde kod yazmak zor değil mi? Aslına bakarsanız soruların cevapları çok net. Mac ile development çok güzel oluyor, hiç bir sorun çıkmıyor, tüm programlar ücretli değil ücretli olanlarda çok cüzzi rakamlar, Mac klavyesi emin olun diğer klavyelerden daha rahat. Lisanslı program konusunda ise fikrim çok net kesinlikle alınmalı ve lisanlı olarak kullanılmalı. Tabiki fiyatları çok fazla olan uygulamalardan ve parasını kesinlikle haketmeyen uygulamalardan bahsetmiyorum. Eğer bu işten para kazanıyorsanız ve bu parayı bu araçlarla kazanıyorsanız bence lisanlı kullanmalısınız. Tıpkı bir inşaat ustasının malası çekici gibi bizimde araçlarımız bu programlar. En azından geliştiricisine saygı duyulmalı ve verilen emek hiçe sayılmamalı diye düşünüyorum.
Genel bilgilerden ve lisans konusundan sonra programlarımıza geçebiliriz.

Mac OS X ile Front-end Development Programları

1 – Sublime Text 3 (Text Editor)

Editörlerin kralı desem sanırım abartmış olmam. Birçok text editörünü denedim ama hiçbiri Sublime Text kadar iyi değildi. Birçok eklenti ile zenginleştirilmiş olan program, tam bir voltrana dönüşüyor. Her zevke göre birçok tema barındıran programda isterseniz sizde tema hazırlıyabiliyorsunuz. Program lisanslı olmasına rağmen satın almasanızda size hiçbir kısıtlama getirmiyor dilediğiniz gibi kullanabiliyorsunuz, programın geliştiricileri böyle bir yol izlemişler. Sırf bu sebeple bile satın alınması gereken bir program diye düşünüyorum. Hem Mac hemde Windowsda kullanmayı düşünen kişiler için hemen bir bilgilendirme yapmak istiyorum. Tek bir lisansla her iki platformda da kullanabiliyorsunuz.

Platform: Mac / Windows
Lisans: 70$ (Ücretsiz kullanımda kısıtlama yok)
Website: Sublime Text
Eklenti ve Tema: Package Control
Eğitim: Tuts+

2 – CodeKit (Compiler)

Sass, Less, Stylus, HAML, Coffeescript gibi dillerle çalıştığınızda derleme işlemleri için kullanmanız gereken eşsiz bir uygulama. Özellikle son versiyonunda gelen özellikleriyle gözümdeki yerini perçinledi. Sublime Text ile beraber tadından yenmeyen ikili oluyorlar. Windows ile kullanmak isteyenler Koala adlı uygualmayı kullanabilirler. Windows tarafında en iyi çalışan ve görevini eksiksiz yapan bir program.

Platform: Mac
Lisans: 29$
Website: CodeKit

3 – GitBox & GitTower (Version Control)

Versiyon kontrol olmadan kodlama yapılması artık kalmamıştır diye düşünüyorum. Tabi küçük projelerde çok sorun değil ama büyük projelerde olmazsa olmaz durumda.

Platform: Mac
Lisans: GitBox: 14,99$ GitTower: 68$
Website: GitBox,GitTower

4 – Kaleidoscope (Merging)

Merge işlemleri için kullanabildiğimiz gibi aynı zamanda farklılık olan tüm dosyalarda, klasörlerde de kullanabiliyoruz. Hem Mac hemde Windowsda çalışan alternatif bir merge yazılımı arasanız DiffMerge‘i tavsiye ederim.

Platform: Mac
Lisans: 69,99$
Website: Kaleidoscope

5 – Firefox & Firebug

Firefox hakkında söylenecek fazla birşey yok kendisi browserların yani tarayıcıların en iyisi ve en çok eklentiye sahip olanı. Bu özelliği sayesinde kendisi bir tarayıcıdan çok kapsamlı bir programa dönüşüyor. Firebug ise zaten geliştiricilerin arasında kendisini kanıtlamış bir eklenti. Hemen hemen her türlü front-end debug işlemlerini yapabildiğiniz bu eklenti ötesi uygulama ile birçok işlemi sınırlandırma olmadan yapabilirsiniz. En büyük güzelliği ise bu eklentinin hala ücretsiz olarak temin edilebilmesi. Yapmanız gereken sadece eklentiler içinde arama yapmak. Birçok tarayıcı için sürümü olsada sadece Firefox’da full kullanabiliyorsunuz. Örneğin chromedaki versiyonu Lite sürüm olarak geçiyor.

Platform: Mac / Windows
Lisans: Her iki uygulamada ücretsiz
Website: Firefox
Website: Firebug

6 – Adobe Photoshop

Adobe uygulamalarının belkide en önemlisi Photoshop ile ilgili ne yazsam diye çok düşündüm ama birkaç satır ile bitirebileceğim birşeyler çıkmadı ne yazık ki. Sadece developmentta değil, tasarımdan tutun, üç boyutlu görselleştirmeye, mühendislikten, grafik tasarıma, endüstriyel tasarımdan animasyona, video işlemeden fotoğrafçılığa kadar çok geniş bir alandadır Photoshop. Front-end developmentta ise PSD lerle ilgili tüm işlemlerde bizimle olduğu gibi UI çalışmalarında düzenlenmesi gereken küçük alanları düzenlerkende en iyi araç.

Platform: Mac / Windows
Lisans: 210 TL (Yıllık)
Website: Adobe Photoshop

7 – FileZilla

Websitemiz bitti yayına alacağız artık yani servera dosyalarımızı atacağız. Bize bir program lazım işte o program bir FTP yani File Transfer Protocollerinden anlayan biri olmalı. İşte o uygulamamızda FileZilla. Hem ücretsiz hemde hızlı bir uygulama olan FileZilla, Birçok site bilgisini klasörlü olarak tutabileceğiniz bir site manager ile işlemi çok daha kolay bir hale getirebiliyor. Aynı zamanda sürekli şifre girmek zorunda da kalmıyorsunuz yedeklerinizi alıp yeni kurulum yapıp, sonrada yedek aldığınız dosyayı FileZillaya göstermeniz yeterli oluyor.
Sitesinden “Download FileZilla Client” butonu ile uygulamayı indirebilirsiniz.

Platform: Mac / Windows
Lisans: Ücretsiz
Website: FileZilla

8 – WebStorm

Diyelim ki bir şekilde SublimeText size yetersiz gelmeye başladı yada canınız Text Editörü ile değil, büyük bir IDE ile çalışmak istedi. Ama bu IDE Visual Studio gibi hantal ve sürekli sorun çıkaran bir IDE olmasın, NetBeans gibide tasarımıyla sizi 80’li yıllara geri götürmesin. O zaman aradığınız IDE JetBrains tarafından yapılmış olan WebStorm’dur. Kendisi bir front-end developerın aradığı tüm özelliklere sahip bir IDE. GitHub içindeki repositoryleriniz ile sorunsuz çalışabilirsiniz. Birçok modül desteğide bulunuyor. Aynı zamanda node.js ile birlikte kullanabiliyorsunuz. npm kurulumu yapıp herhangi bir derleme işlemine gerek duymadan sayfanızı size basit bir start komutu ile gösterebiliyor. Çok kullanışlı bir IDE olan WebStorm’u tavsiye ediyorum.

Platform: Mac / Windows
Lisans: 49$
Website: WebStorm

Mac ile çalışmak daha doğrusu Mac kullanmak upuzun bir otobanda hız göstergesinde sınır olmayan bir Lamborghini kullanmak gibi birşey. Sizi durduran hiçbir şey yok sizin gaza bastığınız kadar giden bir araç var altınızda. Biraz abartılı gibi gelebilir ama windows gibi bir sistemden sonra inanın durum bu. Bazıları direk karşılaştırmaya yada onda bu var bunda şu var gibi düşünceleri geçirecektir aklından yada donanım karşılaştırması ile “bak bu daha iyi ama” gibi şeyler söyleyecektir ve bu tartışmalar sürekli olarak devam edecektir. Ama bir Mac kullanmadan asla aradaki farkı göremessiniz. Çünkü Mac deki fark donanım ve yazılım uyumudur, hepsi bu. Size tavsiyem en azından bir deneyin birkaç ay olsada deneyin ve farkı görün, microsoft çok yüksek ücretlerle aldığımız donanımlarımızı nasıl katlediyor görün.

Belli aralıklarla uygulamalrı güncelleyeceğim eğer sizinde aklınıza gelen bir uygulama yada eklemek istedikleriniz olursa lütfen yazın.