En iyi ücretsiz web kod editörleri koleksiyonu | Webmaster.Kitchen
IDE • Kaynaklar
by Fatih Özel
Yazan Fatih Özel
Geliştiricilerin çayı taze ve masası, koltuğu, kod editörü konforlu olmalıdır derler. 🙂
Web geliştirme ile uğraşan herkesin kullandığı veya kendini rahat hissettiği bir kod editörü bulunmaktadır. Bu kod editörlerinden bazıları ücretli bazıları ise ücretsizdir. Ücretli kod editörlerinin bazı avantajları vardır lakin ücretsiz (open-source) olarak yayınlanan editörler de oldukça başarılılardır. Web teknolojileri geliştikçe masaüstü kod editörlerinin yanı sıra gerçek zamanlı (real-time) kod editörleride mevcuttur.
“En iyi ücretsiz web kod editörleri koleksiyonu” yazımızda sizler için derlediğimiz kod editörlerini konuşacağız. Çoğunlukla masaüstü kod editörlerini kullanıyoruz fakat bazı durumlarda gerçek zamanlı (real-time) web editörlerinden faydalanmak hem hız kazandırıyor hem de paylaşıma açmamızı olanak sağlıyor.
Codepen web geliştiricileri arasında en popüler online kod editörlerinden biridir. Uygulama anında sonuçlar elde etmek isteyenler için tasarlanmıştır. HTML, CSS ve JS temeli üzerine kurulmuş çeşitli bir çok bileşen oluşturabilirsiniz. Örneğin; JS diline ait popüler kütüphaneler üzerinde çalışma imkanı sunmaktadır. Profilinizi oluşturup yaptığınız uygulamaları paylaşma imkanıda sunmaktadır.
Hızlı ve etkin bir biçimde kendinize ait web sayfalarını kapsamlı bir şekilde oluşturabilirsiniz. Bir önceki örnekte olduğu gibi uygulamanızın kodlarının sonuçlarını canlı ve iki farklı görünümde(mobil, desktop) görebiliriz. Dışarıdan da dosya yükleme imkanınında olduğunu söylemekte fayda var.
MIT lisansı altında GitHub üzerinde tamamen açık kaynak kodlu online bir web editördür. Kod değişikliklerini canlı önizleme yapabilirsiniz. Plunker da projeleri paylaşabilir, yorumlayabilir ve forking yapabilirsiniz. Gerçek zamanlı birlikte kod yazarak destek alma imkanıda sunuyor. Paylaşılan projeleri inceleyerek tercübe kazanabilirsiniz.
Sadece HTML ve CSS düzenlemeleri için destek sağlayan bir online kod editörüdür. HTML ve CSS birbiri ile senkron çalışıyor ve sağ kısımdaki ek bilgi kutusundan sonuçları görebilmeniz için alan bulunmaktadır.
Cross-Platform, Birden fazla işletim sisteminde dağıtımı bulunan uygulamalardır. Örneğin Firefox; Windows, Linux, Mac, Android gibi birçok platformda çalışabilir.
Basit kullanıma sahip ve farklı kod editörlerden biridir. Farklı özelliklerinden biri kodunuzu Google Drive ve Dropbox hesabınız ile senkronize edebiliyor olmanızdır. Dokümanlarınızı direk olarak Blogger, GitHub, Tumblr, WordPress gibi uygulamalara yükleyebilirsiniz.
Front-end developer ve web developer’ların ihtiyaçlarını karşılamak için oldukça güçlü ve açık kaynak bir kod editörüdür. İstediğiniz zaman doğru sonuca ulaşmaya yardımcı görsel araçlarda mevcuttur.
ICEcoder düzenli web siteleri oluşturmak için derinlemesine bir set içeren, oldukça hızlı, yararlı ve cross-browser özellikli bir kod editörüdür. Çevrimiçi ve çevrimdışı olarak kullanılabilir.
Codeanywhere tarayıcıya gömülü halde bir kod editörüdür ve çalışmalarınıza her yerden erişim sağlayabilmenize olanak tanır. Tüm özelliklerinden faydalanabilmek için yapmanız gereken sisteme üye olmamız yeterlidir.
Bu makale sizlere sunulmadan önce aşağıdaki kaynaklardan istifade edilmiştir. Çay koydum. Mutfakta kalın. 🙂
free web editor online editor online web editör text editor webdevelopment webeditor
MyScale ile SVG’yi Yeniden Boyutlandır ve...
Mobil Uygulama Simgelerini Oluşturma, Önizleme ve...
Fontjoy – Tasarımcılar İçin Yararlı Yazı...
17 Haziran 2016, 03:32
Fatih Özel dedi ki:
19 Haziran 2016, 14:27
Rica ederiz 🙂 Yazımız faydalı olmuşsa amacına ulaşmış demektir. İyi çalışmalar.
LegendaryN dedi ki:
17 Haziran 2016, 07:14
Meraklılar için çok faydalı bir yazı olduğunu düşünüyorum. Ellerine sağlık. Gelecekteki yazılarınızı heyecan ile bekliyorum. Kolay gelsin.
19 Haziran 2016, 14:43
Güzel düşünceleriniz için çok teşekkür ederim LegendaryN. Webmaster.Kitchen Türkiye’nin “Web Geliştirici Mutfağı”da takipte kalın. 😉
17 Haziran 2016, 08:42
Jsfiddle ve plunker ekleyebiliriz buraya
19 Haziran 2016, 16:09
Erdem bey ilginiz için çok teşekkür ederim. 🙂 Jsfiddle ve plunker listeye ekledim. İyi çalışmalar
dincel dedi ki:
17 Haziran 2016, 11:05
Hani Atom? Visual Studio Code? Ayrıca terminal editörleri; Vim ve Emacs’dan da bahsedilmeli.
19 Haziran 2016, 16:23
Atom ve visual studio code editörlerini listeye ekledim. 🙂 Vim ve Emacs editörleri hakkında daha ayrıntılı ve teknik bir makale çıkarılması gerektiğini düşünüyorum o yüzden eklemedim. İlginiz için çok teşekkür ederim Dinçel abi 🙂
SemiCode OS — Yazılımcılar ve Web Geliştiricileri için yeni Linux dağıtımı | Webmaster.Kitchen dedi ki:
22 Aralık 2016, 18:34
[…] Okuma Önerisi: En iyi ücretsiz web kod editörleri koleksiyonu […]
Berat Bilgin dedi ki:
4 Ocak 2017, 03:22
28 Ocak 2017, 13:29
CVIX dedi ki:
17 Temmuz 2017, 09:20
Atom editör, mac işletim sistemlerinde oluşan yavaşlık ve kitlenme sorunu için nasıl bir çözüm uygulanmalı ? yardım edebilir misiniz ?
Son Zamanların En Popüler Ağı YouTube
HTML Hakkında Bilmediğiniz 5 Özellik
İşletmeler Neden Sosyal Medyada Görünür Olmalı ?