‍

Günümüzde internet kullanıcılarının yarısından fazlası, bilgisayar üzerinden Google Chrome tarayıcısını kullanıyor. Biz de bu içeriğimizde sizin için yararlı olabileceğini düşündüğümüz kodlama alanındaki en kullanışlı 7 Google Chrome eklentisinden bahsedeceğiz.

Kodlama için 7 Google Chrome Eklentisi

Tarayıcılar, teknolojiyle birlikte gelişmeye devam ediyor. Google Chrome’un avantajlarından birisi de Chrome eklentileri özelliği. Eklenti, bir yazılımın içinde yer almayan bazı özelliklerin ek olarak yüklenen kodlarla birlikte o yazılıma kazandırılmasıdır. Asıl uygulamadan bağımsızdır, dolayısıyla farklı fonksiyonlara sahip olabilir. 

Herkesin işine yarayabilecek türde özelliklere ulaşabileceği bu eklentiler arasından yazılım öğretmenlerinin kullanımına uygun olabilecek Chrome eklentileri hakkında sizleri bilgilendireceğiz. 

1. Scratch Addons

Scratch Addons, scratch.mit.edu websitesi ve proje düzenleyicisi için özelleştirilebilir özellikler ve temalar sağlar. Ücretsiz kodlama hizmeti sunan Scratch platformu çocuklar için dünyadaki en büyük kodlama topluluğudur. Platform oldukça basit ve anlaşılır şekilde kodlamayı öğretebildiği için öncelikle çocuklar için tasarlanmış, fakat dünya genelinde her yaştan insan milyonlarca proje geliştirebilir bir nitelik kazanmıştır. Hikaye, oyun ve animasyon yaratma gibi özellikleri barındıran bu siteyi, Scratch Addons Chrome eklentisini indirerek daha verimli kullanabilirsiniz. Scratch için üretilen bu Google Chrome eklentisinin avantajları arasında performans izleme ve adım adım kodlama sayesinde projelerde hata ayıklama yardımı yapar.  Arayüz kullanımını da daha kullanıcı dostu yapan bir sürü özellik Scratch Addons ile tarayıcınıza eklenebilir. Eklentiye buradan ulaşabilirsiniz.

‍

Görsel kaynak: Scratch addons Google Chrome Web Store

2. Web Developer

Bir web geliştiricisinin sahip olması gereken neredeyse her özelliği barındıran Web Developer Chrome eklentisini, ister back-end ister front-end geliştiricisi olarak kurabilirsiniz. CSS (Cascading Style Sheets) düzenleyebilir, önbellek temizleyebilir ve sayfa çözünürlük tanımını değiştirebilirsiniz. Renk seçim paleti ve cetvel gibi özellikler de bu Chrome eklentisi ile birlikte kurulabiliyor.  JavaScript’in, tarayıcının kontrol edilmesi, tarayıcının kullanıcıyla etkileşimde bulunması, senkron bir şekilde kullanıcıyla iletişime geçilmesi ve web sayfası içeriğinin değiştirilmesi gibi işlevleri vardır. JavaScript desteği devre dışı bırakılırsa tarayıcılar görüntülü reklamlar, animasyonlar veya ses gibi özellikleri çalıştıramaz. Devre dışı bırakmanın avantajları ise bazı güvenlik, hız ve işlevsellik sorunlarının önüne geçmektir. JavaScript kapatılırsa çerezlerin hiçbiri çalışmayacağından aksiyonlarınızın takibi de yapılamıyor. Şüpheli websiteleri de bilgisayarınızı doğrudan etkileyen kötü amaçlı kod eklemesinin önüne geçiliyor. Son olarak, her websitesi JavaScript’i efektif olarak çalıştıramadığı için işlevsellik hataları olmasın ve yazıları okumak, sayfayı yüklemek uzun sürmesin diye bu desteği eklenti sayesinde pasife alabilirsiniz. Eklentiye buradan ulaşabilirsiniz.

3. JavaScript and CSS Code Beautifier

JavaScript, web tarayıcılarında en yaygın olarak kullanılan programlama dillerinden biridir. Bu yüzden JavaScript özelinde bir Google Chrome eklentisinden bahsetmesek olmazdı. Kod yazarken bazen uzun satırlar üst üste gelerek okunması ve anlaşılması zor bir hal alabiliyor. Ayrıca saatlerce çalışmayla birlikte yürütülmesi gerektiği zaman, bir hayli karışık gözüküp belki de atlanmayacak hataları kaçırmanıza sebep olabiliyor. İşte bu Chrome eklentisi JavaScript and CSS Code Beautifier, yazılan satırları daha okunabilir bir hale getiriyor. Ayrıca küçültülmüş dosyaları da aynı şekilde okunaklı ve anlaşılır yapıyor. Basit ama değerli bir uygulama olması ile hem kod yazarken hem de öğretirken öğretmenlerin kullanıp hayatlarını kolaylaştırabilecek bir eklenti olarak dikkat çekiyor. Eklentiye buradan ulaşabilirsiniz.

Görsel kaynak: https://www.hongkiat.com/

4. JSON Formatter

Kod yazılan satırlara okuma rahatlığı getiren bir diğer Google Chrome eklentisi de JSON Formatter. Tarayıcılar üzerinde JSON (JavaScript Object Notation) ve JSONP (JSON with Padding) dosyalarını renklendirilmiş şekilde daha okunaklı görebilmenizi sağlıyor. Bununla birlikte syntax error (sözdizimi hatası) kısmının üzerini boyayıp belirginleştiriyor. Ayrıca bilgisayarın kendi dosyalarında da çalıştırabilirsiniz. Ancak bu eklenti, diğer JSON destekleyiciler ile çakışabilir. Bu sebeple, ‘JSONView’, ‘Pretty JSON’ ve ‘Sight’ gibi uygulamaları devre dışı bıraktıktan sonra bu Chrome eklentisini denemenizde fayda bulunmaktadır. Eklentiye buradan ulaşabilirsiniz.

Görsel kaynak: JSON Formatter Google Chrome Web Store

‍

5. XML Tree 

Popüler dosyalardan birileri de XML (Extensible Markum Language) dosyalarıdır. XML, internetten veri alışverişi yapan platformlar ve sistemler arasında veri iletişimini daha standart hale getirmek için tasarlanan bir işaretleme dilidir. Bu Google Chrome eklentisi, tarayıcı üzerinde XML dosyalarını daha kolay okunabilir hale getirmektedir. Renk çeşitliliği sayesinde kod yazarken yoğunluğu sayfanın üzerinden atıp gözlerinize yardımcı olur. Bu eklenti ayrıca Xpath de kullanmanıza olanak tanır. Xpath, bir XML belgesinin bölümlerini benzersiz şekilde tanımlamak veya adreslemek için kullanılır. Eğer kod yazma eğitimi veren bir öğretmenseniz, öğrencilerinizin işini kolaylaştırmak için XML Tree kullanarak onların daha çabuk öğrenmesini ve hatadan kaçınmalarını sağlayabilirsiniz. Eklentiye buradan ulaşabilirsiniz.

6. Talend API Tester

Back-end geliştiricileri başta olmak üzere yazılımcıların en sık kullandığı eklentilerden bir tanesi de Talend API Tester ’dır. API testi, API’nin parametrelerini, isteklerini ve işlevselliğini doğrulamak, hatalarını ortaya çıkarmak ve sınır değer analizi yapmak anlamına gelir. Test yapmak istiyorsanız Talend API Tester sayesinde API taraflı POST, GET vb. bütün testlerinizi hızla gerçekleştirebilir ve test sonuçlarınıza bakarak uygulamanızı analiz edebilirsiniz. Ayrıca ücretsiz sürümü, ne kadar karmaşık olursa olsun tüm HTTP isteklerini yerine getirir. Güvenlik ve kimlik doğrulama, hiper ortam ve HTML formlarının yanı sıra tam olarak desteklenir. HTTP yanıtlarını görselleştirebilir, güzelleştirebilir ve inceleyebilirsiniz. Bu Google Chrome eklentisi, geçmişi saklama ve ek parametre gönderme gibi imkanları da bünyesinde barındırıyor. Eklentiye buradan ulaşabilirsiniz.

Görsel kaynak: Talend API tester Google Chrome Web Store

‍

7. Web Developer Checklist

Google Chrome tarayıcısına indirebileceğiniz eklentilerden en faydalıları arasında yer alan Web Developer Checklist, websitenizdeki kodlama hatalarından her birini, meta etiketleri, eksik tanımlamaları vb. client taraflı neredeyse tüm yazılımsal eksiklikleri kontrol edebileceğiniz harika bir eklenti. Yazılım öğretmeni olarak hem kendiniz eğitim verirken hem de öğrencilerin yaptıklarını kontrol etmek için bu faydalı hizmeti indirebilirsiniz. Eklentiye buradan ulaşabilirsiniz.

Görsel kaynak: Web Developer Checklist Google Chrome Web Store

‍

Yazılım alanında öğretmenlerin hayatını kolaylaştıracak Google Chrome eklentilerini kısaca derlemeye çalıştık. Bahsi geçen eklentiler sayesinde kod yazma üzerine çalışırken işinizi sizin için basitleştiren birçok uygulama bulunuyor. Yukarıda bahsettiğimiz eklentileri indirerek pratik ve hızlı şekilde geliştirme araçlarından yararlanarak eğitim sürecinde kaliteyi artırabilirsiniz.