Dün eski bir arkadaşım ile gezerken ve jQuery-Ajax ile çok haşır neşir olurken Javascript ile ilgili konular çok karşıma çıktı. Javascriptin temel yapıtaşlarını biliyorum fakat fazla detaya inmemiştim. Son olayların öncesinde gittiğim iş görüşmelerinde de banko JavaScript-Ajax-jQuery istenince zaten artık zamanı geldide geçiyor bile demiştim bu üçlüye yoğunlaşmamın.
Eski JavaScript bilgilerimi gözden geçirirken JavaScriptin bu güzelliğine rağmen neden ondan uzaklaştığımıda merak etmedim değil. Belki tüm beyin hücrelerim PHP Photoshop XHTML CSSdiye kuduruyorken JavaScripti dışlamıştım biraz.
Bu nedenle bu ayıbımın özürü olarak eski bilgilerin üzerinden geçip yenilerini ekleyerek JavaScript dersleri yazmaya karar verdim =)
Bu derste kısaca JavaScriptten bahsedeceğim ve ne olduğunu, ne işe yaradığını, nerelerde kullanıldığını görerek hıphızlı bir giriş yapacağız.
JavaScript
JavaScript
JavaScript; çaylak web tasarımcıların sitelerine girdiğinizde karşınıza “Hoşgeldiniz” yazısını çıkartır kapanması için “Tamam” tuşuna bastırır. JavaScript; yine aynı kutuyu çıkartabilir fakat bu sefer sizden bir onay isteyebilir mesela “Siteden çıkmak istiyor musunuz?” sorusuna o iğrenç siteden kurtulmaya çalışırken “Evet” cevabına tıklamakla yetindirebilirsiniz “Bir daha girersem iki olsun” butonu yoksa. Sayfaları titretebilir, oynatabilir, otomatik rengini değiştirebilir.
Gün olur devran döner bizim web master öğrenir, kendisini geliştirir artık JavaScript ile sayfalarda ziyaretçilerin uyuz olacağı şeyler değil sitede işlerini kolaylaştıracak şeyler kodlar. Örneğin form alanlarında e-posta alanınızı boş bıraktıysanız sayfayı yönlendirmeden size “E-Posta alanın boş” mesajı verir. Üst kısıma açılır bir kısım koyabilir ve aramalarınızı siteye girişlerini vs. buradan yapabilirsiniz. Bir form alanına rakamsal mı, karakter değeri mi girilip girilmediğini kontrol edebilir. JavaScript işleri kolaylaştırır. Web sitesi ziyaretçilerini rahatlatır tabi kullanmasını bilirsen.
Kısaca JavaScript budur. Şimdi basit bir iki uygulama yapıp tanışmaya başlayalım.
<html>
<head>
<title>Naber JavaScript?</title>
</head>
<body>
Eğer JavaScript ile sayfanın içerisine yazı yazmak istersen şimdi sana saçma gelecek olan (çünkü böylede yazıyoruz ne gereği var bu kadar kodun) işlemleri uygulayabilirsin :
<script language=”JavaScript”>
document.write(“Şimdi JavaScript içerisinde yazıyoruz.“)
</script>
Oldu.
</body>
</html>
İlk kodumuzu yazdık. Burada görüldüğü üzere JavaScript kodları <script language=”JavaScript”></script> tagları arasında yazılır. language=”JavaScript” kısmında ki değer JavaScript 1.2 gibi değiştirilebilir. Pek gerekli bir işlem değildir fakat aklınızda bulunsun bu sayede tarayıcı uyumluluğu için JavaScript versiyonunu yazmış olursunuz.
Şimdi çaylakken yaptıklarımı sizinde çaylaklığınızı atlatmak için yapmanız gerekiyor. Örneğin belirttiğimiz gibi sayfa açıldığında bir mesaj verelim. Bu bazen profesyonel durumlarda da gerekebiliyor. Mesela sitenize ziyaretçi gelip giriş yaptığında bir mesajı zonk diye göstermeniz bazı durumlarda yararlı olabilir. Örneğin “1 yeni mesajın var” gibi…
Söylemişken bir deneyelim şunu;
<html>
<head>
<title>JavaScript Alert Fonksiyonu</title>
<script language=”JavaScript”>
alert(“1 yeni mesajın var”)
</script>
</head>
<body>
<a href=”http://www.teknove.com”>Teknove Teknolojidir.</a>
</body>
</html>
Şimdilik bu kodlarla JavaScript’e hafiften giriş yaptık. Fonksiyon yapıları, değişkenler gibi temel konuları inceleyip uygulama yapmak üzere bir daha ki dersimizde görüşürmek üzere.
TEKNOVE – Uğur
bence herkezin alması gereken bir derss