Yeni Editöre Geçiş: Atom.io

Bir Sublime’cı olarak tası tarağı toplayıp Atom’a geçiş yaptım. Bir geliştiricinin en önemli ekipmanı bence editörü ya da IDE’sidir. Fakat ben bu konuda ne yazık ki bir türlü tam karar verip hadi bunla devam edeyim diyemedim. Hep diyomuş gibi oldum 🙂 Mesela şuana kadar en uzun kullandığım editör Sublime Text 2’idi. Şahane bir editör. Atom’a geçmeden önce birde WebStorm’u denedim. Gayet kalileti bir IDE eklentileri vs her şeyiyle tam fakat beni Web Storm da tutamayan sebep Windows da performansı pek iyi olmaması. Ram’i su gibi emiyor ve hızlıca kod yazamıyorsunuz. Neredeyse alışıyorum derken gelen güncellemeler ile bu kasma oranı artınca dedim değiştirme zamanı geldi ve GitHub’a merak sarmam ile GitHub’ın geliştirmiş olduğu açık kaynak olan Atom.io’ya geçiş yaptım.

Geçiş yapmamın sebeplerinden başlıca anlattım fakat bu geçiş sebebinde Atom’un özelliklerinin büyük bir payı var. Fatih abinin Atom ile ilgili yazmış olduğu çok güzel bir yazı var. Atom: En Özelleştirilebilir Kod Editörü Onu okumanızı tavsiye ediyorum ben bu yazıda şunu şöyle yapın vs demeyeceğim çünkü bunu YouTube da videolar ile yapmayı planlıyorum. Yazımda neden geçiş yaptığımı ve kullandığım eklentilerden bahsedeceğim. (Çok fazla lafı uzattım artık konuya giriyorum)

Atom’a Geçme Sebeplerim

  • Tema Yelpazesi

Sublime da bu olaydan çok sıkılmıştım. itg.flat adında bir tema kullanıyordum fakat Sublime Text de tema düzenlemek vs o kadar rahat değil. Atom da tema dosyaları less ile yazılmış durumda css bilginiz ile istediğiniz her yeri değiştirip ayarlayabiliyorsunuz. Şuan kullandığım temayı özelleştirmeye başladım bittiğinde GitHub’a atacağım zaten.

  • Hızı

Çok hızlı açılması, kullanırken tablar arasında olsun veya başka uygulamaya geçiş yaparken vs hiç bir türlü kasma bilgisayarınızı zorlama olmuyor.

  • Paketleri

Paket yüklemek kadar paket geliştirmekte kolay bu sebepten ötürü çok fazla paket mevcut. Sizi hızlandıracak eklentiler var. Yazının ilerleyen kısımlarında bunları belirteceğim.

Kullandığım Eklentiler

File-Icons’u ayrıca bahsetmek istedim. Atomda üst kısımda dosya isimlerinin başına geliştirdiğiniz teknolojinin iconunu getiriyor.

file-icons

Çoğu programlama dilinin iconu bulunmakta. Temalar ile de gayet uyumlu olduğu için hiç sırıtmıyor temada.

Screenshot_1

Editörü kurduğunuz ve bir dosya açtığınız zaman resimdeki gibi bir çizgi göreceksiniz bu çizgi beni baya rahatsız ediyordu bugün Front-End TR grubuna sordum ve Hana abla sağolsun yorum attı ve Wrap Guide  paketini kaldırmamı söyledi bu şekilde sorunu çözmüş oldum.

Kısaca geçme sebebimi ve kullandığım eklentilerden bahsetmek istedim. Bu listeyi güncel tutmaya çalışacağım Atom’un öğrendiğim özellikleri ile oradaki listeyi daha da arttıracağım. Şimdilik bu kadar okuduğunuz için teşekkür ederim görüşmek üzere.

 

Full Height Header

Merhabalar, dün gece bir müşterim için arayüz geliştirirken tasarımda full height header bir durum vardı. (bunun tasarımda veya front end deki adını bilmediğim için böyle bir isimlendirme yapıyorum) Header daki butona tıklayıncada aşağı tarafa scroll ettirmesi gerekiyordu. Bende tasarımı kodladıktan sonra başka işlerde de kullanırım diye Codepen’e attım. Onuda sizlerle paylaşıyorum.

See the Pen Header Full by Baran Somaklı (@baransomakli) on CodePen.

Terminalden GitHub’a Dosya Yükleme

Selamlar, ne zamandır yazmıyordum. YGS’de geldi geçti bende artık geceleri daha sık çalışmaya başladım. GitHub da bu sıralar daha fazla aktif olmaya çalışıyorum bundan sonrada açık kaynağa daha fazla destek vermek için daha fazlada aktif olacağım gibi. Hem kendime kaynak olması amacıyla hemde öğrendiklerimi paylaşma amacıyla Git Terminalde kullandığım kodları kısa kısa anlatarak makale olarak yayınlayacağım umarım faydalı olur.

Terminalden GitHub’a Dosya Yükleme

İlk olarak github.com’dan hesabınıza giriş yaparak New Repositry diyorsunuz ve yeni bir repo oluşturuyorsunuz.

Bilgisayarımızda repomuza yükleyeceğimiz klasörü oluşturuyoruz. İçindeki dosyaları vs ayarlıyoruz. Ondan sonra git bash’a girip ya da cmder’e girip (ben cmder kullanıyorum daha güzel bir görüntü sağladığı için) oluşturduğumuz klasöre giriyoruz


cd baransample

git init

bu kodlarla baransample klasörünün içine giriş yapıp giti aktif hale getirdik

git add .

‘.’ ile baransample klasörünün içindeki tüm dosyaları ekliyoruz. baransample klasöründen tek bir dosya ekleyeceksen onun adını yazabilirsiniz.

git commit -m "yeni dosyaları yükledim" 

git commit ile depoya yollamaya hazır hale getirdikten sonra -m “yeni dosyaları yükledim” diyerek repoya commit atıyoruz.

 git remote add origin 'link' 

github.com’dan repo oluştururken üst kısımda size reponun linkini verecektir ‘link’ kısmına o linki yazınız.

 git push -u origin master 

diyerekte projemizi GitHub’a taşıyoruz.

Terminalden GitHub’a Dosya Yükleme işlemi bu kadar arkadaşlar. Bu şekilde öğrendiğim şeyleri size kısa kısa paylaşacağım.  GitHub’dan beni takip edebilirsiniz: https://github.com/baransomakli

Kolay gelsin.