Javascript Öğrenmek


Javascript öğrenmek nedir ne sağlar? Javascirpt öğrenirseniz sunucuya (www.xxxx.com) ihtiyaç duymadan çalışacak kod yazmayı öğrenmiş olursunuz. Bu kodlar ziyaretçinin tarayıcısında çalışır.

Diğer şekil örneğin PHP kodlaması sunucu taraflı kodlamadır ve sunucuda kod çalışır; tarayıcıya sonuç (HTML5) gönderilir kod değil.

Tarayıcı tarafında kodlama anında ve hızlı bir şekilde ziyaretçiye birşeyler sağlar. Ama server (sunucu) taraflı kodlamada hız bağlantı hızına kadar düşer. Buradaki hızdan kasıt ziyaretçiye birşeyler sunma hızıdır.

Bu iki kodlama türü birbirinin alternatifi değildir. Programcı olarak hangi durumda hangi kodlama türünü seçeceksiniz? Bu kararı verecek tecrübeye zamanla ulaşırsınız.

Öğrenmek Zor mu Kolay mı?


Bir karınca için 1 metre yol yürümek kolay mı zor mu? Peki ceylan için 1000 metre mesafeyi aşmak zor mu? Kişisel özelliklere göre bunun cevabı değişkendir. Herkese uyarlanabilecek bir genel geçer cevap yoktur. Yola düşmeden bu yol için siz ceylan mısınız karınca mısınız bu bilinmez.

Bu tespiti doğru yapmak için kendinize yeterince zaman verin. Bir de işin rehber kısmı vardır. Yanlış rehber ile 500 metre ileri 500 metre geri gitmişseniz ceylan da olsanız çıktığınız yere geri gelirsiniz. Rehberiniz doğru ise çalışma ortamınız da doğrudur ve emekleriniz sonuca yani mesafe almaya dönüşür.

Javascript öğrenmek için şu yöntemi uygulayın: Az satırdan oluşan örnek Javascript kodlarını kendi makinanıza kopyalayıp çalıştırın. Hatta bu tarz kodları ilk başlarda bulduğunuz sitede online olarak çalıştırıp sonucu gözlemleyin. Kod nekadar basit ise o kadar hızlı ilerlersiniz.

Bir seferde birşeyi ele alan kodlar her zaman daha hızlı öğrenmenizi sağlar. Aynı anda iki değil bakın bu çok önemli bir tek şeyi örnekleyen javascript kodları ile yol almaya çalışın. Söylediğimi gelin uygulayalım.

Javascript Öğrenmeyi Öğretmek istiyorum

Yazacağımız Javascript kodu bir cümlenin kelimelerini bulup ekrana kelime listesi yapsın. Bu cümle bir değişken ile kodun başında tanımlanacak. Cümleyi dizi dediğimiz değişken türüne dönüştüreceğiz. Kelime arasındaki boşluklar durak kabul edilecek.

Şimdi bahsettiğim programa geçmeden önce iki konuyu birden işlememek için önce ufak bir örnek ile döngüyü örneklemek gerektiğini düşünüyorum.

Döngü nedir - ne kadar sürer ?

Bir kod birden fazla çalışacak ise bu kodu bir kez yazar ama birden fazla çalışmasını sağlarız. Bu dediğim birden fazla çalıştırmayı döngüsel bir kodlama ile sağlarız. Kodun çalıştırılma miktarı belirli bir sayıda olabileceği gibi belli bir koşul sağlanana kadar olması da mümkündür. for ifadesi ile dönme sayısı belirli olan bir döngüsellik kurulur.

Aşağıdaki kodu kendi bilgisayarınıza
donguye_hazirlik.html
ismiyle kaydediniz. Daha sonra da tarayıcınız (mesala firefox)'da bu sayfayı çalıştırın. Çalışınca oluşan görüntü ile kodunuzun arasında gözleriniz mekik dokusun. Hangi satır çalışınca hangi görüntü oluştu bunu anlamaya çalışın. Sizin hafızanız da bir nevi CPU (merkezi işlem birimidir).

[ ADIM 1 ]
[ donguye_hazirlik.html ]
Ctrl+A ~ Ctrl+insert ~ Ctrl+V


[ ADIM 2 ]
[ dongu_kodu.html ]

2 Adım ile döngüyü örnekledim. Cümlenin kelimelerini tespit edip ekrana yazmayı 4. adıma bırakalım ve bir adım daha kodlama yapalım. Türkçesi diziler olan array ile ilgili 3. adımı dikkatle uygulayın lütfen.

Javascript Dizi Değişkeni (Array)


Programlama yaparken var yada let veya const ile değişken tanımlarken değişkene istediğimiz gibi isim verebiliriz. İstediğimiz gibi derken teknik kısıtlamalar elbette vardır: Türkçe karakter kullanmamalıyız. whitespace denilen görünmeyen ama varolan karakterler kullanmamalıyız. Noktalama işaretleri kullanmamalıyız.

Programa ara verdiğimizde; üzerinden bir zaman geçtiğinde tekrar kodlara baktığımızda değişken isimleri bizi Fransız kalmış durumuna düşürmemelidir. Olayı, durumu en az kelime ile ifade eden tarzda bir değişken isimlendirmesi yapmalıyız. Programcılık yazmak değil değiştirmektir. Değişikliğin hızlı olması için de yazılı kodu çabuk hatırlamamız gerek.

var kelime1="Allah'tan";
var kelime2="Başka";
var kelime3="İlahımız";
var kelime4="Varsa";
var kelime5="Müslüman";
var kelime6="Olamayız";

Bu şekilde 6 değişken tanımlamak yerine şunu yapıyoruz:

var kelime=['Allah'tan', 'Başka', 'İlahımız', 'Varsa', 'Müslüman', 'Olamayız'];

[ ADIM 3 ]
[ dizili_degerler.html ]
Ctrl+A ~ Ctrl+insert ~ Ctrl+V

Kelimeleri Javascript ile bulmak istiyorum

Artık son sahne olan bir cümle veya paragrafın kelimelerini bulmaya geldik. Javascript öğrenmek için bu şekilde ufak ufak çalışan kodlarla kendinize kolay bir öğrenme yolu seçiniz. Pes etmek yerine o an anlayamadığınız örneği geçin anladığınız örneklerle öğrenme sürecinizi devam ettirin.

[ ADIM 4 ]
[ kelimeler.html ]
Ctrl+A ~ Ctrl+insert ~ Ctrl+V

Kelime Frekansı Javascript Kodlama

Peki ama bu javascirpt örneği pratikte ne işe yarayacak. Olumsuz bir soru ise öncelikli olarak bunu olumlu hale getirin. Acaba böyle örnek javascript kodu nasıl geliştirilebilir. Eğer bu kodlamaya URL den bilgi almayı eklerseniz bir web sayfasının kelimelerini bulabilirsiniz.

SEO çalışmasında kelime frekansı ve kelime komşuluğu ölçülmesi gereken değerlerdir. Hedef kelimenizi %3 kullandınız mı. Eğer yeterince kullanmadıysanız arama motoru o kelimede sizi öne geçirmez.


Tarih 09.07.2022 Cumartesi (Kurban Bayramı 1. Gün)
Bu sayfanın TEKİL ziyaretçi sayısı: 308

Web Bölümü Anasayfa