Kategoriler
Kodlama

Online kod editörleri

Ücretsiz online web kod editörleri geniş listesi.

Online kod yazıp, test edip ve paylaşılabilen uygulamaları paylaşacağım, en çok kullanılan ve bilinenleri Codepen ve Jsfiddle ancak daha yetenekli ve farklı özellikleri olan alternatiflerini de listeme dahil edeceğim, umarım işinize yarar.

Bir web geliştiricisi iseniz kahvenizin yanında, masanız ve koltuğunuzda olduğu gibi kod editörünüzün de konforlu olmasını istersiniz. Hele ki bunun tarayıcıdan online olarak yapabilmek ve yaptığınızı paylaşabilmek de güzel olur. İşte bu online kod editörleri bu işe yarıyor ve aslında masaüstünde kendi IDE’niz ile yazıp, test edip vs. yerine geçerek daha hızlı, gerçek zamanlı ve konforlu bir çalışma deneyimi sunuyor.

İşte benim seçtiğim en kaliteli editörler

  • Codepen – En popüler online kod editörü, HTML, CSS ve JavaScript üzerine, çeşitli kütüphaneleri destekliyor, profilinizde uygulamalarınızı paylaşabiliyorsunuz.
  • Jsfiddle – Yine popüler olan ve HTML, CSS ve JavaScript üzerine, Codepen ile benzer ancak JavaScript konusunda bira daha güçlü.
  • JS Bin – Pro özelliklerin de abonelik ile satın alınabildiği oldukça gelişmiş HTML, CSS ve JS editörü.
  • Glitch – Kaliteli ve depolama izni veren online uygulamalar da geliştirebileceğiniz kapsamlı bir web editörü. Kesinlikle en beğendiğim.
  • Codesandbox – Diğerlerinden farklı olarak birçok özelliği mevcut, birlikte çalışma, GitHub, Netlify entegrasyonu vs. Dopdolu bir uygulama.
  • Repl.it – Tarayıcıda linters ve hata ayıklayıcılardan üçüncü taraf paketlerine, barındırma ve konuşlandırmaya kadar her şeyi içeren eksiksiz, işbirlikçi bir bulut geliştirme ortamıdır. Ücretli kullanım seçeneklerine sahip.
  • Outpan – Basit ve kullanışlı, yapılan sayfaların paylaşılabildiği oldukça güzel bir uygulama.
  • Plunker – Açık kaynak olan bu online web editörü Frontend namına tüm imkanları sağlıyor.
  • AWS Cloud9 – Bir masaüstü IDE’nin gücü ile çalışan kod düzenleyici ve geliştirme ortamıdır. Oldukça geniş kullanım alanı(özellikleri vardır ve çok kalitelidir.
  • Flems – Basit ve kullanımı kolay, bir oyun alanı gibi. Tavsiye ederim.
  • LocalPen – Açık kaynak, güncel ve geliştirilmeye devam eden bu online web editörü diğerlerinden daha farklı ilginç özelliklere sahip ve denemenizi öneririm.

JSbin, JSfiddle ve Codepen özellik karşılaştırma tablosu

*JSbinJSfiddleCodepen
Live OutputEvetHayır (In Pipeline)Evet
HTML pre-processorMarkdown, JadeHayırMarkdown, Jade, Haml, Slim
CSS pre-processorLESSSCSSSCSS, SASS, LESS, Stylus
JS pre-processorCoffeeScript, TypeScript, Traceur, JSXCoffeeScriptCoffeeScript, LiveScript
CSS librariesHayırNormalizeNormalize, Reset
JS libraries40+30+8
External file addManualKolayÇok kolay
Keyboard ShortcutsEvetEvetEvet
AccountÜcretsizÜcretsizÜcretsiz + Ücretli
Like, Comment, FollowHayırHayırEvet
ForkHayırEvetEvet
Private worksÜcretliÜcretsizÜcretli
TagsHayırHayırEvet
Panel HideEvetHayırEvet (minimizable)
Error & WarningsOnly JS (Real time)Only JS (Not real time)HTML, CSS, JS (Not real time)
CollaborationHayırÇok iyi ve ücretsizİyi ancak ücretli
ThemeEvetHayırEvet
Dummy AjaxHayırEvetEvet
Bracket HighlightEvet (özelleştirilebilir)EvetEvet
Auto end bracketEvetHayırHayır
Line NumbersEvet (özelleştirilebilir)EvetEvet
SpeedÇok hızlıYavaşHızlı
EmbeddingEvetEvetEvet
SEO friendlyEvetEvetEvet
DownloadEvetHayırEvet
Locally InstallableEvetHayırHayır
JSbin, JSfiddle ve Codepen özellik karşılaştırma tablosu

Yukarıdaki listede olmayan birçok uygulama daha vardır ancak bunlar en güvenilir ve iyi olanlar.

Glitch About Video

Glitch About Video

Ben şahsen ufak tefek blogda kod uygulaması paylaşmak için Codepen ve Jsfiddle kullanıyordum ancak son zamanlarda Glitch ile Codesandbox daha bir kullanışlı geldi bana ve onları kullanmaya başladım.

Bunların yansıra online PHP, Python, C#, Go, Java gibi yazılımları yazıp derleyebileceğiniz online uygulamalar da vardır, örnek: ide.geeksforgeeks.org, onlinegdb.com, jdoodle.com, bunları listeye dahil etmedim ve ayrı tuttum.

İyi çalışmalar dilerim, kolay gelsin.

WOLKANCA

Volkan Yılmaz

Digital Marketing & WordPress & SEO volkan@volkanyilmaz.com.tr