Javascript Netscape firmasının 1995 yıllarında geliştirdiği bir script dilidir. Her an gelişen teknolojinin içindeki web sayfalarının, son dönemlerde güzel şekillerde süslenmesi, geliştirilmesi ve kullanım kolaylığı yaratması açısından web uygulamalarında farkında olmasak bile sıkça karşılaştığımız bir kavram Javascript.
Peki bu script dilini nerede kullanabiliriz? Basit olarak anlatmak gerekirse Javascript’i etkileşimli ve dinamik web sayfalarında kullanabiliriz. İsim olarak Java'ya benzese de bu 2 teknoloji birbirinden çok farklıdır.
JavaScript ile Java Aynı Mı?
JavaScript’e yeni başlayanların, web ortamında sık karşılaştığı bir kavram da Javascript için kısaca java ifadesi kullanılması sorunudur.
Java ile JavaScript dilleri bir birinden çok ama çok farklı kavramlardır. Java, bir makine ortamında bağımsız olarak çalıştırabileceği anlamına gelen, nesne yönelimli bir programlama dilidir.
JavaScript ile Neler Yapılabilir?
Javascript ile html sayfalarını düzenleyebilir, bu sayede yukarıda söylediği gibi dinamik web sayfalarını rahatça hazırlayabilirsiniz. JavaScript kullanılan web sayfalarını düzgün görüntüleyebilmek için tarayıcınızın JavaScript desteğine sahip olması gerekmektedir. Günümüzdeki tarayıcıların çoğu Javascript'i desteklemektedir.
React Native Nedir? Hala bilmiyorsanız lütfen bu içeriğimizi okuyunuz.
https://www.vayes.com.tr/tr/blog/react-native-nedir
Javascript web sayfası açıldığından itibaren çalışmaya başlar ve biz sayfayı kapatana kadar çalışmaya devam eder. Web sayfaları ise onları çağırdığımız anda, kaynak kodları, web server ve yorumlayıcılardan milisaniyeler içerisinde geçerek, bizim HTML adını vermiş olduğumuz bir dile render edilerek sayfayı isteyen tarayıcıya gönderirlirler.
Bu kodların bizim tarayıcımıza geldiği an, web sayfasındaki bütün kodların çalışıp, işlemleri yapıp bize sonucu geri döndükleri ve tüm işlerin bittiği andır. Yani herşey milisaniyeler içinde geliştikten sonra sayfalar bize sadece statik (durağan) bir görüntü sunarlar. İşte Javascript tam burada devreye girer.
Bu karşımıza sunulan, HTML kodlarından oluşmuş görüntüyü dinamik hale getirmemize yarar.
Örneğin bir resme tıklayıp sayfa yenilemeden büyümesini sağlama veya sayfa yenilemeden dosya yükleme ve görüntüleme yapmamızı sağlayan kavramdır.
JavaScript Nasıl Kullanılır?
JavaScript HTML kodları içerisinde [removed][removed] tagları içerisinde kullanılacağı gibi harici bir .js uzantılı dosya olarak da sayfaya sonradan çağrılabilir.
Html İçerisinde Kullanılan
[removed]
//javascript kodları
[removed]
Javascript'in dosya halinde çağırılması
[removed][removed]
Javascript, HTML ( <html></html> ) blogunun içinde görevine göre yer alacağı yerler vardır. Genelde fonksiyonlar, Javascript dosyaları ve sayfaya etki edecek işlemler <head></head> blogu içinde yer alır. Ancak bazı işlemler vardır ki bunlar <body></body> blogunun içinde yer alabilir. Örnek olarak;
Örnek Kullanım
<html>
<head><title>JavaScript Denemesi</title> </head>
<body>
Bu normal bir HTML yazısıdır.
[removed] [removed]("Bu javascript yazısıdır!"); [removed]
Normal HTML e dönüş.
</body>
</html>
Sayfa çıktısı şu şekilde olacaktır:
//Bu normal bir HTML yazısıdır.
//Bu javascript yazısıdır!
//Normal HTML e dönüş.
Örnekte de görüldüğü üzere
tagları haricinde sayfaya [removed] ile yazı yazdırdık. Peki fonksiyon nasıl yazılır? Gelin şimdi de butona tıklandığında uyarı mesajı veren bir örnek yapalım.
<html>
<head> <title>JavaScript Buton Denemesi</title>
[removed] [removed] = function() { document.getElementbyId("deneme").onclick = function() { alert("Bu bir uyarı mesajıdır!"); } } [removed]
</head>
<body>
<input type="button" id="deneme" value="Mesaj Ver" />
</body>
</html>
Butona tıklandığında sayfada görünen
//Bu bir uyarı mesajıdır!
JavaScript Nasıl Öğrenilir?
Aslında JavaScript de diğer yazılım dillerinde olduğu gibi örnekler üzerinde çalışarak öğrenilebilir. Aşağıya JavaScript öğrenebileceğiniz birkaç kaynak için link ekliyoruz.
Youtube Javascipt dersleri için Tıklayınız.
Türkçe metin ile arayanlar için Tıklayınız.
İngilizce metin ile arayanlar için Tıklayınız.
Bu konuda size nasıl yardımcı oluyoruz?
Sıkça Sorulan Sorular
Javascript Nedir ve Nerelerde Kullanılır?, Javascript’in HTML ve CSS ile İlişkisi Nasıldır?, 2024 Yılında Javascript’in Web Geliştirmedeki Rolü Ne Olacak?,Javascript ile Hangi Etkileşimli Özellikler Eklenebilir?,Javascript Öğrenmek İçin Hangi Kaynaklar Kullanılabilir?,
JavaScript, web sayfalarında dinamik içerik ve etkileşimli özellikler eklemek için kullanılan bir programlama dilidir. HTML ve CSS ile birlikte çalışarak, kullanıcıların web sayfalarıyla etkileşimde bulunmasını sağlar. Bu dil, formlar, animasyonlar, haritalar ve veri görselleştirmeleri gibi özelliklerin gerçekleştirilmesinde kullanılır. JavaScript, günümüzde çoğu modern web uygulamasının temel bileşenidir.,JavaScript, HTML ile sayfa yapısını oluştururken, CSS ile sayfanın görünümünü düzenler. JavaScript, bu iki dili birleştirerek sayfalara etkileşim ve dinamiklik ekler. Örneğin, kullanıcı bir butona tıkladığında JavaScript, CSS özelliklerini değiştirerek görsel öğelerin animasyonlu şekilde görünmesini sağlar. Bu üçlü, modern web tasarımının temel taşlarını oluşturur.,2024 yılında JavaScript, daha fazla web uygulamasının temel bileşeni olmaya devam edecek. Web geliştiricilerinin çoğu, JavaScript’i ve onun modern kütüphanelerini (React, Vue.js, Angular) kullanarak dinamik ve hızlı uygulamalar geliştirecek. JavaScript’in sunucu tarafında kullanılabilmesi için Node.js gibi teknolojiler yaygınlaşacak. Bu, web geliştirme süreçlerini daha verimli ve esnek hale getirecek.,JavaScript, kullanıcı etkileşimine dayalı bir dizi özellik eklemeyi mümkün kılar. Bu dil ile form doğrulama, dinamik menüler, görsel kaydırıcılar, popup pencereler ve etkileşimli grafikler oluşturulabilir. JavaScript, kullanıcıların sayfada yaptığı her türlü eyleme anında tepki verir, böylece kullanıcı deneyimini iyileştirir. Aynı zamanda API’lerle veri alıp gönderebilir, gerçek zamanlı özellikler sunar.,JavaScript öğrenmek için birçok online kaynak ve eğitim platformu mevcuttur. Başlangıç seviyesindeki kullanıcılar, Codecademy, freeCodeCamp gibi ücretsiz platformlarla temel bilgileri öğrenebilirler. İleri düzey kullanıcılar, MDN Web Docs gibi kaynaklardan daha derinlemesine bilgilere ulaşabilir. YouTube ve Udemy gibi platformlar, interaktif dersler ve projelerle öğrenmeyi daha eğlenceli hale getirir.
Dijitalde büyümek için doğru adımı mı arıyorsunuz?
Ücretsiz strateji görüşmesinde size özel bir yol haritası çıkaralım.
Ücretsiz Strateji Görüşmesi →
Serdar Gürsoy
Kurucu / İnovasyon Yöneticisi, Vayes Digital
15+ yıllık dijital pazarlama ve web yazılımı deneyimi. Google Ads, SEO ve büyüme stratejileri konusunda Türkiye'nin önde gelen uzmanlarından.
LinkedIn'de takip et →
Bildirim Merkezi 00:00