Javascript Kodlama Kuralları
Hepinize merhaba dostlarım 😊. Bu yazımda sizlere javascript programlama dili üzerinde kodlama yaparken ne tür kuralların olduğu, nelere dikkat etmemiz gerektiğinden bahsedeceğim.
Normalde bunun sadece javascript üzerinde değil bütün programlama dillerinde de geçerli olduğunu hemen hemen hepimiz biliyoruz. Çünkü kodu bilgisayar otomatik olarak yazmıyor bir programcı yazıyor. Ve haliyle hem geliştiriciler arasında bu kodlama kurallarına aykırı davranmamak projenin daha anlaşılır hale gelmesinde yardımcı oluyor. O halde sözü daha fazla uzatmadan hemen konumuza geçelim
DEĞİŞKEN İSİMLENDİRME İŞLEMİ
Eveeet geldik ilk başlığımıza. Değişken isimlendirme işleminde eğer tek bir kelimeden oluşan değişken ismi vereceğimizde normal şekilde isim vermeliyiz, iki veya daha fazla kelimeden oluşan değişken isimlerinde CamelCase, UpperCase, SneakCase yapılarını kullanmalıyız. Hemen bir örnek vereyim size
var editorAdi = "Muhammed Fatih"; // CAMEL CASE KULLANIMI
var dogum_ili = "Konya"; // SNEAK CASE KULLANIMI
var DogumTarihi = "06.06.1999"; // PASCAL CASE KULLANIMI
var yas = 21; // NORMAL KULLANIMşeklinde değişken isimlerini oluşurabiliriz. Bu şekilde değişken isimlendirmeyi sadece javascript üzerinde değil diğer programlama dillerinde de uygulamayı kendinize prensip edinirseniz sizin için güzel olacaktır
OPERATÖRLER ÇEVRESİNDE BOŞLUK
Operatörler programlama işleminde en sık karşılaştığımız yapılardan birisidir. Özellikle değer atama, matematiksel işlemler, dizi içerisinde kullandığımız virgüllerin hepsi birer operatördür. Bunları da programlama yaparken gelişigüzel yazmak yerine bunların arasında birer boşluk olması bizim yararımıza olacaktır. Yani örnek vermek gerekirse
var sayi = 692; // EŞİTTİR OPERATÖRÜ ARASINDAKİ BOŞLUK
var toplama = 3 + 5; // TOPLAMA İŞARETİ ARASINDAKİ BOŞLUK
var myBook = ["Sitem", "Azat", "Sevdalar Sözde Kaldı"]; // DİZİ İÇERİSİNDE VİRGÜLLER ARASINDAKİ BOŞLUKşeklinde operatörler arasında birer boşluk bırakmamız kod okunabilirliği açısından bize katkı sağlayacaktır
GİRİNTİLEME
Operatörler çevresindeki boşluk konumuzdan bir sonraki konumuza bakacak olursak bunun girintileme işlemi olduğunu rahat bir şekilde göreceğiz çünkü başlığımız girintileme :). Özellikle programlama yaparken bir fonksiyon veya karar yapısı oluşturduğumuzda blokların içerisindeki kodları biraz daha içeriye yazmamız yani girinti yapmamız kod okunabilirliği açısından bizim için faydalı olacaktır. Örnek vermek gerekirse
if(10>9){
console.log("10 sayısı 9 sayısından büyüktür"); // GİRİNTİLEME YOK
}
function selamla(){
console.log("Hoşgeldiniz Dostlar"); // GİRİNTİLEME YOK
}yazdığımızda okurken biraz zorlanabiliyoruz. Yani dikkatli bakmasak bunları alt alta yazılmış iki kod satırı olarak görüyoruz. Ama bunları
if(10>9){
console.log("10 sayısı 9 sayısından büyüktür"); // GİRİNTİLEME YOK
}
function selamla(){
console.log("Hoşgeldiniz Dostlar"); // GİRİNTİLEME YOK
}şeklinde yazarsak yani girintileme işlemini kullanırsak kodlarımızın diğer programcılar tarafından zor bir şekilde okunma işlemini ortadan kaldırmış oluruz. Özellikle büyük projelerle uğraşırken bu girintileme işlemini kullanmamız bize son derece katkı sağlar
NESNE OLUŞTURMA KURALLARI
Nesneler de aynı değişkenler, operatörler gibi sürekli olarak programlama işlemlerinde karşımıza çıkmaktadır. Özellikle operatörler arasındaki boşluk işlemi kuralı bunda da vardır çünkü ":" ifadesi nesneler içerisinde bir değer atama operatörüdür. Her neyse sözü daha fazla uzatmadan bu kurallara değinelim
- Obje içerisindeki özellik ve içerdiği değer arasındaki ":" ifadesinin sağına ve soluna bir boşluk koyun
- Metinsel ifadelerde "" (çift tırnak) kullanın, sayısal ifadelerde kullanmayın
- En son ifade haricinde bütün özellik - değer kısımlarının sonuna "," koyun
- Obje bitimini ";" (noktalı virgül) ile sonlandırın
şeklindedir dostlar. Bunu kodlama üzerinden örnekle gösterecek olursak
var myCard = {
name : "Muhammed Fatih", // İSİM DEĞERİ ATADIK
surname : "Bağcıvan", // SOYİSİM DEĞERİ ATADIK
age : 21, // YAŞ DEĞERİ ATADIK
city : "Türkiye", // ÜLKE DEĞERİ ATADIK
run : () => {
console.log("Backend Developer"); // ÇALIŞTIRILACAK BİR FONKSİYON ATADIK
}
}şeklinde kullanmamız bizim içn doğru kullanım olacaktır.
Bu arada az özelliği olan bir nesne tanımlamamız gerekirse bunu bu yukarıdaki şekildeki alt satıra inip yapmak yerine tek satırda da ayarlayabiliriz. Yani kodlama kısmında gösterecek olursak
var nesne = {name : "MFSoftware", surname : "Blog", create : "25 January 2021"}şeklinde yapmamız bizim için daha sağlıklı bir kullanım olacaktır.
İSİMLENDİRME KURALLARI
İsimlendirme kurallarını inceleyecek olursak bir proje oluştururken özellikle dikkat etmemiz gereken kurallardan olduğunu rahatlıkla göreceğiz. Çünkü bir programlama işleminde algoritma oluşturma haricinde önemli olan kurallardan birisidir isimlendirme. Her zaman gelişigüzel bir isimlendirme yapamayız. Hadi küçük projelerde yaptık neyse ama içerisinde 300 400 kişi bulunan bir proje içerisinde yapsak biraz başımız ağrıyabilir :). İşte bu durumlarda isimlendirme kurallarına uymamız bizim için faydalı olacaktır. Nedir bu isimlendirme kuralları diye soracak olursanız
- Normal değişkenlerde CamelCase, SneakCase veya PascalCase kullanmak
- Global ve sabit değişkenlerde UpperCase kullanmak
şeklinde olduğunu söyleyebilirim. Kodlama kısmında bunlara bakacak olursak
const PATH = "project/"; // Dosya Yolunu (Global bir yapı) projenin her yanında kullanacağımız için UPPERCASE olarak yazdık
var siteName = "MFSoftware Blog"; // Normal değişken olduğu için CamelCase olarak yazdıkşeklinde yazmamız proje yapımı aşamasında hem bizim hem de diğer geliştiricilerin işleyişi anlamasında son derece faydalı olacaktır
HTML ELEMENTLERİNE ERİŞME
Yeri geliyor bazen bir web sayfası yapacağımız durumlarda dinamik olarak bir yapı hazırlamamız gerekiyor ve bunun için de javascript üzerinde ihtiyacımız olan HTML değerine ulaşmamız gerekebiliyor. İşte bu durumlarda javascipt programlama dilinde
var element = document.getElementById("exampleElement"); // HTML elementimizin ID ismini yazmamız gerekmektedirşeklinde kod parçamızı kullanarak HTML elementimize rahat bir şekilde erişebilmekteyiz. Artık bundan sonra projeniz üzerinde "exampleElement" isimli elementi rahat bir şekilde kullanabiliriz. Bütün kontrol artık bize kalmış :).
BİR SATIRDAKİ KARAKTER UZUNLUĞU
Kodlama yaparken bazı durumlarda uzun kodların kullanımı dolayısıyla yazdığımız kodlar giderek sağa doğru uzuyor. Küçük projelerde pek dert sayılacak bir konu olmaz ama büyük projelerde son derece dikkat edilmesi gereken bir konudur bu. Yani önceki başlıklar içerisinde de değindiğim gibi kodu sadece bireysel değil bir ekip çalışması olarak yazdığımızda diğer kişilerin de incelediği durumlarda bu durum biraz can sıkıcı olabiliyor. Bunu için kodlama yaparken bir satırdaki maksimum karakter uzunluğunu elinizden geldiğince 80' in altında tutmaya çalışın. Eğer ki taşıyor ise kod veya taşma durumu varsa bir alt satıra inip oradan yazmaya devam edin
PERFORMANS
Programlama yaparken her zaman gözümüzün önünde bulundurmamız gereken bir konu vardır "PERFORMANS". Çünkü bilgisayara ne yapacağını programcı belirtiyor ve bilgisayar da programcının belirttiği şekilde kodları okuyor ve derleme işlemini yapıyor. Programcı ne kadar mikro optimizasyona dikkat etse veya etmese bu bilgisayar tarafından bilinemiyor çünkü bir insan değil. İşte bu durumlarda küçük büyük her projede bizim performans konusundan taviz vermememiz ve elimizden geldiğince gereksiz boşluk olsun, gereksiz değişken olsun vs vs. bu durumlardan kaçınmalıyız. Özellikle ama özellikle büyük projelerle uğraşıyorsak bu konuları tamamen göz önünde bulundurup performanslı bir kodlama yapmak için elimizden geleni yapmamız bizim için doğru olacaktır :)
Eveeeet dostlarım 😊. Bu yazımda sizlere javascript programlama dili üzerinde kodlama kuralları nedir, nelere uymamız gerekir bunlardan elimden geldiğince dilim döndüğünce anlatmaya çalıştım. Umarım faydalı olmuşumdur. Eksik veya hatalı bir anlatım yapmmış isem benimle iletişime geçmekten çekinmeyin. Projelerinizde özellikle ama özellikle bu kuralları uygulamanızın ileriki zamanlarda size katkı sağlayacağını şimdiden rahatlıkla söyleyebilirim :). Her zaman performanslı ve kurallara uygun bir şekilde kodlama yapmayı asla unutmayın.
Hayallerinizi gerçekleştirmeniz ve güzel yerlere gelmeniz dileklerimle... İyi çalışmalar dilerim :)
Yazar Hakkında
Kendi Halinde Bir Backend Developer