{"id":3662,"date":"2022-04-13T14:56:22","date_gmt":"2022-04-13T14:56:22","guid":{"rendered":"https:\/\/www.turkticaret.net\/blog\/?p=3662"},"modified":"2022-04-13T14:58:39","modified_gmt":"2022-04-13T14:58:39","slug":"javascript-nedir","status":"publish","type":"post","link":"https:\/\/www.turkticaret.net\/blog\/javascript-nedir\/","title":{"rendered":"JavaScript Nedir?"},"content":{"rendered":"

Hi\u00e7 ”JavaScript nedir, ne i\u00e7in kullan\u0131l\u0131r” diye merak ettiniz mi? Yaln\u0131z de\u011filsiniz. JavaScript’in ne oldu\u011funu, JavaScript’in ni\u00e7in kullan\u0131ld\u0131\u011f\u0131n\u0131 ve <\/span>Ja<\/span>vaScript’i programlama dili olarak neden kulland\u0131\u011f\u0131m\u0131z\u0131 makalemizin detaylar\u0131nda a\u00e7\u0131klayaca\u011f\u0131z.<\/span><\/p>\n

\"JavaScript<\/p>\n

JavaScript Nedir?<\/span><\/h2>\n

JavaScript, hem istemci taraf\u0131nda hem de sunucu taraf\u0131nda kullan\u0131lan ve web sayfalar\u0131n\u0131 etkile\u015fimli hale getirmenizi sa\u011flayan metin tabanl\u0131 bir programlama dilidir. <\/span>HTML ve CSS, web sayfalar\u0131na stil ve yap\u0131 kazand\u0131r\u0131r. JavaScript, kullan\u0131c\u0131n\u0131n ilgisini \u00e7eken etkile\u015fimli \u00f6\u011feler eklenmesini sa\u011flar. Web geli\u015ftirme, web uygulamalar\u0131, oyun geli\u015ftirme ve \u00e7ok daha fazlas\u0131 i\u00e7in kullan\u0131lan dinamik bir programlama dilidir. Yaln\u0131zca HTML ve CSS ile yap\u0131lamayacak dinamik \u00f6zellikleri web sayfalar\u0131nda uygulaman\u0131za olanak tan\u0131r.<\/span><\/p>\n

Javascript Dom Nedir?<\/h3>\n

JS DOM (Document Object Model – Belge Nesne Modeli), geli\u015ftiricilerin bir web sitesinin i\u00e7eri\u011fini, yap\u0131s\u0131n\u0131 ve stilini de\u011fi\u015ftirmesine olanak tan\u0131yan bir aray\u00fczd\u00fcr.<\/p>\n

Javascript Alert Nedir?<\/h3>\n

JS alert<\/span><\/strong>, sanal bir uyar\u0131 kutusu g\u00f6r\u00fcnt\u00fclemek i\u00e7in kullan\u0131l\u0131r.\u00a0\u00c7o\u011funlukla kullan\u0131c\u0131lara uyar\u0131 mesaj\u0131 vermek i\u00e7in kullan\u0131lmaktad\u0131r. Belirli bir mesajdan ve bir tamam d\u00fc\u011fmesinden olu\u015fan bir uyar\u0131 ileti\u015fim kutusudur.. \u0130leti\u015fim kutusu a\u00e7\u0131ld\u0131\u011f\u0131nda, devam etmek i\u00e7in “Tamam”\u00a0 d\u00fc\u011fmesini t\u0131klamal\u0131s\u0131n\u0131z.<\/span><\/p>\n

JavaScript\u00a0 Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/span><\/h2>\n

Ya .js dosyas\u0131na dahil edilmi\u015ftir ya da web sayfas\u0131na g\u00f6m\u00fcl\u00fc durumdad\u0131r. A<\/span>yn\u0131 zamanda bir “istemci taraf\u0131” dilidir. Asl\u0131nda bak\u0131l\u0131r ise web sayfas\u0131na kodu eklemek son derece basit bir i\u015flemdir. <script> etiketleri kullan\u0131larak ve bunlara text\/javascript type niteli\u011fi verilerek bir sayfan\u0131n koduna do\u011frudan eklenebilir.\u00a0<\/span><\/p>\n

Neden Java Script Kullanmal\u0131y\u0131m?<\/h2>\n

En pop\u00fcler dildir, <\/span>web sayfalar\u0131n\u0131 dinamik<\/strong> hale getirir. JavaScript’ten \u00f6nce web sayfalar\u0131 yaln\u0131zca HTML ve CSS ile olu\u015fturulmu\u015ftur. HTML ve CSS, yaln\u0131zca stillendirilebilen ancak etkile\u015fimli olmayan statik sayfalar olu\u015fturabilir. Google, YouTube ve Facebook dahil olmak \u00fczere en pop\u00fcler web sitelerinden baz\u0131lar\u0131 JS ile olu\u015fturulmu\u015ftur. Ayr\u0131ca \u00f6\u011frenmesi e\u011flenceli bir dildir.<\/p>\n

\u00a0Geli\u015ftiricilerin a\u015fa\u011f\u0131daki \u00f6zellikleri uygulamas\u0131na olanak tan\u0131maktad\u0131r:<\/span><\/p>\n

    \n
  • Men\u00fcleri veya bilgileri g\u00f6sterme \/ gizleme<\/span><\/li>\n
  • Fare efektleri ekleme<\/span><\/li>\n
  • D\u00f6nen formatta resim galerileri olu\u015fturma<\/span><\/li>\n
  • G\u00f6rseli yak\u0131nla\u015ft\u0131rma \/ uzakla\u015ft\u0131rma<\/span><\/li>\n
  • Sayfaya ses \/ video oynatabilme<\/span><\/li>\n
  • Animasyon ekleyebilme<\/span><\/li>\n
  • A\u00e7\u0131l\u0131r men\u00fc tarz\u0131 men\u00fcler olu\u015fturabilme<\/span><\/li>\n<\/ul>\n

    Java Scrip Avantaj ve Dezavantajlar\u0131<\/h2>\n
      \n
    • Etkile\u015fim: <\/span><\/strong>W<\/span>eb siteleri, dil daha zengin ve daha \u00e7ekici aray\u00fczler olu\u015fturdu\u011fundan, kullan\u0131c\u0131lar i\u00e7in daha etkile\u015fimli ve \u00e7ekicidir.<\/span><\/li>\n
    • H\u0131z:<\/span><\/strong> Taray\u0131c\u0131da hemen \u00e7al\u0131\u015ft\u0131r\u0131labilece\u011finden, web siteleri daha y\u00fcksek h\u0131zda y\u00fcklenir ve \u00e7al\u0131\u015f\u0131r.\u00a0<\/span><\/li>\n
    • Kolayl\u0131k:<\/span><\/strong>\u00a0Uygulamas\u0131 basittir ve kullan\u0131m\u0131 genellikle yaln\u0131zca temel d\u00fczeyde bilgi gerektirir.<\/span><\/li>\n
    • Entegrasyon:<\/span><\/strong> Di\u011fer bir\u00e7ok programlama diliyle iyi \u00e7al\u0131\u015f\u0131r ve bir dizi farkl\u0131 uygulamaya entegre olmay\u0131 m\u00fcmk\u00fcn k\u0131lar.<\/span><\/li>\n
    • Pop\u00fclerlik:<\/span><\/strong> \u0130Olduk\u00e7a pop\u00fclerdir. \u00c7o\u011fu web sitesi JavaScript’i bir \u015fekilde kullan\u0131r.\u00a0<\/span><\/li>\n<\/ul>\n

      Di\u011fer programlama dilleri gibi JavaScript’in de g\u00f6z \u00f6n\u00fcnde bulundurman\u0131z gereken birka\u00e7 s\u0131n\u0131r\u0131 vard\u0131r.\u00a0JavaScript kullanman\u0131n dezavantajlar\u0131ndan baz\u0131lar\u0131 \u015funlard\u0131r:<\/span><\/p>\n

        \n
      • Taray\u0131c\u0131 uyumlulu\u011fu<\/span><\/strong> \u2012 Farkl\u0131 web taray\u0131c\u0131lar\u0131 JavaScript kodunu farkl\u0131 yorumlayarak tutars\u0131zl\u0131\u011fa neden olur. Bu nedenle, kullan\u0131c\u0131 deneyimine zarar vermemek i\u00e7in JavaScript komut dosyan\u0131z\u0131 eski s\u00fcr\u00fcmleri de dahil olmak \u00fczere t\u00fcm pop\u00fcler web taray\u0131c\u0131lar\u0131nda test etmelisiniz.<\/span><\/li>\n
      • G\u00fcvenlik<\/span><\/strong> \u2012 \u0130stemci taraf\u0131nda \u00e7al\u0131\u015fan kodu, k\u00f6t\u00fc niyetli kullan\u0131c\u0131lar taraf\u0131ndan istismara a\u00e7\u0131kt\u0131r.<\/span><\/li>\n
      • Hata ay\u0131klama<\/span><\/strong> \u2012 Baz\u0131 HTML d\u00fczenleyicileri hata ay\u0131klamay\u0131 desteklerken, JavaScript di\u011fer d\u00fczenleyicilerden daha az verimlidirler. Taray\u0131c\u0131lar hatalar i\u00e7in herhangi bir uyar\u0131 g\u00f6stermedi\u011finden, sorunu bulmak zor olabilir.<\/span><\/li>\n<\/ul>\n

        Web Sitelerine Java Script Ekleme<\/h2>\n

        HTML sayfalar\u0131na kodu eklemenin dahili ve harici olmak \u00fczere iki yolu vard\u0131r. Dahili JavaScript, t\u00fcm JavaScript kodunu kaps\u00fcllemek i\u00e7in HTML komut dosyas\u0131n\u0131n g\u00f6vdesindeki <script> etiketlerini kullan\u0131r. Bir HTML olay \u00f6zniteli\u011fine bir komut dosyas\u0131 g\u00f6merek, taray\u0131c\u0131dan tetiklendi\u011finde bir olay\u0131 y\u00fcr\u00fctmesini isteyebilirsiniz. Bu t\u00fcr komut dosyas\u0131 sat\u0131r i\u00e7i JavaScript olarak adland\u0131r\u0131l\u0131r. Harici JavaScript, kodu ayr\u0131 bir .js dosyas\u0131nda saklamay\u0131 ve ard\u0131ndan onu HTML sayfas\u0131nda \u00e7a\u011f\u0131rmay\u0131 i\u00e7erir. Geli\u015ftiriciler, komut dosyalar\u0131n\u0131 d\u00fczenli tuttu\u011fu i\u00e7in b\u00fcy\u00fck projeler \u00fczerinde \u00e7al\u0131\u015f\u0131rken genellikle bu yakla\u015f\u0131m\u0131 kullan\u0131r. Ayr\u0131ca, komut dosyalar\u0131n\u0131 birden \u00e7ok HTML sayfas\u0131nda yeniden kullanman\u0131za olanak tan\u0131r; bu, bir\u00e7ok geli\u015ftiricinin \u00e7ok de\u011fer verdi\u011fi bir \u015feydir. Bir metin d\u00fczenleyici kullanarak JavaScript kodu de\u011fi\u015ftirebilir ve olu\u015fturabilirsiniz.<\/p>\n

        Java Script Google Taraf\u0131ndan Okunur Mu?<\/h2>\n

        Google’\u0131n JavaScript’i \u00e7al\u0131\u015ft\u0131rabildi\u011fini ve \u00e7ok say\u0131da uygulamayla dizine ekleyebildi\u011fini do\u011frulayan bir dizi test ger\u00e7ekle\u015ftirilmi\u015ftir. <\/span>Ayr\u0131ca Google’\u0131n t\u00fcm sayfay\u0131 olu\u015fturabildi\u011fini,\u00a0 DOM’yi okuyabildi\u011fini ve b\u00f6ylece dinamik olarak olu\u015fturulmu\u015f i\u00e7eri\u011fi dizine ekleyebildi\u011fi do\u011frulanm\u0131\u015ft\u0131r.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

        Hi\u00e7 ”JavaScript nedir, ne i\u00e7in kullan\u0131l\u0131r” diye merak ettiniz mi? Yaln\u0131z de\u011filsiniz. JavaScript’in ne oldu\u011funu, JavaScript’in ni\u00e7in kullan\u0131ld\u0131\u011f\u0131n\u0131 ve JavaScript’i programlama dili olarak neden kulland\u0131\u011f\u0131m\u0131z\u0131 makalemizin detaylar\u0131nda a\u00e7\u0131klayaca\u011f\u0131z. JavaScript Nedir? JavaScript, hem istemci taraf\u0131nda hem de sunucu taraf\u0131nda kullan\u0131lan ve web sayfalar\u0131n\u0131 etkile\u015fimli hale getirmenizi sa\u011flayan metin tabanl\u0131 bir programlama dilidir. HTML ve CSS, web […]<\/p>\n","protected":false},"author":2,"featured_media":3664,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[51,55],"tags":[],"_links":{"self":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts\/3662"}],"collection":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/comments?post=3662"}],"version-history":[{"count":1,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts\/3662\/revisions"}],"predecessor-version":[{"id":3665,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts\/3662\/revisions\/3665"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/media\/3664"}],"wp:attachment":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/media?parent=3662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/categories?post=3662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/tags?post=3662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}