{"id":18298,"date":"2025-04-16T10:45:13","date_gmt":"2025-04-16T07:45:13","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/"},"modified":"2025-04-16T10:45:13","modified_gmt":"2025-04-16T07:45:13","slug":"vanilla-js-modulleri-nedir-detayli-anlatim","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/","title":{"rendered":"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m"},"content":{"rendered":"<p><body><\/p>\n<p>Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m<\/p>\n<p>Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere JavaScript d\u00fcnyas\u0131n\u0131n \u00f6nemli bir par\u00e7as\u0131 olan Vanilla JS mod\u00fcllerini detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m.  \u00d6ncelikle \u015funu belirtmeliyim ki, &#8220;Vanilla JS&#8221; terimi, herhangi bir framework veya k\u00fct\u00fcphane kullanmadan saf JavaScript ile \u00e7al\u0131\u015fmay\u0131 ifade eder.  Bu ba\u011flamda, Vanilla JS mod\u00fclleri, saf JavaScript ile olu\u015fturulmu\u015f ve mod\u00fcler bir yap\u0131ya sahip olan kod par\u00e7alar\u0131d\u0131r.<\/p>\n<p>Peki, neden mod\u00fcler JavaScript kullanmal\u0131y\u0131z?  B\u00fcy\u00fck projelerde, kod karma\u015f\u0131kl\u0131\u011f\u0131n\u0131 y\u00f6netmek ve tekrar kullan\u0131labilirli\u011fi art\u0131rmak son derece \u00f6nemlidir.  \u0130\u015fte tam bu noktada mod\u00fcller devreye giriyor.  Mod\u00fcller, kodunuzu mant\u0131ksal birimlere ay\u0131rman\u0131za, ba\u011f\u0131ms\u0131z olarak geli\u015ftirmenize ve bak\u0131m\u0131n\u0131 kolayla\u015ft\u0131rman\u0131za olanak tan\u0131r.  Ayr\u0131ca, kod tekrar\u0131n\u0131 azaltarak projenizin boyutunu ve karma\u015f\u0131kl\u0131\u011f\u0131n\u0131 d\u00fc\u015f\u00fcr\u00fcr.<\/p>\n<h2>Vanilla JS Mod\u00fcllerinin Faydalar\u0131<\/h2>\n<p>Vanilla JS mod\u00fcllerinin bir\u00e7ok avantaj\u0131 vard\u0131r. \u00d6ncelikle, kodunuz daha d\u00fczenli ve okunabilir hale gelir.  Fonksiyonlar\u0131 ve de\u011fi\u015fkenleri belirli bir kapsama alan\u0131nda tutarak, global de\u011fi\u015fken kirlili\u011fini \u00f6nler.  Bu sayede, kodunuzun daha anla\u015f\u0131l\u0131r ve hata ay\u0131klamas\u0131n\u0131n daha kolay olmas\u0131 sa\u011flan\u0131r.  Ayr\u0131ca, mod\u00fcller, kod tekrar\u0131n\u0131 \u00f6nleyerek geli\u015ftirme s\u00fcrecini h\u0131zland\u0131r\u0131r. Bir mod\u00fcl yazd\u0131ktan sonra, onu projenizin farkl\u0131 yerlerinde tekrar tekrar kullanabilirsiniz.  Son olarak, mod\u00fcller, kodunuzun daha iyi organize edilmesine ve bak\u0131m\u0131 kolayla\u015ft\u0131r\u0131lmas\u0131na yard\u0131mc\u0131 olur.<\/p>\n<h2>ES Mod\u00fclleri (ESM)<\/h2>\n<p>Modern JavaScript&#8217;te, ES Mod\u00fclleri (ESM) standart bir mod\u00fcl sistemi olarak kullan\u0131lmaktad\u0131r.  ESM,  <script type=\"module\"> etiketi ile HTML sayfalar\u0131n\u0131za dahil edilebilir.  Bu etiket, taray\u0131c\u0131n\u0131n dosyan\u0131n bir mod\u00fcl oldu\u011funu anlamas\u0131n\u0131 sa\u011flar. \u0130\u015fte basit bir \u00f6rnek:<\/p>\n<pre><code class=\"language-html\">\n&lt;script type=\"module\" src=\"myModule.js\"&gt;&lt;\/script&gt;\n<\/code><\/pre>\n<p> myModule.js dosyas\u0131 i\u00e7inde ise, export anahtar kelimesi ile fonksiyonlar\u0131 ve de\u011fi\u015fkenleri d\u0131\u015far\u0131 aktarabilir,  import anahtar kelimesi ile de di\u011fer mod\u00fcllerden fonksiyon ve de\u011fi\u015fkenleri i\u00e7e aktarabilirsiniz. \u00d6rne\u011fin:<\/p>\n<pre><code class=\"language-javascript\">\n\/\/ myModule.js\nexport function selamla(ad) {\n  console.log(Merhaba, ${ad}!);\n}\n\nexport const PI = 3.14159;\n\n\n\/\/ ana.js\nimport { selamla, PI } from '.\/myModule.js';\n\nselamla(\"Fatih\");\nconsole.log(PI);\n<\/code><\/pre>\n<p>Bu \u00f6rnekte, myModule.js dosyas\u0131ndaki selamla fonksiyonu ve PI sabiti, ana.js dosyas\u0131na aktar\u0131l\u0131yor ve kullan\u0131l\u0131yor.  Bu \u015fekilde, kodunuz d\u00fczenli, anla\u015f\u0131l\u0131r ve tekrar kullan\u0131labilir bir yap\u0131ya kavu\u015fuyor.<\/p>\n<h2>Vanilla JS Mod\u00fcllerini Kullanmaya Ba\u015flamak<\/h2>\n<p>Vanilla JS mod\u00fcllerini kullanmaya ba\u015flamak olduk\u00e7a basittir.  \u00d6ncelikle, kodunuzu mant\u0131ksal birimlere ay\u0131rman\u0131z gerekir.  Her mod\u00fcl, belirli bir g\u00f6revi yerine getirmelidir.  Sonras\u0131nda, export ve import anahtar kelimelerini kullanarak mod\u00fcller aras\u0131nda veri al\u0131\u015fveri\u015fi yapabilirsiniz.  Bunu yaparken, dosya isimlendirme ve organize edilmesine dikkat etmek, b\u00fcy\u00fck projelerde dahi kod karma\u015f\u0131kl\u0131\u011f\u0131n\u0131 \u00f6nlemeye yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n<p>Daha fazla bilgi i\u00e7in,  <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Guide\/Modules\" target=\"_blank\">Mozilla Developer Network'\u00fcn JavaScript Mod\u00fcller hakk\u0131ndaki dok\u00fcman\u0131na<\/a> g\u00f6z atabilirsiniz. Ayr\u0131ca,  <a href=\"https:\/\/fatihsoysal.com\" target=\"_blank\">kendi web sitemi<\/a> \u00fczerinden daha fazla JavaScript makalesine ula\u015fabilirsiniz.<\/p>\n<p>Umar\u0131m bu makale, Vanilla JS mod\u00fcllerini anlaman\u0131za yard\u0131mc\u0131 olmu\u015ftur.  Herhangi bir sorunuz varsa, yorumlarda bana ula\u015fabilirsiniz.<\/p>\n<p>#Etiketler: Vanilla JS, JavaScript Mod\u00fclleri, ES Mod\u00fclleri, ESM, Mod\u00fcler JavaScript, JavaScript Programlama, Web Geli\u015ftirme,  JavaScript \u00d6rnekleri, Kod Organizasyonu, Kod Tekrar\u0131<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere JavaScript d\u00fcnyas\u0131n\u0131n \u00f6nemli bir par\u00e7as\u0131 olan&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-18298","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m<\/title>\n<meta name=\"description\" content=\"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere JavaScript d\u00fcnyas\u0131n\u0131n \u00f6nemli bir par\u00e7as\u0131 olan Vanilla JS mod\u00fcllerini detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle \u015funu belirtmeliyim ki, &quot;Vanilla JS&quot; terimi, herhangi bir framework veya k\u00fct\u00fcphane kullanmadan saf JavaScript ile \u00e7al\u0131\u015fmay\u0131 ifade eder. Bu ba\u011flamda, Vanilla JS mod\u00fclleri, saf JavaScript ile olu\u015fturulmu\u015f ve mod\u00fcler bir yap\u0131ya sahip olan kod par\u00e7alar\u0131d\u0131r.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere JavaScript d\u00fcnyas\u0131n\u0131n \u00f6nemli bir par\u00e7as\u0131 olan Vanilla JS mod\u00fcllerini detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle \u015funu belirtmeliyim ki, &quot;Vanilla JS&quot; terimi, herhangi bir framework veya k\u00fct\u00fcphane kullanmadan saf JavaScript ile \u00e7al\u0131\u015fmay\u0131 ifade eder. Bu ba\u011flamda, Vanilla JS mod\u00fclleri, saf JavaScript ile olu\u015fturulmu\u015f ve mod\u00fcler bir yap\u0131ya sahip olan kod par\u00e7alar\u0131d\u0131r.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-16T07:45:13+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m\",\"datePublished\":\"2025-04-16T07:45:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/\"},\"wordCount\":555,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/\",\"name\":\"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-04-16T07:45:13+00:00\",\"description\":\"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere JavaScript d\u00fcnyas\u0131n\u0131n \u00f6nemli bir par\u00e7as\u0131 olan Vanilla JS mod\u00fcllerini detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle \u015funu belirtmeliyim ki, \\\"Vanilla JS\\\" terimi, herhangi bir framework veya k\u00fct\u00fcphane kullanmadan saf JavaScript ile \u00e7al\u0131\u015fmay\u0131 ifade eder. Bu ba\u011flamda, Vanilla JS mod\u00fclleri, saf JavaScript ile olu\u015fturulmu\u015f ve mod\u00fcler bir yap\u0131ya sahip olan kod par\u00e7alar\u0131d\u0131r.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m","description":"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere JavaScript d\u00fcnyas\u0131n\u0131n \u00f6nemli bir par\u00e7as\u0131 olan Vanilla JS mod\u00fcllerini detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle \u015funu belirtmeliyim ki, \"Vanilla JS\" terimi, herhangi bir framework veya k\u00fct\u00fcphane kullanmadan saf JavaScript ile \u00e7al\u0131\u015fmay\u0131 ifade eder. Bu ba\u011flamda, Vanilla JS mod\u00fclleri, saf JavaScript ile olu\u015fturulmu\u015f ve mod\u00fcler bir yap\u0131ya sahip olan kod par\u00e7alar\u0131d\u0131r.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/","og_locale":"tr_TR","og_type":"article","og_title":"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m","og_description":"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere JavaScript d\u00fcnyas\u0131n\u0131n \u00f6nemli bir par\u00e7as\u0131 olan Vanilla JS mod\u00fcllerini detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle \u015funu belirtmeliyim ki, \"Vanilla JS\" terimi, herhangi bir framework veya k\u00fct\u00fcphane kullanmadan saf JavaScript ile \u00e7al\u0131\u015fmay\u0131 ifade eder. Bu ba\u011flamda, Vanilla JS mod\u00fclleri, saf JavaScript ile olu\u015fturulmu\u015f ve mod\u00fcler bir yap\u0131ya sahip olan kod par\u00e7alar\u0131d\u0131r.","og_url":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-04-16T07:45:13+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m","datePublished":"2025-04-16T07:45:13+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/"},"wordCount":555,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/","url":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/","name":"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-04-16T07:45:13+00:00","description":"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere JavaScript d\u00fcnyas\u0131n\u0131n \u00f6nemli bir par\u00e7as\u0131 olan Vanilla JS mod\u00fcllerini detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle \u015funu belirtmeliyim ki, \"Vanilla JS\" terimi, herhangi bir framework veya k\u00fct\u00fcphane kullanmadan saf JavaScript ile \u00e7al\u0131\u015fmay\u0131 ifade eder. Bu ba\u011flamda, Vanilla JS mod\u00fclleri, saf JavaScript ile olu\u015fturulmu\u015f ve mod\u00fcler bir yap\u0131ya sahip olan kod par\u00e7alar\u0131d\u0131r.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/vanilla-js-modulleri-nedir-detayli-anlatim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Vanilla JS Mod\u00fclleri Nedir? Detayl\u0131 Anlat\u0131m"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/18298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=18298"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/18298\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=18298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=18298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=18298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}