JavaScript Nedir?
- 15 Mart 2022
- Eğitim, Javascript Dersleri
JavaScript, yaygın olarak web tarayıcılarında kullanılmakta olan dinamik bir programlama dilidir. JavaScript ile yazılan istemci tarafı betikler sayesinde;
- Tarayıcının kullanıcıyla etkileşimde bulunması,
- Tarayıcının kontrol edilmesi,
- Asenkron bir şekilde sunucu ile iletişime geçilmesi,
- Websayfası içeriğinin değiştirilmesi gibi işlevler sağlanır.
JavaScript her ne kadar istemci tarafında olsa da günümüzde Node.js gibi platformlar sayesinde sunucu tarafında da yaygın olarak kullanılmaya başlamıştır. Bu konuda istemci taraflı JavaScript hakkında bilgi verilecektir.
- JavaScript prototip-tabanlı, dinamik türlere ve birinci-sınıf fonksiyonlara sahip bir betik dilidir. Nesne yönelimli, imperatif ve fonksiyonel programlama prensiplerine sahiptir.
- JavaScript ve Java arasında; isimleri, yazım şekli ve standart kütüphanelerindeki benzerlikler dışında bir bağlantı yoktur ve iki dilin semantikleri çok farklıdır.
- JavaScript’in yazım şekli C programlama dilinden türetilmiş, semantiği ve tasarımı ise Self ve Scheme programlama dillerinden esinlenmiştir.
- JavaScript, ECMAScript belirtimleri ile standartlaştırılmıştır
JavaScript Tarihçesi
- İlk olarak Brendan Eich tarafından geliştirilmiş olup, ilk defa Aralık 1995 tarihinde Netscape Navigator 2.0 ile birlikte piyasaya sürüldü.
- Geliştirme aşamasında adı Mocha olarak geçmesine rağmen Eylül 1995 tarihine kadar resmi olarak LiveScript olarak isimlendiriliyordu. Netscape 2.0 Beta3 ile birlikte ismi JavaScript olarak değiştirildi.
- JavaScript’in isim değişikliği ile Netscape’in Java teknolojilerine (Java Applet) destek vermesi yaklaşık olarak aynı tarihlere denk gelir.
- Microsoft ile Netscape’in web teknolojileri ve platformları alanında yarıştığı bir dönemde, Netscape Sun Microsystems’ın geliştirdiği Java platformuna destek vererek dağıtık bir işletim sistemi yaratmayı öngörüyordu. JavaScript ise, Visual Basic’in yaptığı gibi, profesyonel olmayan programcıları hedefleyen daha basit bir betik dili olarak düşünülmekteydi.
- Microsoft, 1996 yılında JScript ve VBScript betik dillerini yayınladı.
- JScript Netscape’in JavaScript’ine benzerken VBScript Visual Basic temelliydi ve var olan Visual Basic programcılarının kolay bir geçiş yapmasını hedefliyordu.
- Aynı dönemde Microsoft ilk defa CSS desteği de sağladı ancak hem CSS hem de JScript desteği Netscape’in o zamana kadar sağladıkları ile tutarlı çalışmıyordu.
- Bu durum web tasarımcıları ve geliştiricileri arasında bir kargaşa yaratmış ve tarayıcı savaşlarının ilk yıllarında sitelerin altında tipik olarak görülen “En iyi Internet Explorer ile izlenir” ya da “En iyi Netscape ile izlenir” gibi logoların ortaya çıkmasına neden olmuştur.
- 1996 yılının kasım ayında Netscape firması JavaScript’in endüstri standardı olarak belirlenmesi amacıyla Ecma International firmasına başvuruda bulunduğunu ilan etti.
- Bunun sonucunda standardize edilen sürüm ECMAScript olarak isimlendirildi ve 1997 yılının haziran ayında Ecma International, ECMA-262 belirtiminin ilk sürümünü yayımladı. Haziran 1998’de ISO/IEC-16262 standardına uyumlu hale getirilecek değişiklikler yapılarak ikinci sürüm, Aralık 1999’da ise üçüncü sürüm yayımlandı.
- ECMAScript’in dördüncü sürümü üzerinde ciddi bir çalışma yapılmasına rağmen asla tamamlanamadı, ancak beşinci sürüm için önemli bir ilham kaynağı oldu. Beşinci sürüm 2009 yılının aralık ayında yayımlandı. ECMAScript’in şu an geçerli olan son standart belirtimi, Haziran 2011 tarihinde yayımlanan 5.1 sürümüdür ve JavaScript 1.8.5 tarafından desteklenmektedir.
JavaScript’in yaygın olarak kullanım Alanları;
- HTML İçeriği Değiştirme
- HTML Attributes Değiştirme
- HTML Styles (CSS) Değiştirme
- Form Verisini Doğrulama
JavaScript ile HTML İçeriği Değiştirme
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!doctype html> <html> <head> <meta charset="utf-8"> <title>İçerik Değiştirme</title> </head> <body> <button id="btn">Değiştir</button> <div id="kutu">Sayfanın ilk yüklendiğinde gelen içerik.</div> <script> function Yazdir(){ document.getElementById("kutu").innerHTML="JavaScript Çalıştırıldı."; } var btnYaz=document.getElementById("btn"); btnYaz.onclick=Yazdir; </script> </body> </html> |
JavaScript ile HTML Attributes Değiştirme
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Attributes Değiştirme</title> </head> <body> <button onclick="myFunction()"><img id="myImg" src="image1.jpg" width="107" height="98"></button> <script> function myFunction(){ document.getElementById("myImg").src="image2.jpg"; } </script> </body> </html> |
JavaScript ile HTML Styles (CSS) Değiştirme
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Styles Değiştirme</title> </head> <body> <h1 id="id1">Benim Rengimi Değiştir.</h1> <button type="button" onclick="document.getElementById('id1').style.color = 'red'">Değiştir</button> </body> </html> |
JavaScript ile Form Verisini Doğrulama
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <html> <head> <meta charset="utf-8"> <title>Form Verisini Doğrulama</title> </head> <body> <form name="form1" method="post" onsubmit="return validateForm()"> <table> <tr><td>İsim:</td><td><input type="text" name="isim"/></td></tr> <tr><td>Soy isim:</td><td><input type="text" name="soyisim"/></td></tr> <tr><td> </td><td><input type="submit" value="Gönder"/></td></tr> </table> </form> <script type="text/javascript"> function validateForm(){ var isim=document.forms['form1'][0].value; var soyIsim =document.forms['form1'][1].value; if (isim==null ||isim==""){ alert("İsim kısmı boş bırakılamaz"); return false; } if (soyIsim==null || soyIsim==""){ alert("Soyisim kısmı boş bırakılamaz"); return false; } } </script> </body> </html> |
- 15 Mart 2022
-
Paint Yazılım
Diğer Yazılarımız
Tüm Yazılarımız
Büyük veri bilinen en yaygın adıyla Big Data, günümüz iş…
Bulut bilişim (Cloud Computing), günümüz şirketleri için maliyet azaltmanın en…
Ağ güvenliği, modern dijital dünyada en kritik alanlardan biridir. Şirketler,…
Güvenlik, modern işletim sistemleri için kritik bir öneme sahiptir. Linux,…
Dijital dönüşüm, günümüz işletmeleri için rekabet avantajı sağlamak adına kritik…
Siber tehditlerin artmasıyla birlikte ağ güvenliği stratejileri her zamankinden daha…
Bir web sayfasındaki butonların üzerine fare ile gelindiğinde farklı animasyon…
Pürüzsüz Sıvı Animasyonlu Arkaplan kodu; sayfada zıplayan ve renk değiştiren…
Soru işareti kalmasın
Bu yazı hakkında aklınıza takılanlar, bir fikriniz belkide şikayetiniz vardır. Yada yazımızda hatalar olduğunu düşünüyor olabilirsiniz. Peki neden bize ulaşmayı düşünmeyesiniz ki?
Hizmetlerimiz
Binlerce müşterimizin yararlandığı 100'e yakın hizmetlerimizden sizlerde yararlanabilirsiniz. Onlarca ücretsiz web hizmeti ve profesyonel destekle sizleri daima daha ileriye taşımayı hedefliyoruz.
Tüm Yenilik ve Kampanyalardan Haberdar Ol
No Comments
Son Yazılar
- Büyük Veri ile Tüketici Davranışlarının Tahmini 13 Aralık 2024
- Bulut Bilişim (Cloud) ile Maliyet Azaltan Şirketler 12 Aralık 2024
- Ağ Güvenliğinde Sektörel Trendler ve Öne Çıkan Teknolojiler 12 Aralık 2024