Merhaba. Eğitim serisine yeni bir kategoriden devam ediyorum. Bu yazı dizisinde Javascript‘i anlatacağım. Her zamanki gibi kodları kopyala yapıştır yapmak yerine, kodları aynen yazıp elinizin alışması için resimlerle anlatmaya çalışacağım. Yararlı olma temennisiyle vakit kaybetmeden başlıyorum. JavaScript Nedir ?
JavaScript Nedir ?
Javascript, Netscape firması tarafından geliştirilmiştir. İsminden dolayı java‘ya yakın gibi görünse de birbirlerine uzaktırlar. Javascript, programlama dilinden ziyade bir script dilidir.
Html sayfalarının içine yazılarak, sayfayı daha etkileşimli hale getirir. Örneğin click olayları, uyarı mesajları gibi hareketlerle sayfayı daha dinamik hale getirir. Javascript olmadan yazılan html sayfalarıyla yapılabilecekler sınırlıdır.
Web developer olmak isteyenler için öğrenilmesi gereken bir scripttir. Tabiki bundan önce iyi bir html-css bilgisi olması gerekir. Html-css ikilisi için 2 gününüzü ayırmak yeterli olacaktır diye düşünüyorum. İnternette anlatımı iyi olan birçok html-css eğitimleri mevcuttur.
Html dersleri için burayı tıklayın
Css dersleri için burayı tıklayın
Javascript kodları <script>…</script> etiketleri arasına yazılırlar. Html sayfası içinde ise <body> etiketinin arasına gömülürler. Yerine göre <head> etiketinden sonra da yazılabilir.
Kısa bir giriş bilgisinden sonra şimdi basit bir örnekle bitirelim.
1) İlk olarak temel html kodları üzerinden gidelim.
Notepad++ ya da notepad programını açın ve yukarıdaki kodları yazın. Sol üst köşeden Dosya -> Farklı Kaydet seçeneğini seçin ve uzantısını .html olacak şekilde kaydedin. Örneğin deneme.html
Bu .html uzantılı sayfamıza sağ tıklayıp tarayıcıda açtığımızda boş bir sayfa gelecektir. Çünkü body kısmına birşey yazmadık. Body kısmında, sayfamızda görünmesini istediğimiz şeyleri yazarız. Head etiketleri arasına ise sayfamızın başlığını, import işlemlerini vs. yaparız.
2) Şimdi javascript kodlarımızı nasıl kullanacağımız görelim. Biraz önceki düz html sayfasıydı.
Body etiketlerimizin arasına <script> etiketlerini yazdık ve sonunda da </script> ile kapadık. Bu <script> etiketlerinin arasına javascript kodlarımızı yazarız. Ben burda ekrana yazdırma işlemi yaptım. Javascriptte ekrana yazdırma işlemi document.write() ile yazdırılır.
<script> etiketinin içine type=”text/javascript” özelliğini ekledik. Burada javascriptin kullanıldığını belirttik. Ayrıca head kısmında <meta charset=’utf-8′> etiketini yazmamızın sebebi ise türkçe karakter sıkıntısı yaşamamız için.
Kodumuzu yazdıktan sonra kaydedip, html uzantılı sayfayı tekrar çalıştırırsak (sayfa yenileme de yapılabilir) aşağıdaki çıktıyı elde ederiz.
İlk derste javascripte kısa bir giriş yaptık. Diğer derslerde görüşmek üzere
Aşağıda basit bir html kodu var.
Seri port ile haberleşme yapabilmek için bunun içine nasıl bir javascript kodu yazabiliriz?
İnternette fazla örnek bulamadım.
Bulduklarım da çalışmadı.
seriport
Seri Port Kullanımı:
Seri Porta Gönderilecek Veri……:
Seri Porttan Gelen Veri……………:
Gönder
bakalım çalışcak mı
😀