{"id":7703,"date":"2021-12-06T09:51:31","date_gmt":"2021-12-06T06:51:31","guid":{"rendered":"https:\/\/egegen.com\/blog\/?p=7703"},"modified":"2021-12-07T14:24:55","modified_gmt":"2021-12-07T11:24:55","slug":"javascript-nedir","status":"publish","type":"post","link":"https:\/\/egegen.com\/blog\/javascript-nedir\/","title":{"rendered":"Javascript Nedir, Ne \u0130\u015fe Yarar?"},"content":{"rendered":"\n<p>Bir script dili olan <strong>Javascript\u2019in ortaya \u00e7\u0131k\u0131\u015f\u0131<\/strong> 1990\u2019lara dayan\u0131r. 1990\u2019l\u0131 y\u0131llar\u0131n ortalar\u0131na gidildi\u011finde, o d\u00f6nemlerde taray\u0131c\u0131 piyasas\u0131nda var olan iki \u00f6nemli isim ile kar\u015f\u0131la\u015fmak m\u00fcmk\u00fcnd\u00fcr. Bunlar; Netscape ve Microsoft\u2019tur. O y\u0131llar\u0131n iki devi olarak g\u00f6r\u00fclen bu teknoloji firmalar\u0131n\u0131n kendi i\u00e7lerinde ciddi bir rekabet i\u00e7erisinde olduklar\u0131 bilinmektedir. Bu <strong>rekabetin ortaya \u00e7\u0131kard\u0131\u011f\u0131 geli\u015fim<\/strong> ise, Javascript dilidir.&nbsp;<\/p>\n\n\n\n<p>\u0130lk ortaya \u00e7\u0131kt\u0131\u011f\u0131 d\u00f6nemlerde <strong>Mocha olarak adland\u0131r\u0131lan bu programlama dili<\/strong>, Netscape\u2019in kendisi i\u00e7in \u00e7al\u0131\u015fan Brendan Eich\u2019e bir g\u00f6rev vermesi ile ortaya \u00e7\u0131km\u0131\u015ft\u0131r. Bu g\u00f6revin temelinde ise internet d\u00fcnyas\u0131n\u0131n daha dinamik bir yap\u0131ya kavu\u015fmas\u0131 gerekti\u011finin d\u00fc\u015f\u00fcn\u00fclmesidir. B\u00fct\u00fcn bunlar\u0131n bir sonucu olarak <strong>10 g\u00fcnl\u00fck \u00e7al\u0131\u015fma s\u00fcrecinin ard\u0131ndan<\/strong> s\u00f6z konusu script dili ortaya \u00e7\u0131km\u0131\u015ft\u0131r.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"864\" height=\"486\" src=\"https:\/\/egegen.com\/blog\/wp-content\/uploads\/2021\/12\/java_script_nedir_ne_ise_yarar.jpg\" alt=\"\" class=\"wp-image-7751\"\/><\/figure>\n\n\n\n<h2>Javascript Nedir?<\/h2>\n\n\n\n<p>Javascript, esasen <strong>web sayfalar\u0131n\u0131n daha dinamik ve interaktif bir yap\u0131ya kavu\u015fmas\u0131n\u0131<\/strong> sa\u011flayan ve g\u00fcn\u00fcm\u00fczde en \u00e7ok kullan\u0131lan programlama dilidir. Burada yer alan \u201cweb sayfalar\u0131n\u0131n dinamik yap\u0131ya kavu\u015fmas\u0131\u201d kavram\u0131n\u0131 detayl\u0131 bir \u015fekilde a\u00e7\u0131klamakta fayda vard\u0131r.<\/p>\n\n\n\n<p>Bir web sayfas\u0131n\u0131 meydana getiren iki temel unsur vard\u0131r. Bu unsurlar\u0131n ilki HTML, ikincisi ise CSS olarak kar\u015f\u0131m\u0131za \u00e7\u0131kmaktad\u0131r. Konumuz ile ba\u011flant\u0131l\u0131 olarak g\u00f6r\u00fclmeyen bu iki kavram, Javascript\u2019i daha net bir \u015fekilde anlamam\u0131za ve Javascript&#8217;in <strong><a href=\"https:\/\/egegen.com\/web-tasarim\">web tasar\u0131m<\/a><\/strong> s\u00fcrecindeki etkisini kavramam\u0131za yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n\n\n\n<p>Web sayfas\u0131nda yer alan ba\u015fl\u0131klar, paragraflar ve i\u00e7erikler <strong>HTML arac\u0131l\u0131\u011f\u0131yla olu\u015fturulur.<\/strong> CSS ise bu i\u00e7eriklerin ve ikonlar\u0131n her birinin boyutunu, rengini, arka plan\u0131n\u0131 \u015fekillendirmemizi sa\u011flar. Yani HTML bizlere somut bir resim yarat\u0131r. <strong>CSS ise bu somut resmin boyanmas\u0131n\u0131<\/strong> ve isteklerimize hitap eder hale gelmesini sa\u011flar. Ancak bu ikilinin bir arada kullan\u0131lmas\u0131 sonucunda ortaya \u00e7\u0131kan siteler, statik bir yap\u0131ya sahip olur. <strong>Javascript ise<\/strong> bunlar\u0131n aksine kullan\u0131c\u0131lar ve hareketleri ile etkile\u015fim i\u00e7erisinde olan saydalar elde etmemizi sa\u011flar.<\/p>\n\n\n\n<h2>Javascript Ne \u0130\u015fe Yarar?<\/h2>\n\n\n\n<p>Yukar\u0131da da de\u011finmi\u015f oldu\u011fumuz \u00fczere en geni\u015f tan\u0131m\u0131 ile <strong>dinamik web siteleri elde etmemizi sa\u011flayan Javascript<\/strong>, esasen a\u015fa\u011f\u0131da verilen i\u015flevleri b\u00fcnyesinde bar\u0131nd\u0131r\u0131r;<\/p>\n\n\n\n<ul><li>Mouse ve klavye hareketleri do\u011frultusunda kullan\u0131c\u0131 ile etkile\u015fime giren web sayfalar\u0131 ortaya \u00e7\u0131kart\u0131r.<\/li><li>Sayfay\u0131 ziyaret eden ki\u015filer ile ileti\u015fim kurulmas\u0131n\u0131 sa\u011flayabilir. Bu ki\u015filere mesaj g\u00f6nderip onlara soru olabilir.<\/li><li>HTML ve CSS\u2019in bir b\u00fct\u00fcn olarak \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayabilir.<\/li><li>Sitenin i\u015flevini ve g\u00f6rselli\u011fini art\u0131ran i\u015flemlerin basit bir \u015fekilde ger\u00e7ekle\u015ftirilmesini sa\u011flayabilir.<\/li><\/ul>\n\n\n\n<h2>Javascript&#8217;in Sundu\u011fu Avantajlar<\/h2>\n\n\n\n<p>Esasen birbirinden avantajl\u0131 durumu b\u00fcnyesinde bar\u0131nd\u0131ran Javascript dilinin en temel avantaj\u0131, kolay \u00f6\u011frenilebilir olmas\u0131d\u0131r. <strong>Di\u011fer yaz\u0131l\u0131m dilleri ile k\u0131yasland\u0131\u011f\u0131nda<\/strong>, bu dilin \u00e7ok daha \u00e7abuk \u00f6\u011frenilmesi m\u00fcmk\u00fcnd\u00fcr. Bununla birlikte, JS dilinde meydana gelen hatalar\u0131n tespit edilmesi ve \u00e7\u00f6z\u00fcme kavu\u015fturulmas\u0131 da daha kolayd\u0131r. Bunun d\u0131\u015f\u0131nda var olan Javascript avantajlar\u0131 ise a\u015fa\u011f\u0131daki gibidir;<\/p>\n\n\n\n<ul><li>Javascript ile manuel veri kontrollerinin azalt\u0131ld\u0131\u011f\u0131n\u0131 s\u00f6ylemek m\u00fcmk\u00fcnd\u00fcr.&nbsp;<\/li><li>Kullan\u0131c\u0131 dostu olan bu programlama dili, web sitelerinin interaktif bir yap\u0131ya kavu\u015fmas\u0131n\u0131 sa\u011flar.<\/li><li>Di\u011fer yaz\u0131l\u0131m dillerine k\u0131yasla \u00e7ok daha h\u0131zl\u0131d\u0131r.&nbsp;<\/li><li>Birden fazla platformda da taray\u0131c\u0131da da \u00e7al\u0131\u015fmas\u0131 m\u00fcmk\u00fcnd\u00fcr.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"864\" height=\"486\" src=\"https:\/\/egegen.com\/blog\/wp-content\/uploads\/2021\/12\/java_scriptin_sundugu_avantajlar.jpg\" alt=\"\" class=\"wp-image-7752\"\/><\/figure>\n\n\n\n<h2>Javascript&#8217;in Web Sitelerindeki Yeri<\/h2>\n\n\n\n<p>Bu denli avantajl\u0131 olan s\u00f6z konusu programlama dilinin <strong>web sitesine dahil edilmesini sa\u011flayan<\/strong> iki temel yol vard\u0131r. bunlar\u0131n ilki, Javascript\u2019in web sitesine g\u00f6m\u00fclmesidir. \u0130kincisi ise ayr\u0131 bir .js dosyas\u0131 kullan\u0131lmas\u0131d\u0131r.&nbsp;<\/p>\n\n\n\n<p>Ayr\u0131 bir .js dosyas\u0131 olu\u015fturuldu\u011funda, s\u00f6z konusu dosya HTML dok\u00fcman\u0131na eklenir. Bu durum ise beraberinde iki temel avantaj ortaya \u00e7\u0131kart\u0131r. \u0130lki; s\u00f6z konusu y\u00f6ntem ile sitede yer alan t\u00fcm Javascript dosyalar\u0131 tek dosya ile idare edilebilir. \u0130kincisi ise bu y\u00f6ntem kullan\u0131ld\u0131\u011f\u0131 zaman sayda y\u00fcklenme h\u0131z\u0131 artar.&nbsp;<\/p>\n\n\n\n<h2>Javascript \u00d6\u011frenmeye Genel Bir Bak\u0131\u015f&nbsp;<\/h2>\n\n\n\n<p>Javascript, esasen kaynaklar\u0131n tamam\u0131n\u0131n bir arada bulundu\u011fu teknik bir belge ya da standartlar\u0131n tamam\u0131n\u0131 i\u00e7eren resmi bir web sitesi de\u011fildir. Bu sebeple <strong>bu programlama dilini \u00f6\u011frenebilmek i\u00e7in<\/strong> \u00f6ncelikle standartlar\u0131n\u0131n tan\u0131nmas\u0131 gereklidir. Bunun i\u00e7in ise tercih edilebilecek baz\u0131 kaynaklar mevcuttur. Bu kaynaklar \u015funlard\u0131r;<\/p>\n\n\n\n<h4>Mozilla Geli\u015ftirici A\u011f\u0131<\/h4>\n\n\n\n<p>Javascript\u2019in temellerini ve metotlar\u0131n\u0131 \u00f6\u011frenmek, \u00fcstelik bu \u00f6\u011frenmeyi en ince ayr\u0131nt\u0131s\u0131na kadar ger\u00e7ekle\u015ftirmek isteyen ki\u015filer i\u00e7in en temel kaynak, Mozilla Geli\u015ftirici A\u011f\u0131d\u0131r. Bu kaynakta ba\u015flang\u0131\u00e7 seviyesinden ileri seviyeye bir\u00e7ok bilgiye ula\u015fmak m\u00fcmk\u00fcnd\u00fcr.&nbsp;<\/p>\n\n\n\n<h4>CodeAcademy<\/h4>\n\n\n\n<p>Javascript dilini e\u011flenerek \u00f6\u011frenmek isteyen ki\u015filer i\u00e7in en temel \u00f6neridir. Bu e\u011fitim sitesi arac\u0131l\u0131\u011f\u0131yla temel seviyede \u00f6\u011frenme sa\u011flamak ve hatta oyunlar geli\u015ftirerek web siteleri olu\u015fturmak m\u00fcmk\u00fcnd\u00fcr<\/p>\n\n\n\n<h4>freeCodeCamp<\/h4>\n\n\n\n<p>Bu denli fazla tercih ediliyor olmas\u0131n\u0131n en temel nedeni, \u00fccretsiz kurs imkan\u0131 sunmas\u0131d\u0131r. Bununla birlikte kursa kay\u0131t olduktan sonra canl\u0131 sohbet, video ve s\u00fcrekli g\u00fcncellenen ara\u015ft\u0131rmalar gibi unsurlara eri\u015fim sa\u011flamak da m\u00fcmk\u00fcnd\u00fcr.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"864\" height=\"486\" src=\"https:\/\/egegen.com\/blog\/wp-content\/uploads\/2021\/12\/java_script_ve_seo_arasindaki_iliski.jpg\" alt=\"\" class=\"wp-image-7753\"\/><\/figure>\n\n\n\n<h2>Javascript ve SEO Aras\u0131ndaki \u0130li\u015fki<\/h2>\n\n\n\n<p>Javascript ile birlikte web sayfas\u0131 bir\u00e7ok yeni \u00f6zelli\u011fe avantaja sahip olur. \u00d6ncelikle s\u00f6z konusu kavram;<\/p>\n\n\n\n<ul><li>Y\u00fcksek sayfa y\u00fcklenme h\u0131z\u0131,<\/li><li>Daha h\u0131zl\u0131 sunucu y\u00fck\u00fc,<\/li><li>Kolay uygulama,<\/li><li>Zengin ara y\u00fcz,<\/li><li>Y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fck, gibi anlamlara gelir.&nbsp;<\/li><\/ul>\n\n\n\n<p>Ancak bu unsurlar\u0131n Javascript ve Google aras\u0131ndaki ili\u015fkiyi g\u00fc\u00e7lendirmek amac\u0131yla kullan\u0131labilmesi i\u00e7in \u00f6ncelikle bu iki temel yap\u0131 aras\u0131ndaki ili\u015fkinin do\u011fru kurulmas\u0131 gerekir. \u00c7\u00fcnk\u00fc Javascript\u2019in Google\u2019da kullan\u0131lmas\u0131 olduk\u00e7a zordur. Bunun temel nedeni, Google\u2019\u0131n siteyi do\u011fru anlayabilmesini sa\u011flamakt\u0131r. Dolay\u0131s\u0131yla Javascript&#8217;in <a href=\"https:\/\/egegen.com\/seo\"><strong>SEO<\/strong><\/a> noktas\u0131nda herhangi bir problem yaratmamas\u0131 ad\u0131na ise;<\/p>\n\n\n\n<ul><li>Kazan\u0131m sa\u011flamak,<\/li><li>Taranabilir yap\u0131ya sahip olmak,<\/li><li>Site gecikmesini \u00f6nlemek \u015feklindeki \u00fc\u00e7 fakt\u00f6r\u00fcn \u00fczerinde durmak gereklidir.&nbsp;<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Bir script dili olan Javascript\u2019in ortaya \u00e7\u0131k\u0131\u015f\u0131 1990\u2019lara dayan\u0131r. 1990\u2019l\u0131 y\u0131llar\u0131n ortalar\u0131na gidildi\u011finde, o d\u00f6nemlerde taray\u0131c\u0131 piyasas\u0131nda var olan iki \u00f6nemli isim ile kar\u015f\u0131la\u015fmak m\u00fcmk\u00fcnd\u00fcr. Bunlar; Netscape ve Microsoft\u2019tur. O y\u0131llar\u0131n iki devi olarak g\u00f6r\u00fclen bu teknoloji firmalar\u0131n\u0131n kendi i\u00e7lerinde ciddi bir rekabet i\u00e7erisinde olduklar\u0131 bilinmektedir. Bu rekabetin ortaya \u00e7\u0131kard\u0131\u011f\u0131 geli\u015fim ise, Javascript dilidir.&nbsp; \u0130lk &hellip;<\/p>\n","protected":false},"author":19,"featured_media":7754,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[175],"tags":[],"_links":{"self":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts\/7703"}],"collection":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/comments?post=7703"}],"version-history":[{"count":0,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts\/7703\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/media\/7754"}],"wp:attachment":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/media?parent=7703"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/categories?post=7703"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/tags?post=7703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}