Mac OS X ile Front-end Development Programları

Hazırlayan:    |    Tarih: 03 Eylül 2014    |    Kategori: Yazılım    |    4 Yorum

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ı

sublime-text

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+

codekit

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

GitBox GitTower

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

Kaleidoscope

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

sublime-text

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

Photoshop

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

Filezilla

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

WebStorm

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.

4 Yorum

  • Oğuz dedi ki:

    Metin bey tebrikler gerçekten güzel bir yazı olmuş.
    1995-2010 yıllarında windows kullanmış vede sınırlarını aşmış bir programcı olarak 2010 yılında Mac ile tanıştıktan sonra windowsla geçirdiğim 15 yıla acıdım gerçekten. Antivirüs key’i aramaktan usandım. Format atmaktan usandım. Mavi ekran görmekten usandım. Meğersem bir at gözlüğü ile dünyasına bakıyormuşum. PC programları ile alakalı tüm arşivi, programları ne varsa belgeler hariç hepsini çöpe attım.
    Şimdi Mac altında web-mobile uygulama geliştiriyorum. Text editör olarak Textmate bana daha sıcak geliyor, oda ücretsiz şuan. Atom kullandım beğenmedim. Webstorm java tabanlı olduğundan daha fazla batarya harcıyor ondan onuda beğenmedim (batarya demişken normal kullanımda şarj 8 saatten aşağıya düşmüyor, beklemede 16 saat bu arada kıskansın PC’ciler). PC’de tüm programların karşılığı fazlasıyla mevcut. Dosya transferinde Transmit’i tek geçerim. Bookmarkslar icloudda saklayabiliyor.
    daha çok şey yazacaktım ama vaktim yok.

    • Metin Yılmaz dedi ki:

      Oğuz Bey çok teşekkürler bilgi için yazı için tamamlayıcı oldu. Özellikle okuyan kişiler için çok faydalı oluyor bu yorumlar. Dediğiniz gibi windows tamamen bir pişmanlık başka birşey değil, insanı sadece üzen bir sistem. Mac ise tam tersine çalışma şevki veren bir sistem.

  • zozyal dedi ki:

    Güzel bir yazı olmuş ama photoshop yerine gimp önermenizi tercih ederdim. Gimp ile photoshopta yapılan hemen hemen herşey artık yapılabiliyor.Hem ücretsiz hem açık kaynak kodlu olan Gimp i herkese tavsiye ediyorum.

    Mac Kullanan bir developera Sublime Text , Gimp ve Filezilla fazlasıyla yeter.

    • Metin Yılmaz dedi ki:

      Merhaba,
      Kesinlikle haklısınız Gimp’de bu listeye girmeli ben bu konuda biraz kişisel davranmışım. Zaten yakın zamanda, Adobe tarafındaki bu ücretlendirmeler yüzünden, tamamiyle Gimp yada Sketch gibi bir alternatife kayacak insanlar.
      Yorumunuz için çok teşekkür ederim.

Cevap bırakın

Mail adresiniz yayınlanmayacak.

This site uses Akismet to reduce spam. Learn how your comment data is processed.