Merhaba dostlar. Bu makalede size web üzerinden kod yazabileceğiniz, kendinizi test edebileceğiniz ya da sadece eğlenmek için kullanabileceğiniz web sitelerinde birkaçını tanıtacağım.
Bilgisayar donanımlarının kod editörlerine yeterli olamaması yada uzun kurulum süreci gerektirmesi gibi bir çok nedenden dolayı web üzerinden koy yazmak çoğu kullanıcı için daha kolay ve sorunsuzdur. Ayrıca yazdığınız kodlara uzaktan erişim sağlayabilmek yada birkaç saniye süren işlemlerin ardından arkadaşlarınızı da projenize dahil edebilmek ve bunu paylaşabilmek de online kod editörlerinin kullanılma nedenlerinden birkaçıdır.
Peki Nasıl Oluyorda Web Üzerinden Kodlama Yapabiliyoruz?
web üzerinden Cloud IDE sayesinde kodlama yapabiliyoruz. Peki nedir bu Cloud IDE?
Bulut IDE yada Cloud IDE, kod düzenleyici, derleyici ve hata yakalayıcı içeren web tabanlı bir geliştirme ortamıdır.
Cloud IDE'nin en büyük avantajı ise dünyanın her yerinden ulaşılabilir olmasıdır.
codewars
İlk olarak benim de aktif olarak kullandığım sitelerden biri olan codewars'dan bahsedeceğim.
Codewars kullanıcılarına hata yakalama, problem çözme gibi yetenekler kazandıran, kod yapısını ve algoritmayı anlamanızı sağlayan sitelerden biridir.
Siteye ilk girdiğimizde bizi bu ekran karşılıyor. Bu ekran üzerinden hesabınıza giriş yapabilirsiniz(varsa) ya da ne için kullanacağınızı seçebilirsiniz.
Devam etmek için Start Coding butonuna tıklıyoruz.
Bu kısımdan kullanacağımız dili seçiyoruz. Ve ardından karşımıza bir kod dizisi çıkıyor ve eksiği bulup reportlamamızı istiyor. Bu işlemi doğru bir şekilde hallettiğimizde sitenin ana ekranı açılıyor ve işe başlıyoruz. Daha sonra çıkan ekrandan hesap oluşturup devam ediyoruz. Eğer mevcut bir hesabınız yoksa önce bir hesap oluşturmanız gerekiyor.
Bu kısımdan hangi alanlarla ilgilendiğimizi ve yetkinlik seviyemizi belirleyip devam ediyoruz. Ayrıca sayfayı alta doğru sürükleyerek hangi dillerde kodlama yapabildiğimizi belirttiğimiz bir bölüm yer almaktadır.
Devam ettiğimizde karşımıza sitenin ana ekranı çıkıyor. bu kısımdan yarışmalara katılabilir eksik kod dizilerini tamamlayabilir ve kendinizi geliştirebilirsiniz.
codepen
Codepen, front end web geliştiricileri arasında en yaygın kullanılan kod editörlerinden biridir. CodePen ile kodlar yazabilir ve yazılan kodların sonucunu alt kısımdaki panel sayesinde anlık olarak görebilir ve yayınlanabilir. CodePen'in ücretsiz olarak sunduğu 3 özelliği mevcuttur.
Bunlardan ilki, birinci resimde görülen pan kısmıdır. Bu kısımda tek bir sayfa için kodlama işlemi yapılır ve sonuç kısmında sayfa görülebilir.
Bir diğer özelliği project özelliğidir. bu özellik birden çok sayfa tasarlanmasına imkan verir ve tasarım yaparken tasarlanan kısım sonuç kısmından anlık olarak izlenebilir.
Bir diğer kısım ise post kısmıdır. bu kısımdan bilgi içerikli paylaşımlar yapabilirsiniz.
Bu üç kısımdaki çalışmalarınızı profilim kısmından görebilirsiniz. profile erişmek için sol üst kısımdaki takma adınıza tıklamanız yeterli olur.
stackblitz
Stackblitz hesap oluşturmadan kod yazabildiğiniz ve paylaşabildiğiniz bir online kod editörüdür. Siteye girip kendi web sitenizi oluşturmaya başlayabilirsiniz.
Stackblitz ile siteler kodlayabilir ve bunları projelerinize kaydedebilir yada paylaşabilirsiniz.
Stackblitzde kod yazarken kodladığınız sayfayı yan tarafındaki panelden anlık olarak görebilirsiniz.
Birçok modülü içinde bulunduran açık kaynak kodlarına erişebilirsiniz ve paylaşabilirsiniz. Bunu yanı sıran anonim olarak çalışmalarınızı paylaşabileceğiniz bir web kod editörüdür. Ayrıca diğer sitelere kıyasla daha hızlı çalışan bir web sitesidir.
replit
Replit bünyesinde 50 den fazla dil bulunduran ve herhangi bir kurulum gerektirmeden web üzerinden kodlama yapabileceğiniz bir online kod editörüdür.
Replit sayesinde istediğiniz bilgisayardan kodlama yapabilirsiniz. Tek yapmanız gereken repliti açmak ve hesabınıza giriş yapmaktır.
Aynı zamanda replit konularınızı paylaşabileceğiniz kendine özel bir blok da içerir. Bunu yanı sıra yazmakta olduğunuz koda farklı kullanıcıları da davet edebilir ve ortak projelerde yer alabilirsiniz.
Bu kısımda diğer kullanıcıların paylaştığı uygulamaları inceleyebilir ve kullanabilirsiniz. Bunun yanı sıra kullanıcıları takip edebilirsiniz.
Paylaştığınız kodları da başka kullanıcılar görebilirler.
Siteye giriş yaptıktan sonra create butonuna tıklayarak istediğiniz dilde yeni bir proje oluşturabilirsiniz
yada ana ekrandan learn kısmına tıklayarak tutorialler arasından istediğinizi seçebilir ve öğrenmeye başlayabilirsiniz.
codeshare
Codeshare online olarak kod yazabileceğiniz ve bu kodu online olarak paylaşabileceğiniz bir web kod editörüdür. Codeshare mülakatlar, canlı dersler, hatalı kodlarda sorun giderme gibi birçok alanda kullanabilirsiniz.
Siteye giriş yaptıktan sonra yazdığınız kodları canlı olarak paylaşabilir, arkadaşlarınıza gönderebilir yada diğer işlerinizde kullanmak için kaydedebilirsiniz.