16 Ağustos 2025Türkçe

Modern web geliştirmede kod yürütmeyi sanal alana almanın, güvenliği artırmanın ve ortamları yalıtmanın güçlü bir tekniği olan JavaScript Bölmelerini keşfedin.

JavaScript Bölmeleri: Gelişmiş Güvenlik için Sanal Alanlı Kod Yürütme

Günümüzün karmaşık web geliştirme dünyasında güvenlik ve yalıtım büyük önem taşımaktadır. JavaScript Bölmeleri, kod yürütmeyi sanal bir alana almak (sandboxing) için güçlü bir mekanizma sunarak geliştiricilerin uygulamaları içinde güvenli ve yalıtılmış ortamlar oluşturmasını sağlar. Bu makale, JavaScript Bölmeleri kavramını derinlemesine inceliyor; faydalarını, uygulanmasını ve kullanım alanlarını araştırıyor.

JavaScript Bölmeleri Nedir?

JavaScript Bölmeleri, tek bir JavaScript çalışma zamanı içinde farklı, yalıtılmış yürütme ortamları oluşturmanın bir yolunu sunar. Her bölmenin kendi global nesnesi vardır, bu da içinde çalışan kodun diğer bölmelere veya ana uygulamaya müdahale etmeden çalışmasına olanak tanır. Bu yalıtım, güvenlik risklerini azaltmak ve uygulama kararlılığını sağlamak için kritik öneme sahiptir.

Bunu, aynı JavaScript motoru içinde birden fazla sanal makine çalıştırmak gibi düşünebilirsiniz. Her bir "VM" (Bölme), kendi kaynak setine sahiptir ve diğer bölmelerin kaynaklarına doğrudan erişemez.

Temel Kavramlar ve Terminoloji

Alem (Realm): Bir alem, farklı bir yürütme ortamını temsil eder. Bölmeler, alemler üzerine inşa edilmiş daha üst düzey bir soyutlamadır (uygulamalar farklılık gösterebilir).
Global Nesne: Her bölme kendi global nesnesine sahiptir (ör., window tarayıcılarda veya özel bir nesne Node.js'de). Bu, bölme içinde tanımlanan değişkenleri ve fonksiyonları yalıtır.
Güvenlik Bağlamı: Bölmeler, bölme dışındaki kaynaklara erişimi kısıtlayan bir güvenlik bağlamı oluşturur.
Nesne Grafiği Yalıtımı: Bir bölme içindeki nesneler genellikle diğer bölmelerdekilerden yalıtılır, bu da istenmeyen veri paylaşımını veya manipülasyonunu önler.

JavaScript Bölmelerini Kullanmanın Faydaları

JavaScript Bölmelerini kullanmak birçok önemli avantaj sunar:

1. Gelişmiş Güvenlik

Bölmeler, özellikle güvenilmeyen veya üçüncü taraf kodlarla uğraşırken güvenlik risklerini azaltmak için güçlü bir araçtır. Kodu bir bölme içinde yalıtarak, hassas verilere erişmesini veya uygulamanızın temel işlevselliğine müdahale etmesini önleyebilirsiniz. Bu, özellikle aşağıdaki gibi senaryolarda önemlidir:

Üçüncü Taraf Kütüphaneleri Çalıştırma: Harici kütüphaneleri dahil ederken, kodları üzerinde genellikle sınırlı kontrolünüz olur. Bölmeler, uygulamanızı bu kütüphanelerdeki potansiyel güvenlik açıklarından veya kötü amaçlı kodlardan koruyabilir.
Kullanıcı Tarafından Oluşturulan İçeriği Yürütme: Uygulamanız kullanıcıların kod göndermesine (ör. özel betikler veya widget'lar) izin veriyorsa, bölmeler kötü niyetli kullanıcıların uygulamanıza zararlı kod enjekte etmesini önleyebilir.
Web Uzantıları: Ayrıcalıklı bir bağlamda JavaScript kodu çalıştıran tarayıcı uzantıları da farklı uzantı bileşenlerini yalıtmak için bölmelerden yararlanır, bu da kötü niyetli bir uzantının tüm tarayıcıyı ele geçirmesini önler.

Örnek: Kullanıcıların JavaScript kodlarını çalıştırmasına olanak tanıyan çevrimiçi bir kod düzenleyici oluşturduğunuzu hayal edin. Bölmeler olmadan, kötü niyetli bir kullanıcı potansiyel olarak düzenleyicinin dahili verilerine erişebilir veya hatta sunucuyu tehlikeye atabilir. Kullanıcının kodunu bir bölme içinde çalıştırarak, onu düzenleyicinin temel işlevselliğinden yalıtabilir ve herhangi bir zararı önleyebilirsiniz.

2. Artırılmış Kararlılık

Bölmeler, bir bölmedeki kodun diğerindeki kodu çökertmesini veya bozmasını önleyerek uygulamanızın kararlılığını da artırabilir. Bu, birbirine bağımlılıkları olabilecek çok sayıda modül veya bileşene sahip karmaşık uygulamalarda özellikle kullanışlıdır.

Örnek: Her biri belirli bir özellikten sorumlu birkaç bağımsız modüle sahip büyük bir web uygulaması düşünün. Bir modül çökmesine neden olan bir hatayla karşılaşırsa, bölmeler bu hatanın diğer modülleri etkilemesini önleyebilir ve uygulamanın işlevsel kalmasını sağlayabilir.

3. Modülerlik ve Kod Organizasyonu

Bölmeler, kodunuzu farklı, yalıtılmış modüller halinde düzenlemenize olanak tanıyarak modülerliği kolaylaştırır. Bu, özellikle büyük ve karmaşık projelerde kod tabanınızı yönetmeyi ve bakımını yapmayı kolaylaştırır. Sorumlulukları farklı bölmelere ayırarak, istenmeyen bağımlılık riskini azaltabilir ve uygulamanızın genel yapısını iyileştirebilirsiniz.

Örnek: Büyük bir e-ticaret uygulamasında, alışveriş sepeti, ürün kataloğu ve ödeme işleme modülleri için ayrı bölmeler oluşturabilirsiniz. Bu, her modülü aralarındaki çakışmalar veya bağımlılıklar konusunda endişelenmeden bağımsız olarak geliştirmenize ve bakımını yapmanıza olanak tanır.

4. Güvenli Eklenti Mimarileri

Eklentileri destekleyen uygulamalar için bölmeler, eklenti kodunu ana uygulamadan yalıtmak için güvenli bir yol sağlar. Bu, kötü niyetli veya hatalı eklentilerin uygulamanın bütünlüğünü tehlikeye atmasını önler. Her eklenti kendi sanal alan ortamında çalışır, bu da ana uygulamanın hassas verilerine veya kritik işlevlerine erişimi engeller.

5. Güvenli Veri İşleme

Hassas veri işlemeyi içeren senaryolarda, bölmeler veri dönüşümleri veya analizleri yürütmek için güvenli bir ortam sağlar. Bu, veri sızıntısını veya hassas bilgilere yetkisiz erişimi önlemeye yardımcı olur. Yalıtım, geçici değişkenlerin veya ara sonuçların bölme ile sınırlı kalmasını ve dışarıdan erişilememesini sağlar.

JavaScript Bölmelerini Uygulama

JavaScript Bölmelerini uygulamak için farklı karmaşıklık seviyeleri ve güvenlik garantileri sunan birkaç yaklaşım mevcuttur. Bazı yaygın teknikler şunları içerir:

1. `` Öğelerini Kullanma (Tarayıcı Tabanlı)</h3> <p>Web tarayıcılarında, `<iframe>` öğeleri basit bir yalıtım biçimi sağlar. Her `<iframe>` kendi belgesine ve JavaScript bağlamına sahiptir, bu da etkili bir şekilde ayrı bir bölme oluşturur. Diğer yaklaşımlar kadar ayrıntılı olmasa da, `<iframe>` öğeleri yaygın olarak desteklenir ve kullanımı nispeten kolaydır. Ancak, ana belge ile iframe arasındaki iletişim `postMessage` aracılığıyla açık mesajlaşma gerektirir.</p> <p><b>Örnek:</b></p> <div class="code-block-wrapper"> <pre data-language="code"> <code><iframe src="sandbox.html" id="sandbox"></iframe> <script> const iframe = document.getElementById('sandbox'); iframe.contentWindow.postMessage('Hello from the main page!', '*'); </script> </code> <div class="copy-button-container"> <button data-code="PGlmcmFtZSBzcmM9InNhbmRib3guaHRtbCIgaWQ9InNhbmRib3giPjwvaWZyYW1lPgo8c2NyaXB0PgogIGNvbnN0IGlmcmFtZSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdzYW5kYm94Jyk7CiAgaWZyYW1lLmNvbnRlbnRXaW5kb3cucG9zdE1lc3NhZ2UoJ0hlbGxvIGZyb20gdGhlIG1haW4gcGFnZSEnLCAnKicpOwo8L3NjcmlwdD4K" class="copy-button" title="Copy code" > Copy </button> </div> </pre> </div> <p>Ve `sandbox.html` içinde:</p> <div class="code-block-wrapper"> <pre data-language="code"> <code><script> window.addEventListener('message', (event) => { console.log('Message received from the main page:', event.data); }); </script> </code> <div class="copy-button-container"> <button data-code="PHNjcmlwdD4KICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbWVzc2FnZScsIChldmVudCkgPT4gewogICAgY29uc29sZS5sb2coJ01lc3NhZ2UgcmVjZWl2ZWQgZnJvbSB0aGUgbWFpbiBwYWdlOicsIGV2ZW50LmRhdGEpOwogIH0pOwo8L3NjcmlwdD4K" class="copy-button" title="Copy code" > Copy </button> </div> </pre> </div> <h3>2. Web Workers Kullanımı (Tarayıcı ve Node.js)</h3> <p>Web Workers, JavaScript kodunu ayrı bir iş parçacığında (thread) çalıştırmanın bir yolunu sunarak ana iş parçacığından bir dereceye kadar yalıtım sağlar. Bölmeler kadar katı olmasa da, Web Workers hesaplama açısından yoğun görevleri devretmek ve bunların ana iş parçacığını engellemesini önlemek için kullanışlı olabilir. Web Workers da mesajlaşma yoluyla iletişim kurar.</p> <p><b>Örnek:</b></p> <div class="code-block-wrapper"> <pre data-language="code"> <code>// main.js const worker = new Worker('worker.js'); worker.postMessage('Start processing!'); worker.onmessage = (event) => { console.log('Result from worker:', event.data); }; // worker.js self.addEventListener('message', (event) => { const data = event.data; // Perform some intensive task const result = data.toUpperCase(); self.postMessage(result); }); </code> <div class="copy-button-container"> <button data-code="Ly8gbWFpbi5qcwpjb25zdCB3b3JrZXIgPSBuZXcgV29ya2VyKCd3b3JrZXIuanMnKTsKd29ya2VyLnBvc3RNZXNzYWdlKCdTdGFydCBwcm9jZXNzaW5nIScpOwp3b3JrZXIub25tZXNzYWdlID0gKGV2ZW50KSA9PiB7CiAgY29uc29sZS5sb2coJ1Jlc3VsdCBmcm9tIHdvcmtlcjonLCBldmVudC5kYXRhKTsKfTsKCi8vIHdvcmtlci5qcwpzZWxmLmFkZEV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCAoZXZlbnQpID0+IHsKICBjb25zdCBkYXRhID0gZXZlbnQuZGF0YTsKICAvLyBQZXJmb3JtIHNvbWUgaW50ZW5zaXZlIHRhc2sKICBjb25zdCByZXN1bHQgPSBkYXRhLnRvVXBwZXJDYXNlKCk7CiAgc2VsZi5wb3N0TWVzc2FnZShyZXN1bHQpOwp9KTsK" class="copy-button" title="Copy code" > Copy </button> </div> </pre> </div> <h3>3. Sanal Makineleri Kullanma (Node.js)</h3> <p>Node.js, bir sanal makine bağlamı içinde JavaScript kodu oluşturmanıza ve yürütmenize olanak tanıyan `vm` modülünü sağlar. Bu, `<iframe>` öğelerinden veya Web Workers'dan daha yüksek düzeyde bir yalıtım sunar. `vm` modülü, sanal makine için özel bir global nesne tanımlamanıza olanak tanıyarak VM bağlamı dışındaki kaynaklara erişimi kısıtlar.</p> <p><b>Örnek:</b></p> <div class="code-block-wrapper"> <pre data-language="code"> <code>const vm = require('vm'); const sandbox = { name: 'Sandbox', data: { secret: 'This should be hidden' } }; const context = vm.createContext(sandbox); const code = ` console.log('Hello from ' + name + '!'); // Attempt to access global variables (will fail in the sandbox) // console.log(process.version); // Would cause an error in a real sandbox, but might not here depending on configuration if (typeof process !== 'undefined') { console.log("Access to 'process' might be allowed!"); } if (typeof require !== 'undefined') { console.log("Access to 'require' might be allowed!"); } // Demonstrate access to sandbox properties console.log('Secret is potentially exposed (if not carefully sandboxed): ' + data.secret); `; vm.runInContext(code, context); </code> <div class="copy-button-container"> <button data-code="Y29uc3Qgdm0gPSByZXF1aXJlKCd2bScpOwoKY29uc3Qgc2FuZGJveCA9IHsKICBuYW1lOiAnU2FuZGJveCcsCiAgZGF0YTogeyBzZWNyZXQ6ICdUaGlzIHNob3VsZCBiZSBoaWRkZW4nIH0KfTsKCmNvbnN0IGNvbnRleHQgPSB2bS5jcmVhdGVDb250ZXh0KHNhbmRib3gpOwoKY29uc3QgY29kZSA9IGAKICBjb25zb2xlLmxvZygnSGVsbG8gZnJvbSAnICsgbmFtZSArICchJyk7CiAgLy8gQXR0ZW1wdCB0byBhY2Nlc3MgZ2xvYmFsIHZhcmlhYmxlcyAod2lsbCBmYWlsIGluIHRoZSBzYW5kYm94KQogIC8vIGNvbnNvbGUubG9nKHByb2Nlc3MudmVyc2lvbik7IC8vIFdvdWxkIGNhdXNlIGFuIGVycm9yIGluIGEgcmVhbCBzYW5kYm94LCBidXQgbWlnaHQgbm90IGhlcmUgZGVwZW5kaW5nIG9uIGNvbmZpZ3VyYXRpb24KICBpZiAodHlwZW9mIHByb2Nlc3MgIT09ICd1bmRlZmluZWQnKSB7CiAgICBjb25zb2xlLmxvZygiQWNjZXNzIHRvICdwcm9jZXNzJyBtaWdodCBiZSBhbGxvd2VkISIpOwogIH0KICBpZiAodHlwZW9mIHJlcXVpcmUgIT09ICd1bmRlZmluZWQnKSB7CiAgICBjb25zb2xlLmxvZygiQWNjZXNzIHRvICdyZXF1aXJlJyBtaWdodCBiZSBhbGxvd2VkISIpOwogIH0KCiAgLy8gRGVtb25zdHJhdGUgYWNjZXNzIHRvIHNhbmRib3ggcHJvcGVydGllcwogIGNvbnNvbGUubG9nKCdTZWNyZXQgaXMgcG90ZW50aWFsbHkgZXhwb3NlZCAoaWYgbm90IGNhcmVmdWxseSBzYW5kYm94ZWQpOiAnICsgZGF0YS5zZWNyZXQpOwpgOwoKdm0ucnVuSW5Db250ZXh0KGNvZGUsIGNvbnRleHQpOwo=" class="copy-button" title="Copy code" > Copy </button> </div> </pre> </div> <p><b>`vm` Modülünü Kullanırken Önemli Hususlar:</b></p> <ul> <li><b>Dikkatli Bağlam Oluşturma:</b> Sanal alandaki kod için her zaman temiz bir bağlam oluşturun ve hangi özelliklerin erişilebilir olacağını açıkça tanımlayın. Global `process` nesnesini doğrudan geçirmekten kaçının.</li> <li><b>`require`'a Sınırlı Erişim:</b> Sanal alandaki kodun rastgele modüller yüklemesini ve potansiyel olarak sanal alandan kaçmasını önlemek için `require` fonksiyonuna erişimi kısıtlamak çok önemlidir.</li> <li><b>Güvenlik Gözden Geçirmeleri:</b> Sanal alan oluşturmak için `vm` modülünü kullanan kod, potansiyel güvenlik açıklarını belirlemek için kapsamlı güvenlik gözden geçirmelerinden geçirilmelidir.</li> </ul> <h3>4. Özelleştirilmiş Sanal Alan Kütüphaneleri</h3> <p>Birçok JavaScript kütüphanesi, bölmeler oluşturmak ve yönetmek için daha üst düzey soyutlamalar sunar. Bu kütüphaneler genellikle gelişmiş güvenlik özellikleri ve basitleştirilmiş API'ler sunar. Örnekler şunları içerir:</p> <ul> <li><b>SES (Güvenli ECMAScript):</b> SES, güvenli uygulamalar oluşturmak için tasarlanmış JavaScript'in güvenli bir alt kümesidir. Yaygın güvenlik açıklarını önleyen sağlam bir sanal alan ortamı sağlar. SES, nesne yeteneklerine dayanır.</li> </ul> <h2>JavaScript Bölmelerinin Kullanım Alanları</h2> <p>JavaScript Bölmeleri, aşağıdakiler de dahil olmak üzere çeşitli senaryolarda değerlidir:</p> <ul> <li><b>Güvenilmeyen Kodları Çalıştırma:</b> Daha önce belirtildiği gibi, bölmeler, kullanıcı tarafından oluşturulan betikler veya üçüncü taraf kütüphaneler gibi güvenilmeyen kodları güvenli bir şekilde yürütmek için gereklidir.</li> <li><b>Eklenti Mimarileri:</b> Bölmeler, eklenti kodunu ana uygulamadan yalıtarak güvenli eklenti mimarileri sağlar.</li> <li><b>Mikroservisler:</b> Bir mikroservis mimarisinde, bölmeler farklı mikroservisler arasında yalıtım sağlayarak bir servisin diğerlerini etkilemesini önleyebilir.</li> <li><b>Web Uygulaması Güvenliği:</b> Bölmeler, kullanıcı arayüzleri ve veri işleme modülleri gibi farklı bileşenleri yalıtarak web uygulamalarının güvenliğini artırabilir.</li> <li><b>Test Etme:</b> Bölmeler, yalıtılmış test ortamları oluşturmak için kullanılabilir, bu da ana uygulamayı etkilemeden testleri çalıştırmanıza olanak tanır.</li> </ul> <h2>Zorluklar ve Dikkat Edilmesi Gerekenler</h2> <p>JavaScript Bölmeleri önemli faydalar sunsa da, akılda tutulması gereken bazı zorluklar ve hususlar da vardır:</p> <ul> <li><b>Performans Yükü:</b> Bölmeler oluşturmak ve yönetmek, özellikle çok sayıda bölme ile uğraşırken bir miktar performans yükü getirebilir. Özellikle CPU yoğun senaryolarda performans etkilerini göz önünde bulundurun.</li> <li><b>Karmaşıklık:</b> Bölmeleri uygulamak ve yönetmek, kod tabanınıza karmaşıklık katabilir ve dikkatli planlama ve tasarım gerektirir.</li> <li><b>İletişim:</b> Bölmeler arasında iletişim kurmak zorlayıcı olabilir ve açık mesajlaşma mekanizmaları gerektirir.</li> <li><b>Özellik Desteği:</b> Bölmelerin kullanılabilirliği ve uygulanması, JavaScript ortamına (tarayıcı, Node.js, vb.) bağlı olarak değişebilir.</li> </ul> <h2>JavaScript Bölmelerini Kullanmak İçin En İyi Uygulamalar</h2> <p>JavaScript Bölmelerinden etkili bir şekilde yararlanmak için aşağıdaki en iyi uygulamaları göz önünde bulundurun:</p> <ul> <li><b>Net Sınırlar Tanımlayın:</b> Her bölmenin sınırlarını dikkatlice tanımlayın, hangi kaynakların erişilebilir olup hangilerinin olmadığını belirtin.</li> <li><b>En Az Ayrıcalık Prensibini Kullanın:</b> Her bölmeye yalnızca amaçlanan işlevini yerine getirmesi için gereken minimum ayrıcalıkları verin.</li> <li><b>Girdileri Temizleyin:</b> Harici kaynaklardan gelen girdileri bölmelere geçirmeden önce daima temizleyin.</li> <li><b>Performansı İzleyin:</b> Bölmelerin neden olduğu performans darboğazlarını belirlemek ve gidermek için uygulamanızın performansını izleyin.</li> <li><b>Güvenlik Denetimleri:</b> Bölme uygulamanızdaki potansiyel güvenlik açıklarını belirlemek ve gidermek için düzenli olarak güvenlik denetimleri yapın.</li> <li><b>Güncel Kalın:</b> JavaScript Bölmelerini kullanmak için en son güvenlik en iyi uygulamaları ve önerileri ile güncel kalın.</li> </ul> <h2>Farklı Platformlardaki Örnekler</h2> <p>JavaScript Bölmelerinin (veya benzer kavramların) kullanımı farklı platformlarda değişiklik gösterebilir. İşte bazı örnekler:</p> <ul> <li><b>Web Tarayıcıları (ör. Chrome, Firefox):</b> Tarayıcılar birden çok işlem ve sanal alan tekniği kullanır. Her sekme genellikle ayrı bir işlemde çalışır. Uzantıların, hangi kaynaklara erişebileceklerini kontrol eden belirli izin modelleri vardır. </li> <li><b>Node.js (Sunucu Taraflı JavaScript):</b> Node.js'deki `vm` modülü, sanal alan ortamları oluşturmanın temel bir yolunu sağlar, ancak gerçekten güvenli olması için dikkatli yapılandırma gerektirir. Node.js uygulamaları arasında işlem düzeyinde yalıtım sağlamak için genellikle Docker gibi diğer konteynerleştirme teknolojileri kullanılır.</li> <li><b>Bulut Platformları (ör. AWS Lambda, Google Cloud Functions, Azure Functions):</b> Bu platformlar, fonksiyon yürütmelerini otomatik olarak yalıtarak her fonksiyon çağrısı için bölme benzeri bir ortam sağlar.</li> <li><b>Electron (Masaüstü Uygulamaları):</b> Electron, Chromium'un çoklu işlem mimarisini kullanır, bu da uygulamanızın parçalarını ayrı oluşturucu işlemlerinde sanal alana almanıza olanak tanır.</li> </ul> <h2>Gelişen Trendler ve Gelecek Yönelimler</h2> <p>JavaScript sanal alan oluşturma alanı sürekli olarak gelişmektedir. Bazı gelişen trendler ve gelecek yönelimler şunları içerir:</p> <ul> <li><b>Standardizasyon:</b> JavaScript'te bölmeler kavramını standartlaştırma çabaları devam etmektedir, bu da farklı ortamlarda daha tutarlı ve taşınabilir uygulamalara yol açacaktır.</li> <li><b>Geliştirilmiş Performans:</b> Devam eden araştırmalar, bölme uygulamalarının performansını iyileştirmeye ve sanal alan oluşturma ile ilişkili ek yükü azaltmaya odaklanmıştır.</li> <li><b>Gelişmiş Güvenlik Özellikleri:</b> Bölmelerin yalıtımını ve güvenliğini daha da artırmak için yeni güvenlik özellikleri geliştirilmektedir.</li> </ul> <h2>Sonuç</h2> <p>JavaScript Bölmeleri, modern web geliştirmede kod yürütmeyi sanal bir alana almak, güvenliği artırmak ve ortamları yalıtmak için güçlü bir mekanizma sağlar. Bölmelerin kavramlarını, faydalarını ve zorluklarını anlayan geliştiriciler daha güvenli, kararlı ve modüler uygulamalar oluşturabilirler. Web geliştirme dünyası gelişmeye devam ettikçe, JavaScript Bölmeleri, web uygulamalarının ve diğer JavaScript tabanlı sistemlerin güvenliğini ve bütünlüğünü sağlamada giderek daha önemli bir rol oynayacaktır. Güvenlik etkilerini dikkatlice değerlendirmek ve ortama ve güvenlik gereksinimlerine bağlı olarak uygun teknikleri seçmek çok önemlidir. Gelişen tehditlere ayak uydurmak için güvenlik uygulamalarınızı sürekli olarak gözden geçirmeyi ve güncellemeyi unutmayın.</p></div><footer class="mt-12 pt-8 border-t border-gray-200"><h3 class="text-sm font-semibold text-gray-900 mb-3 dark:text-white/90">Tags:</h3><div class="flex flex-wrap gap-2"><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">JavaScript</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">Bölmeler</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">sanal alan</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">güvenlik</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">kod yürütme</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">yalıtım</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">güvenlik bağlamı</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">alemler</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">global nesne</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">web geliştirme</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">güvenli kodlama</span><span class="inline-block bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm hover:bg-gray-200 transition-colors dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700">modülerlik</span></div></footer></article></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:2","P:2")</script><script>$RB=[];$RV=function(b){$RT=performance.now();for(var a=0;a<b.length;a+=2){var c=b[a],e=b[a+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&g._reactRetry()}}b.length=0}; $RC=function(b,a){if(a=document.getElementById(a))(b=document.getElementById(b))?(b.previousSibling.data="$~",$RB.push(b,a),2===$RB.length&&(b="number"!==typeof $RT?0:$RT,a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:b+300-a))):a.parentNode.removeChild(a)};$RC("B:1","S:1")</script><div style="display:none" id="S:3"></div><script>$RC("B:3","S:3")</script><div style="display:none" id="S:0"></div><script>$RC("B:0","S:0")</script></body></html>