Web geli\u015ftirme d\u00fcnyas\u0131na ad\u0131m atmak m\u0131 istiyorsunuz, ancak JavaScript’in karma\u015f\u0131kl\u0131\u011f\u0131 g\u00f6z\u00fcn\u00fcz\u00fc m\u00fc korkutuyor? Hi\u00e7 merak etmeyin, do\u011fru yerdesiniz! Bu kapsaml\u0131 rehber, \u201c60 G\u00fcnl\u00fck JavaScript: Ba\u015flang\u0131\u00e7tan Orta Seviyeye Tam K\u0131lavuz\u201d ile en temel konulardan ileri d\u00fczey uygulamalara kadar uzanan, size \u00f6zel tasarlanm\u0131\u015f bir yol haritas\u0131 sunuyor. Amac\u0131m\u0131z, bu 60 g\u00fcnl\u00fck ser\u00fcvenin sonunda kendinize g\u00fcvenen, ger\u00e7ek d\u00fcnya projeleri geli\u015ftirebilen bir JavaScript geli\u015ftiricisi olman\u0131z\u0131 sa\u011flamak.<\/p>\n

\n Uzman \u0130pucu: Her g\u00fcn k\u00fc\u00e7\u00fck ad\u0131mlar atmak, b\u00fcy\u00fck hedeflere ula\u015fman\u0131n anahtar\u0131d\u0131r. Disiplinli bir \u00e7al\u0131\u015fma plan\u0131 ile 60 g\u00fcn sonunda bekledi\u011finizden \u00e7ok daha fazlas\u0131n\u0131 ba\u015farabilirsiniz!\n<\/div>\n

G\u00fcn\u00fcm\u00fcz\u00fcn dijital d\u00fcnyas\u0131nda, internet siteleri ve uygulamalar hayat\u0131m\u0131z\u0131n vazge\u00e7ilmez bir par\u00e7as\u0131 haline gelmi\u015ftir. Bu dinamik ve interaktif deneyimleri m\u00fcmk\u00fcn k\u0131lan temel teknolojilerden biri ise \u015f\u00fcphesiz JavaScript’tir. Peki, JavaScript \u00f6\u011frenmek i\u00e7in neden bu kadar iyi bir zaman? \u00d6ncelikle, web geli\u015ftirme end\u00fcstrisinin kalbinde yer al\u0131r. Taray\u0131c\u0131da \u00e7al\u0131\u015fan tek programlama dili olmas\u0131, onu frontend (\u00f6n y\u00fcz) geli\u015ftirmede mutlak bir g\u00fc\u00e7 haline getirir. Ancak sadece bununla kalmaz; Node.js sayesinde backend (arka y\u00fcz) geli\u015ftirmede, React Native ve Electron gibi framework’ler ile mobil ve masa\u00fcst\u00fc uygulama geli\u015ftirmede de aktif olarak kullan\u0131l\u0131r. Bu \u00e7e\u015fitlilik, JavaScript’i \u00f6\u011frenen birine inan\u0131lmaz bir kariyer esnekli\u011fi sunar. Ayr\u0131ca, JavaScript ekosistemi s\u00fcrekli b\u00fcy\u00fcyor ve geli\u015fiyor. Her y\u0131l yeni \u00f6zellikler, k\u00fct\u00fcphaneler ve ara\u00e7lar ekleniyor, bu da geli\u015ftiricilerin daha verimli ve g\u00fc\u00e7l\u00fc uygulamalar yaratmas\u0131na olanak tan\u0131yor.<\/p>\n

Bu h\u0131zla geli\u015fen teknoloji d\u00fcnyas\u0131nda rekabet\u00e7i kalmak, s\u00fcrekli \u00f6\u011frenmeyi ve kendinizi geli\u015ftirmeyi gerektirir. JavaScript’i anlamak, sadece kod yazmaktan \u00f6te, modern web uygulamalar\u0131n\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 kavramak demektir. Kullan\u0131c\u0131 deneyimini iyile\u015ftiren interaktif \u00f6zelliklerden, arka planda veri \u00e7ekme i\u015flemlerine kadar her \u015fey JavaScript ile \u015fekillenir. Dolay\u0131s\u0131yla, bu dile hakim olmak, sadece bir programlama dili bilmek de\u011fil, ayn\u0131 zamanda dijital d\u00fcnyan\u0131n gelece\u011fine y\u00f6n veren bir yetene\u011fe sahip olmak anlam\u0131na gelir. Bu nedenle, ister kariyerinizde yeni bir y\u00f6n aray\u0131n, ister mevcut becerilerinizi geli\u015ftirmek isteyin, JavaScript \u00f6\u011frenmek i\u00e7in en do\u011fru zaman \u015fimdi.<\/p>\n

Web Geli\u015ftirmenin Kalbindeki G\u00fc\u00e7: JavaScript Neden Bu Kadar Vazge\u00e7ilmez?<\/h3>\n
JavaScript’in web geli\u015ftirme i\u00e7in bu kadar vazge\u00e7ilmez olmas\u0131n\u0131n temel nedenlerinden biri, web taray\u0131c\u0131lar\u0131nda do\u011fal olarak \u00e7al\u0131\u015fabilen tek dil olmas\u0131d\u0131r. Bu \u00f6zellik, kullan\u0131c\u0131lar\u0131n etkile\u015fimde bulunabildi\u011fi, dinamik ve zengin kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak i\u00e7in kritik \u00f6neme sahiptir. Bir web sayfas\u0131ndaki form do\u011frulama, animasyonlar, slayt g\u00f6sterileri veya AJAX ile asenkron veri y\u00fckleme gibi t\u00fcm interaktif elementler JavaScript sayesinde hayat bulur. Dahas\u0131, modern web uygulamalar\u0131, geleneksel sayfa yenilemeleri yerine tek sayfa uygulamalar\u0131 (SPA – Single Page Application) konsepti \u00fczerine kuruludur. React, Angular ve Vue.js gibi pop\u00fcler JavaScript k\u00fct\u00fcphaneleri ve framework’leri, bu SPA’lar\u0131n geli\u015ftirilmesini kolayla\u015ft\u0131r\u0131r ve geli\u015ftiricilere ola\u011fan\u00fcst\u00fc ara\u00e7lar sunar.<\/p>\n
JavaScript’in g\u00fcc\u00fc sadece \u00f6n y\u00fcz ile s\u0131n\u0131rl\u0131 de\u011fildir. Node.js’in ortaya \u00e7\u0131kmas\u0131yla birlikte, JavaScript art\u0131k sunucu taraf\u0131nda da \u00e7al\u0131\u015fabilen tam te\u015fekk\u00fcll\u00fc bir dil haline gelmi\u015ftir. Bu durum, tam y\u0131\u011f\u0131n (full-stack) geli\u015ftiricilerin hem frontend hem de backend i\u00e7in tek bir dil kullanabilmesini sa\u011flayarak geli\u015ftirme s\u00fcrecini basitle\u015ftirir ve h\u0131zland\u0131r\u0131r. Bu tutarl\u0131l\u0131k, geli\u015ftiricilerin farkl\u0131 diller aras\u0131nda ge\u00e7i\u015f yapma ihtiyac\u0131n\u0131 ortadan kald\u0131r\u0131r ve projelerin daha verimli bir \u015fekilde y\u00f6netilmesine olanak tan\u0131r. MongoDB, Express.js, React\/Angular\/Vue.js ve Node.js’ten olu\u015fan MERN veya MEAN y\u0131\u011f\u0131n\u0131 gibi pop\u00fcler teknoloji y\u0131\u011f\u0131nlar\u0131, JavaScript’in her katmanda ne kadar etkili oldu\u011funu g\u00f6sterir. Bu geni\u015f ekosistem, s\u00fcrekli b\u00fcy\u00fcyen topluluk deste\u011fi ve zengin k\u00fct\u00fcphane havuzu, JavaScript’i sadece g\u00fcn\u00fcm\u00fcz\u00fcn de\u011fil, gelece\u011fin de anahtar programlama dillerinden biri yapmaktad\u0131r. Bu nedenlerle, modern web geli\u015ftirme d\u00fcnyas\u0131nda yer almak isteyen herkes i\u00e7in JavaScript bilgisi temel bir gerekliliktir.<\/p>\n

\u0130lk 30 G\u00fcn: JavaScript Temellerini Sa\u011flam Bir \u015eekilde Olu\u015fturmak<\/h2>\n
JavaScript \u00f6\u011frenme yolculu\u011funuzun ilk 30 g\u00fcn\u00fc, sa\u011flam bir temel olu\u015fturmaya odaklanacakt\u0131r. Bu d\u00f6nemde, programlama mant\u0131\u011f\u0131n\u0131 anlamak, temel s\u00f6zdizimi kurallar\u0131n\u0131 \u00f6\u011frenmek ve k\u00fc\u00e7\u00fck, ba\u011f\u0131ms\u0131z kod par\u00e7ac\u0131klar\u0131yla pratik yapmak esast\u0131r. De\u011fi\u015fkenler, veri tipleri, operat\u00f6rler gibi en temel kavramlarla ba\u015flayacak, ard\u0131ndan programlar\u0131n\u0131z\u0131n ak\u0131\u015f\u0131n\u0131 kontrol etmenizi sa\u011flayan ko\u015fullu ifadeleri ve d\u00f6ng\u00fcleri \u00f6\u011freneceksiniz. Fonksiyonlar, kodunuzu daha d\u00fczenli, yeniden kullan\u0131labilir ve okunabilir hale getirmenin anahtar\u0131d\u0131r. Bu konular\u0131 iyice kavramak, karma\u015f\u0131k problemleri daha k\u00fc\u00e7\u00fck, y\u00f6netilebilir par\u00e7alara ay\u0131rma becerisi kazanman\u0131z\u0131 sa\u011flayacakt\u0131r. Unutmay\u0131n, bu ilk a\u015fama, gelecekte in\u015fa edece\u011finiz t\u00fcm projeler i\u00e7in bir temel ta\u015f\u0131 g\u00f6revi g\u00f6r\u00fcr. Acele etmeyin, her konuyu derinlemesine anlamaya \u00e7al\u0131\u015f\u0131n ve bol bol pratik yap\u0131n. Her bir konuyu kavrad\u0131ktan sonra k\u00fc\u00e7\u00fck kod par\u00e7ac\u0131klar\u0131 yazarak veya basit al\u0131\u015ft\u0131rmalar\u0131 \u00e7\u00f6zerek \u00f6\u011frendiklerinizi peki\u015ftirmeniz hayati \u00f6nem ta\u015f\u0131r. Bu sayede, teorik bilginizi pratik uygulamalarla birle\u015ftirerek kal\u0131c\u0131 bir \u00f6\u011frenme deneyimi edineceksiniz. JavaScript’in temel mekaniklerini anlamak, ayn\u0131 zamanda di\u011fer programlama dillerine ge\u00e7i\u015f yaparken de size yard\u0131mc\u0131 olacak genel programlama prensiplerini kavraman\u0131z\u0131 sa\u011flayacakt\u0131r.<\/p>\n
DOM (Belge Nesne Modeli) manip\u00fclasyonu, web sayfalar\u0131yla etkile\u015fim kurman\u0131z\u0131 sa\u011flayan kritik bir konudur. Bu b\u00f6l\u00fcmde, HTML \u00f6\u011felerini nas\u0131l se\u00e7ece\u011finizi, \u00f6zelliklerini nas\u0131l de\u011fi\u015ftirece\u011finizi ve kullan\u0131c\u0131 etkile\u015fimlerine nas\u0131l yan\u0131t verece\u011finizi \u00f6\u011freneceksiniz. Bir buton t\u0131kland\u0131\u011f\u0131nda ne olaca\u011f\u0131n\u0131 belirlemek, bir form g\u00f6nderildi\u011finde verileri i\u015flemek veya bir eleman\u0131n stilini dinamik olarak de\u011fi\u015ftirmek gibi eylemler, DOM manip\u00fclasyonu ile ger\u00e7ekle\u015ftirilir. Bu beceri, statik web sayfalar\u0131n\u0131 dinamik ve etkile\u015fimli kullan\u0131c\u0131 deneyimlerine d\u00f6n\u00fc\u015ft\u00fcrmek i\u00e7in vazge\u00e7ilmezdir. Dolay\u0131s\u0131yla, bu ilk 30 g\u00fcn boyunca sadece JavaScript’in dil yap\u0131s\u0131n\u0131 de\u011fil, ayn\u0131 zamanda bu dili web sayfalar\u0131na uygulamak i\u00e7in gerekli olan ara\u00e7lar\u0131 da \u00f6\u011freneceksiniz. Bu a\u015famay\u0131 tamamlad\u0131\u011f\u0131n\u0131zda, basit ama i\u015flevsel web uygulamalar\u0131 olu\u015fturabilecek temel yeteneklere sahip olacaks\u0131n\u0131z.<\/p>\n

De\u011fi\u015fkenler, Veri Tipleri ve Operat\u00f6rler: Yap\u0131 Ta\u015flar\u0131 Nelerdir?<\/h3>\n

JavaScript’te de\u011fi\u015fkenler, bilgiyi depolamak i\u00e7in kullan\u0131lan adland\u0131r\u0131lm\u0131\u015f kaplard\u0131r. let<\/code> ve const<\/code> anahtar kelimeleriyle tan\u0131mlan\u0131rlar. let<\/code>, de\u011feri daha sonra de\u011fi\u015ftirilebilen de\u011fi\u015fkenler i\u00e7in kullan\u0131l\u0131rken, const<\/code>, de\u011feri bir kez atand\u0131ktan sonra de\u011fi\u015ftirilemeyen (sabit) de\u011fi\u015fkenler i\u00e7indir. Veri tipleri ise depolanan bilginin t\u00fcr\u00fcn\u00fc ifade eder; bunlar aras\u0131nda say\u0131lar (numbers), metinler (strings), do\u011fru\/yanl\u0131\u015f de\u011ferleri (booleans), diziler (arrays) ve nesneler (objects) bulunur. Operat\u00f6rler ise bu de\u011fi\u015fkenler ve de\u011ferler \u00fczerinde i\u015flemler yapmam\u0131z\u0131 sa\u011flar; \u00f6rne\u011fin, aritmetik operat\u00f6rler (+, -, *, \/) matematiksel i\u015flemler i\u00e7in, kar\u015f\u0131la\u015ft\u0131rma operat\u00f6rleri (==, ===, >, <) de\u011ferleri kar\u015f\u0131la\u015ft\u0131rmak i\u00e7in ve mant\u0131ksal operat\u00f6rler (&&, ||, !) ko\u015fullar\u0131 birle\u015ftirmek i\u00e7in kullan\u0131l\u0131r. Bu temel yap\u0131 ta\u015flar\u0131n\u0131 anlamak, programlama mant\u0131\u011f\u0131n\u0131 kurman\u0131n ilk ad\u0131m\u0131d\u0131r.<\/p>\n

A\u015fa\u011f\u0131daki kod \u00f6rne\u011fi, de\u011fi\u015fken tan\u0131mlama, farkl\u0131 veri tipleri ve basit operat\u00f6r kullan\u0131mlar\u0131n\u0131 g\u00f6stermektedir:<\/p>\n

\nlet ogrenciAdi = \"Ay\u015fe Y\u0131lmaz\"; \/\/ String veri tipi\nconst ogrenciNumarasi = 12345; \/\/ Number veri tipi\nlet aktifMi = true; \/\/ Boolean veri tipi\n\nlet yas = 20;\nlet dogumYili = 2023 - yas; \/\/ Aritmetik operat\u00f6r\n\nconsole.log(\"\u00d6\u011frenci Ad\u0131:\", ogrenciAdi);\nconsole.log(\"\u00d6\u011frenci Numaras\u0131:\", ogrenciNumarasi);\nconsole.log(\"Aktif Mi:\", aktifMi);\nconsole.log(\"Do\u011fum Y\u0131l\u0131:\", dogumYili);\n\nlet mesaj = \"Merhaba \" + ogrenciAdi + \"! Ho\u015f geldin.\"; \/\/ String birle\u015ftirme\nconsole.log(mesaj);\n\nlet esitMi = (ogrenciNumarasi === 12345); \/\/ Kar\u015f\u0131la\u015ft\u0131rma operat\u00f6r\u00fc\nconsole.log(\"\u00d6\u011frenci numaras\u0131 12345'e e\u015fit mi?\", esitMi);\n<\/pre>\n<\/code><\/p>\n
Bu \u00f6rnekte g\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, let<\/code> ile ogrenciAdi<\/code> ve yas<\/code> gibi de\u011ferleri de\u011fi\u015febilecek de\u011fi\u015fkenler tan\u0131mlarken, const<\/code> ile ogrenciNumarasi<\/code> gibi sabit bir de\u011fer atad\u0131k. typeof<\/code> operat\u00f6r\u00fcn\u00fc kullanarak bir de\u011fi\u015fkenin veri tipini kontrol edebiliriz, bu da hata ay\u0131klama ve kodunuzu daha iyi anlamak i\u00e7in olduk\u00e7a faydal\u0131d\u0131r. Ayr\u0131ca, metinleri birle\u015ftirmek i\u00e7in +<\/code> operat\u00f6r\u00fcn\u00fc ve de\u011ferleri kar\u015f\u0131la\u015ft\u0131rmak i\u00e7in ===<\/code> operat\u00f6r\u00fcn\u00fc kulland\u0131k. Bu operat\u00f6rler ve veri tipleri, JavaScript'in temelini olu\u015fturur ve g\u00fcnl\u00fck kod yazma pratiklerinizde s\u00fcrekli olarak kar\u015f\u0131n\u0131za \u00e7\u0131kacakt\u0131r.<\/p>\n
Ak\u0131\u015f Kontrol\u00fc ve D\u00f6ng\u00fcler: Kodunuz Nas\u0131l Karar Al\u0131r ve Tekrarlar?<\/h3>\nAk\u0131\u015f kontrol\u00fc, programlar\u0131n\u0131z\u0131n belirli ko\u015fullara g\u00f6re farkl\u0131 yollar izlemesini sa\u011flar. if<\/code>, else if<\/code> ve else<\/code> ifadeleri, bu kararlar\u0131 alman\u0131n temel yoludur. \u00d6rne\u011fin, bir kullan\u0131c\u0131n\u0131n ya\u015f\u0131n\u0131 kontrol edip belirli bir eylemi ger\u00e7ekle\u015ftirmek isteyebilirsiniz. D\u00f6ng\u00fcler ise bir kod blo\u011funu belirli bir ko\u015ful do\u011fru oldu\u011fu s\u00fcrece veya belirli bir say\u0131da tekrarlamak i\u00e7in kullan\u0131l\u0131r. for<\/code> d\u00f6ng\u00fcs\u00fc, belirli bir aral\u0131ktaki say\u0131lar \u00fczerinde i\u015flem yapmak veya bir dizideki her \u00f6\u011feyi gezmek i\u00e7in idealdir. while<\/code> d\u00f6ng\u00fcs\u00fc ise bir ko\u015ful do\u011fru oldu\u011fu s\u00fcrece \u00e7al\u0131\u015fmaya devam eder. Bu yap\u0131lar, programlar\u0131n\u0131za zeka katman\u0131n ve tekrarlayan g\u00f6revleri otomatikle\u015ftirmenin anahtar\u0131d\u0131r.<\/p>\n
A\u015fa\u011f\u0131da basit bir if\/else<\/code> yap\u0131s\u0131 ve bir for<\/code> d\u00f6ng\u00fcs\u00fc \u00f6rne\u011fi bulunmaktad\u0131r:<\/p>\n
\nlet havaDurumu = \"ya\u011fmurlu\";\n\nif (havaDurumu === \"g\u00fcne\u015fli\") {\n  console.log(\"Hava g\u00fcne\u015fli, d\u0131\u015far\u0131 \u00e7\u0131kabilirsin!\");\n} else if (havaDurumu === \"bulutlu\") {\n  console.log(\"Hava bulutlu, \u015femsiyeni almay\u0131 unutma.\");\n} else {\n  console.log(\"Hava ya\u011fmurlu, evde kal\u0131p kod yazmak i\u00e7in harika bir g\u00fcn!\");\n}\n\nconsole.log(\"\\n1'den 5'e kadar say\u0131lar:\");\nfor (let i = 1; i <= 5; i++) {\n  console.log(i);\n}\n\nconsole.log(\"\\n\u00c7ift say\u0131lar:\");\nlet sayilar = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\nfor (let i = 0; i < sayilar.length; i++) {\n  if (sayilar[i] % 2 === 0) {\n    console.log(sayilar[i]);\n  }\n}\n<\/pre>\n<\/code><\/p>\n
Bu kod par\u00e7as\u0131, if-else if-else<\/code> yap\u0131s\u0131 ile farkl\u0131 hava durumu senaryolar\u0131na g\u00f6re farkl\u0131 mesajlar g\u00f6steriyor. Ayr\u0131ca, for<\/code> d\u00f6ng\u00fcs\u00fcn\u00fcn nas\u0131l kullan\u0131labilece\u011fini iki farkl\u0131 senaryoda g\u00f6sterdik: belirli bir aral\u0131kta saymak ve bir dizideki \u00f6\u011feler \u00fczerinde ko\u015fullu i\u015flem yapmak. \u00d6zellikle ikinci for<\/code> d\u00f6ng\u00fcs\u00fc \u00f6rne\u011finde, bir dizideki elemanlar\u0131 kontrol edip sadece \u00e7ift say\u0131lar\u0131 ekrana yazd\u0131rarak ak\u0131\u015f kontrol\u00fc ve d\u00f6ng\u00fclerin birlikte nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 sergilemi\u015f olduk. Bu mekanizmalar, karma\u015f\u0131k mant\u0131klar\u0131 uygulamak ve veri setleri \u00fczerinde i\u015flem yapmak i\u00e7in vazge\u00e7ilmez ara\u00e7lard\u0131r. Bu konular\u0131 iyi kavramak, daha ileri seviye JavaScript konular\u0131na ge\u00e7i\u015f yaparken size b\u00fcy\u00fck avantaj sa\u011flayacakt\u0131r.<\/p>\n
Fonksiyonlar: Kodunuzu Mod\u00fcler Hale Getirmenin S\u0131rr\u0131<\/h3>\nFonksiyonlar, belirli bir g\u00f6revi yerine getiren kod bloklar\u0131d\u0131r. Kodunuzu b\u00f6l\u00fcmlere ay\u0131rarak daha d\u00fczenli, okunabilir ve tekrar kullan\u0131labilir hale getirirler. Bir fonksiyon tan\u0131mlad\u0131\u011f\u0131n\u0131zda, o kodu birden fazla yerde \u00e7a\u011f\u0131rmak i\u00e7in kullanabilirsiniz, bu da ayn\u0131 kodu tekrar tekrar yazma ihtiyac\u0131n\u0131 ortadan kald\u0131r\u0131r. JavaScript'te fonksiyonlar, ba\u011f\u0131ms\u0131z de\u011fi\u015fkenler alabilir ve bir de\u011fer d\u00f6nd\u00fcrebilirler. \u0130simlendirilmi\u015f fonksiyonlar, anonim fonksiyonlar ve ES6 ile gelen ok fonksiyonlar\u0131 (arrow functions) gibi farkl\u0131 tan\u0131mlama yollar\u0131 vard\u0131r. Ok fonksiyonlar\u0131 \u00f6zellikle k\u0131sa ve tek sat\u0131rl\u0131k i\u015flemler i\u00e7in modern ve concis (\u00f6zl\u00fc) bir yol sunar. Fonksiyonlar\u0131 anlamak, yaz\u0131l\u0131m geli\u015ftirmenin temel prensiplerinden biri olan mod\u00fclerlik ve DRY (Don't Repeat Yourself - Kendini Tekrar Etme) prensibini uygulaman\u0131z\u0131 sa\u011flar.<\/p>\n
A\u015fa\u011f\u0131da fonksiyon tan\u0131mlama ve kullanma \u00f6rnekleri verilmi\u015ftir:<\/p>\n
\n\/\/ Geleneksel fonksiyon tan\u0131m\u0131\nfunction selamlama(isim) {\n  return \"Merhaba, \" + isim + \"!\";\n}\n\nconsole.log(selamlama(\"Ali\")); \/\/ \u00c7\u0131kt\u0131: Merhaba, Ali!\n\n\/\/ Ok fonksiyonu (Arrow Function) tan\u0131m\u0131\nconst kareAl = (sayi) => {\n  return sayi * sayi;\n};\n\nconsole.log(kareAl(5)); \/\/ \u00c7\u0131kt\u0131: 25\n\n\/\/ Tek sat\u0131rl\u0131k ok fonksiyonu (implied return)\nconst toplam = (a, b) => a + b;\n\nconsole.log(toplam(10, 20)); \/\/ \u00c7\u0131kt\u0131: 30\n\n\/\/ Parametresiz fonksiyon\nfunction bugununTarihi() {\n  const tarih = new Date();\n  return tarih.toLocaleDateString();\n}\n\nconsole.log(\"Bug\u00fcn\u00fcn tarihi:\", bugununTarihi());\n<\/pre>\n<\/code><\/p>\n
Bu \u00f6rneklerde, selamlama<\/code> fonksiyonu bir isim parametresi al\u0131p bir mesaj d\u00f6nd\u00fcr\u00fcrken, kareAl<\/code> fonksiyonu bir say\u0131n\u0131n karesini hesaplar. toplam<\/code> fonksiyonu, tek sat\u0131rl\u0131k ok fonksiyonu olmas\u0131n\u0131n getirdi\u011fi bir kolayl\u0131kla, return<\/code> anahtar kelimesini kullanmadan do\u011frudan de\u011feri d\u00f6nd\u00fcr\u00fcr. Son olarak, bugununTarihi<\/code> fonksiyonu parametre almadan g\u00fcncel tarihi d\u00f6nd\u00fcr\u00fcr. Fonksiyonlar, karma\u015f\u0131k programlar\u0131 daha k\u00fc\u00e7\u00fck, y\u00f6netilebilir ve yeniden kullan\u0131labilir par\u00e7alara ay\u0131rarak kod kalitesini art\u0131r\u0131r ve b\u00fcy\u00fck projelerde geli\u015ftirme s\u00fcrecini \u00f6nemli \u00f6l\u00e7\u00fcde h\u0131zland\u0131r\u0131r. Bu prensipleri erken a\u015famada \u00f6\u011frenmek, daha s\u00fcrd\u00fcr\u00fclebilir ve hatas\u0131z kod yazman\u0131za yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n
DOM Manip\u00fclasyonu: Web Sayfalar\u0131n\u0131 Canland\u0131rma Sanat\u0131<\/h3>\nDOM (Document Object Model) manip\u00fclasyonu, JavaScript'in en g\u00fc\u00e7l\u00fc y\u00f6nlerinden biridir. Bu, bir web sayfas\u0131n\u0131n HTML ve XML belgelerinin programatik olarak de\u011fi\u015ftirilebilmesini sa\u011flayan bir programlama aray\u00fcz\u00fcd\u00fcr. K\u0131sacas\u0131, JavaScript kodunuz arac\u0131l\u0131\u011f\u0131yla HTML \u00f6\u011felerini se\u00e7ebilir, i\u00e7eriklerini de\u011fi\u015ftirebilir, stil tan\u0131mlamalar\u0131n\u0131 g\u00fcncelleyebilir, hatta yeni \u00f6\u011feler ekleyebilir veya mevcut \u00f6\u011feleri kald\u0131rabilirsiniz. Bir kullan\u0131c\u0131n\u0131n bir butona t\u0131klamas\u0131yla bir metnin g\u00f6r\u00fcnmesini veya bir resmin de\u011fi\u015fmesini sa\u011flamak, bir form g\u00f6nderildi\u011finde verileri do\u011frulamak veya dinamik i\u00e7erik y\u00fcklemek gibi t\u00fcm interaktif \u00f6zellikler DOM manip\u00fclasyonu ile ger\u00e7ekle\u015ftirilir. Bu beceri, statik HTML sayfalar\u0131n\u0131 etkile\u015fimli ve dinamik web uygulamalar\u0131na d\u00f6n\u00fc\u015ft\u00fcrmenin temelidir.<\/p>\n
A\u015fa\u011f\u0131da basit bir DOM manip\u00fclasyonu \u00f6rne\u011fi bulunmaktad\u0131r:<\/p>\n
\n\nMerhaba D\u00fcnya!<\/h2>\n