PHP- Kodu

**Mix** · 12 Haziran 2022, 09:43

Okuyacağınız bu konu Javascript’in özü hakkındadır, platform ile bağlantılı değildir. İleride Node.JS ve diğer platformlarda aynı şekilde kullanabilirsiniz.

Fakat kodlarımızın çalıştırılabilmesi için en azından bir ortam gerekli ve bu kitap tarayıcı üzerinden açılarak size bu ortamı yaratmış oluyor. Tarayıcı özel komutları ( alert) daha az tutulacak. Böylece eğer diğer platformlara yönelmek istiyorsanız bu komutlarla zaman geçirmenize gerek kalmayacak. Diğer yandan sonraki bölümde tarayıcı özellikleri daha derinlemesine incelenecektir.

Öyleyse web sayfasına nasıl JavaScript dökümanı ekleyeceğinizi öğreneceksiniz. Sunucu taraflı çevrelerde JavaScript kodunuzu "node my.js" komutuyla çalıştırabilirsiniz.

Script etiketi
Javascript programları html içerisine <script> etiketi ile eklenebilir.

Örneğin:

PHP- Kodu

<!DOCTYPE HTML> <html> <body> <p>Javascript Kodundan önce...</p> <script> alert( 'Hello, world!' ); </script> <p>...Javascript kodundan sonra.</p> </body> </html>

Sağ üst taraftaki “Play” ( Çalıştır ) butonuna basarak örneği çalıştırabilirsiniz.

<script> etiketi içerisine yazdığınız JavaScript komutu tarayıcı o koda geldiğinde doğrudan okunur.

Modern yazım
Bugünlerde <script> etiketi genelde özellikler eklenmeden yazılmakta. Fakat eski kodlara baktınızda aşağıdaki gibi kodları görmek mümkündür:

type özelliği: <script type=…>
Eski HTML4 standardı script etiketi içerisinde tip gelirmeyi zorunlu kılıyordu. Genelde bu type="text/javascript" idi. Günümüzde ise HTML standartları type özelliğini varsayılan olarak kabul edebiliyor.
language (dil) özelliği: <script language=…>
Bu özellik yazılan script’in dilini göstermek amacıyla kullanılır. Fakat bu da artık önemini yitirmiştir. Javascript varsayılan dil olduğundan dolayı söylemeye gerek yoktur.
JavaScript kodundan önce ve sonra yazılan yorumlar. Çok eski JavaScript kitaplarına bakarsanız aşağıdaki gibi bir kod bloğuyla karşılaşmanız muhtemeldir:

PHP- Kodu

```html no-beautify <script type="text/javascript"></script> ```

Bu yorumların amacı <script> etiketini anlamayan tarayıcılarda JavaScript kodunun ekrana yazılmasını engellemektir. Fakat artık neredeyse tüm tarayıcılar <script> etiketini anladıklarından bu konuda da bir sıkıntı bulunmamaktadır. Eğer böyle bir kod bloğu görürseniz kod çok eski diyebilirsiniz.

Dışardan yüklenen Javascript kod dosyaları
Eğer çok fazla JavaScript kodunuz varsa bunları ayrı bir sayfaya koyabilirsiniz.

Sonrasında bu dosyayı aşağıdaki gibi yol göstererek sayfanızda çalıştırılmasını sağlayabilirsiniz.

<script src="/kod/yolu/ana.js"></script>
Buradaki /kod/yolu/ana.js site ana dizininden itibaren kesin(absolute) yol belirtir.

Tabi göreceli(relative) yol belirtmek de mümkündür. Örneğin src="script.js" HTML dosyasının kayıt edildiği klasördeki "script.js"'yi al anlamına gelir.

Tam URL vermek de mümkündür. Örneğin:

PHP- Kodu

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>

Birkaç kod dosyası eklemek isterseniz aşağıdaki gibi yazabilirsiniz.

PHP- Kodu

<script src="/js/script1.js"></script> <script src="/js/script2.js"></script> …

Dikkate değer:
Kural olarak en basit JavaScript kodları doğrudan HTML içerisine yazılır. Daha karmaşık olanlar farklı dosyalarda taşınır.

Ayrı dosyalarda taşınmasının bir diğer güzel yanı tarayıcıların bu dosyaları indirip ön belleğe almasıdır cache.

Bu olaydan sonra eğer bu kod dosyaları değişmediyse daha sonraki sayfa gösterimlerinde o dosyaları tekrar indirmeyecektir. Yani kod dosyaları sadece bir defa indirilecektir. Bu da web sayfasının veri trafiğinin daha az olmasını ve sayfanın daha hızlı gösterilmesini sağlar.

"Eğer
Aşağıdaki kod bloğu çalışmayacaktır:

PHP- Kodu

Özet

<script> etiketi kullanarak sayfaya Javascript kodu entegre edebilirsiniz.
type ve language özellikleri artık gerekli değildir.
Dışarıdan bir kod eklemek için src özelliğini kullanabilirsiniz. Ör : <script src="path/to/script.js"></script>
Tarayıcı ve web sayfası etkileşimi üzerine JavaScript tarafında öğrenilecek çok şey vardır. Fakat unutmayın ki bu bölüm JavaScript diline adanmıştır. Tarayıcıyı sadece JavaScript çalıştırabilmesinden dolayı kullanacaksınız. Böylece anında kodu çalıştırabilecek ve bir yandan da kitabı okumaya devam edebileceksiniz.

Kaynak : [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

**Sim** · 12 Haziran 2022, 09:58

paylasim icin tesekkürler

**SosiN** · 13 Haziran 2022, 10:40

Paylaşım için teşekkürler.

12 Haziran 2022, 09:43	#1
Mix ✓	Merhaba Dünya - JavaScript Okuyacağınız bu konu Javascript’in özü hakkındadır, platform ile bağlantılı değildir. İleride Node.JS ve diğer platformlarda aynı şekilde kullanabilirsiniz. Fakat kodlarımızın çalıştırılabilmesi için en azından bir ortam gerekli ve bu kitap tarayıcı üzerinden açılarak size bu ortamı yaratmış oluyor. Tarayıcı özel komutları ( alert) daha az tutulacak. Böylece eğer diğer platformlara yönelmek istiyorsanız bu komutlarla zaman geçirmenize gerek kalmayacak. Diğer yandan sonraki bölümde tarayıcı özellikleri daha derinlemesine incelenecektir. Öyleyse web sayfasına nasıl JavaScript dökümanı ekleyeceğinizi öğreneceksiniz. Sunucu taraflı çevrelerde JavaScript kodunuzu "node my.js" komutuyla çalıştırabilirsiniz. Script etiketi Javascript programları html içerisine <script> etiketi ile eklenebilir. Örneğin: PHP- Kodu `<!DOCTYPE HTML> <html> <body> <p>Javascript Kodundan önce...</p> <script> alert( 'Hello, world!' ); </script> <p>...Javascript kodundan sonra.</p> </body> </html>` Sağ üst taraftaki “Play” ( Çalıştır ) butonuna basarak örneği çalıştırabilirsiniz. <script> etiketi içerisine yazdığınız JavaScript komutu tarayıcı o koda geldiğinde doğrudan okunur. Modern yazım Bugünlerde <script> etiketi genelde özellikler eklenmeden yazılmakta. Fakat eski kodlara baktınızda aşağıdaki gibi kodları görmek mümkündür: type özelliği: <script type=…> Eski HTML4 standardı script etiketi içerisinde tip gelirmeyi zorunlu kılıyordu. Genelde bu type="text/javascript" idi. Günümüzde ise HTML standartları type özelliğini varsayılan olarak kabul edebiliyor. language (dil) özelliği: <script language=…> Bu özellik yazılan script’in dilini göstermek amacıyla kullanılır. Fakat bu da artık önemini yitirmiştir. Javascript varsayılan dil olduğundan dolayı söylemeye gerek yoktur. JavaScript kodundan önce ve sonra yazılan yorumlar. Çok eski JavaScript kitaplarına bakarsanız aşağıdaki gibi bir kod bloğuyla karşılaşmanız muhtemeldir: PHP- Kodu ```html no-beautify <script type="text/javascript"><!-- ... //--></script> ``` Bu yorumların amacı <script> etiketini anlamayan tarayıcılarda JavaScript kodunun ekrana yazılmasını engellemektir. Fakat artık neredeyse tüm tarayıcılar <script> etiketini anladıklarından bu konuda da bir sıkıntı bulunmamaktadır. Eğer böyle bir kod bloğu görürseniz kod çok eski diyebilirsiniz. Dışardan yüklenen Javascript kod dosyaları Eğer çok fazla JavaScript kodunuz varsa bunları ayrı bir sayfaya koyabilirsiniz. Sonrasında bu dosyayı aşağıdaki gibi yol göstererek sayfanızda çalıştırılmasını sağlayabilirsiniz. <script src="/kod/yolu/ana.js"></script> Buradaki /kod/yolu/ana.js site ana dizininden itibaren kesin(absolute) yol belirtir. Tabi göreceli(relative) yol belirtmek de mümkündür. Örneğin src="script.js" HTML dosyasının kayıt edildiği klasördeki "script.js"'yi al anlamına gelir. Tam URL vermek de mümkündür. Örneğin: PHP- Kodu `<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>` Birkaç kod dosyası eklemek isterseniz aşağıdaki gibi yazabilirsiniz. PHP- Kodu `<script src="/js/script1.js"></script> <script src="/js/script2.js"></script> …` Dikkate değer: Kural olarak en basit JavaScript kodları doğrudan HTML içerisine yazılır. Daha karmaşık olanlar farklı dosyalarda taşınır. Ayrı dosyalarda taşınmasının bir diğer güzel yanı tarayıcıların bu dosyaları indirip ön belleğe almasıdır cache. Bu olaydan sonra eğer bu kod dosyaları değişmediyse daha sonraki sayfa gösterimlerinde o dosyaları tekrar indirmeyecektir. Yani kod dosyaları sadece bir defa indirilecektir. Bu da web sayfasının veri trafiğinin daha az olmasını ve sayfanın daha hızlı gösterilmesini sağlar. "Eğer Aşağıdaki kod bloğu çalışmayacaktır: PHP- Kodu <script src="file.js"> alert(1); // İçerik görmezden gelinecektir çünkü `src` tagı kullanılmıştır. </script> script tagını kullanırken dışarıdan mı dosya ekleyeceksiniz ( <script src="…"> ) yoksa dosyayı içeride mi yazacaksınız bunun kararını vermemiz gerekmektedir. Yukarıdaki örnek iyi <script> etiketi içerisinde şu şekilde çalıştırılır. <script src="file.js"></script> <script> alert(1); </script> Özet <script> etiketi kullanarak sayfaya Javascript kodu entegre edebilirsiniz. type ve language özellikleri artık gerekli değildir. Dışarıdan bir kod eklemek için src özelliğini kullanabilirsiniz. Ör : <script src="path/to/script.js"></script> Tarayıcı ve web sayfası etkileşimi üzerine JavaScript tarafında öğrenilecek çok şey vardır. Fakat unutmayın ki bu bölüm JavaScript diline adanmıştır. Tarayıcıyı sadece JavaScript çalıştırabilmesinden dolayı kullanacaksınız. Böylece anında kodu çalıştırabilecek ve bir yandan da kitabı okumaya devam edebileceksiniz. Kaynak : [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] Konu ExCaLuBuR tarafından (11 Mart 2023 Saat 00:20 ) değiştirilmiştir..
	Alıntı Yap

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)