{"id":12775,"date":"2025-02-18T00:30:13","date_gmt":"2025-02-17T21:30:13","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/javascripte-baslangic-rehberi-yeni-baslayanlar-icin\/"},"modified":"2025-02-18T00:30:13","modified_gmt":"2025-02-17T21:30:13","slug":"javascripte-baslangic-rehberi-yeni-baslayanlar-icin","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascripte-baslangic-rehberi-yeni-baslayanlar-icin\/","title":{"rendered":"JavaScript’e Ba\u015flang\u0131\u00e7 Rehberi: Yeni Ba\u015flayanlar \u0130\u00e7in"},"content":{"rendered":"

<\/p>\n

JavaScript’e Ba\u015flang\u0131\u00e7 Rehberi: Yeni Ba\u015flayanlar \u0130\u00e7in<\/p>\n

Merhaba! Ben Fatih Soysal ve bu rehberde birlikte JavaScript’in temellerini \u00f6\u011frenece\u011fiz. JavaScript, web d\u00fcnyas\u0131n\u0131n olmazsa olmazlar\u0131ndan biridir ve etkile\u015fimli web sayfalar\u0131 olu\u015fturmak i\u00e7in kullan\u0131l\u0131r. Bu rehber, tamamen yeni ba\u015flayanlar i\u00e7in tasarlanm\u0131\u015ft\u0131r ve ad\u0131m ad\u0131m ilerleyece\u011fiz. \u00d6ncelikle, JavaScript’in ne oldu\u011funu anlamam\u0131z gerekiyor. <\/p>\n

JavaScript Nedir?<\/h2>\n

K\u0131saca, JavaScript bir programlama dilidir. Ancak di\u011fer programlama dillerinden farkl\u0131 olarak, \u00f6zellikle web taray\u0131c\u0131lar\u0131nda \u00e7al\u0131\u015f\u0131r. Web sayfalar\u0131na dinamizm, interaktivite ve hareketlilik kazand\u0131r\u0131r. \u00d6rne\u011fin, bir web sayfas\u0131ndaki bir butona t\u0131klad\u0131\u011f\u0131n\u0131zda ger\u00e7ekle\u015fen olaylar, JavaScript sayesinde olur. Ayr\u0131ca, web uygulamalar\u0131n\u0131n arka plan\u0131nda da \u00e7al\u0131\u015fabilir. Bu y\u00fczden web geli\u015ftirme i\u00e7in olmazsa olmaz bir dildir.<\/p>\n

Temel Kavramlar<\/h2>\n

JavaScript’te temel kavramlardan baz\u0131lar\u0131 de\u011fi\u015fkenler, veri tipleri ve operat\u00f6rlerdir. De\u011fi\u015fkenler, verileri saklamak i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir kullan\u0131c\u0131n\u0131n ad\u0131n\u0131 veya ya\u015f\u0131n\u0131 saklamak i\u00e7in de\u011fi\u015fkenler kullanabiliriz. Veri tipleri ise, de\u011fi\u015fkenlerin hangi t\u00fcr verileri saklad\u0131\u011f\u0131n\u0131 belirtir (\u00f6rne\u011fin, say\u0131, metin, boolean). Operat\u00f6rler ise, veriler \u00fczerinde i\u015flemler yapmak i\u00e7in kullan\u0131l\u0131r (\u00f6rne\u011fin, toplama, \u00e7\u0131karma, kar\u015f\u0131la\u015ft\u0131rma). <\/p>\n

\u0130\u015fte basit bir \u00f6rnek:<\/p>\n


\nlet ad = \"Fatih\";
\nlet yas = 30;
\nconsole.log(\"Ad\u0131m: \" + ad + \", Ya\u015f\u0131m: \" + yas);
\n<\/code><\/p>\n

Bu kod, “ad” adl\u0131 bir de\u011fi\u015fkende “Fatih” metnini, “yas” adl\u0131 bir de\u011fi\u015fkende 30 say\u0131s\u0131n\u0131 saklar ve daha sonra bu bilgileri konsola yazar. “console.log” fonksiyonu, JavaScript’te \u00e7\u0131kt\u0131 \u00fcretmek i\u00e7in kullan\u0131lan bir fonksiyondur.<\/p>\n

Kontrol Ak\u0131\u015f\u0131<\/h2>\n

Program\u0131n ak\u0131\u015f\u0131n\u0131 kontrol etmek i\u00e7in “if-else” ifadeleri ve d\u00f6ng\u00fcler kullan\u0131l\u0131r. “if-else” ifadeleri, belirli ko\u015fullar\u0131n do\u011fru olup olmad\u0131\u011f\u0131na g\u00f6re farkl\u0131 kod bloklar\u0131n\u0131 \u00e7al\u0131\u015ft\u0131rmak i\u00e7in kullan\u0131l\u0131r. D\u00f6ng\u00fcler ise, bir kod blo\u011funu tekrar tekrar \u00e7al\u0131\u015ft\u0131rmak i\u00e7in kullan\u0131l\u0131r.<\/p>\n

Bir \u00f6rnek:<\/p>\n


\nlet sayi = 10;
\nif (sayi > 5) {
\n console.log(\"Say\u0131 5'ten b\u00fcy\u00fck\");
\n} else {
\n console.log(\"Say\u0131 5'ten k\u00fc\u00e7\u00fck veya e\u015fit\");
\n}
\n<\/code><\/p>\n

Bu kod, “sayi” de\u011fi\u015fkeninin 5’ten b\u00fcy\u00fck olup olmad\u0131\u011f\u0131n\u0131 kontrol eder ve buna g\u00f6re farkl\u0131 bir mesaj yazd\u0131r\u0131r. Ba\u015fka bir deyi\u015fle, ko\u015fullara ba\u011fl\u0131 olarak farkl\u0131 i\u015flemler yap\u0131lmas\u0131n\u0131 sa\u011flar. Bu durum, program\u0131n ak\u0131\u015f\u0131n\u0131 kontrol etmemizi sa\u011flar.<\/p>\n

Fonksiyonlar<\/h2>\n

Fonksiyonlar, belirli bir g\u00f6revi yerine getiren kod bloklar\u0131d\u0131r. Fonksiyonlar\u0131 kullanarak kodumuzu daha d\u00fczenli ve okunabilir hale getirebiliriz. Ayr\u0131ca, ayn\u0131 kodu tekrar tekrar yazmak yerine, fonksiyonlar\u0131 \u00e7a\u011f\u0131rarak kullanabiliriz. Bu, kodun yeniden kullan\u0131labilirli\u011fini art\u0131r\u0131r.<\/p>\n

Basit bir fonksiyon \u00f6rne\u011fi:<\/p>\n


\nfunction selamla(isim) {
\n console.log(\"Merhaba \" + isim + \"!\");
\n}
\nselamla(\"Fatih\");
\n<\/code><\/p>\n

Bu fonksiyon, verilen ismi parametre olarak al\u0131r ve “Merhaba [isim]!” mesaj\u0131n\u0131 yazd\u0131r\u0131r. Daha sonra, “selamla” fonksiyonu “Fatih” parametresi ile \u00e7a\u011fr\u0131l\u0131r. B\u00f6ylece, kodun daha mod\u00fcler ve okunabilir olmas\u0131n\u0131 sa\u011flar.<\/p>\n

\u00d6nemli Kaynaklar<\/h2>\n

JavaScript \u00f6\u011frenmek i\u00e7in bir\u00e7ok kaynak mevcuttur. \u0130\u015fte baz\u0131 \u00f6neriler:<\/p>\n