JavaScript, web geliştiricilerinin öğrenmesi gereken 3 dilden biridir:
1. Web sayfalarının içeriğini tanımlamak için HTML
2. Web sayfalarının düzenini belirtmek için CSS
3. Web sayfalarının davranışını programlamak için JavaScript
Web sayfaları, JavaScript’in kullanıldığı tek yer değildir. Birçok masaüstü ve sunucu programı JavaScript kullanır. Node.js en çok bilinen. MongoDB ve CouchDB gibi bazı veritabanları da kendi programlama dili olarak JavaScript kullanmaktadır.
Web programlamaya yeni başlayan biri javaScript öğrenmeden önce HTML ve CSS kavramlarını bilmelidir. JavaScript DOM yapısı ile HTML ve CSS yapılarını düzenleme imkanına sahiptir.
JavaScript, HTML ve CSS gibi düz metin olarak yazılır. Böylece bir komut dosyası yazmak için herhangi bir yeni araca ihtiyacınız yoktur. Aşağıdaki örnek bir HTML sayfasına günün tarihi ve saatini eklemektedir. Bir HTML dokümanı açıp kodları çalıştırırsanız günün tarih ve saatini ekranda göreceksiniz.
ornek1.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!doctype html> <html> <head> <meta charset="utf-8"> <title>www.tasarimkodlama.com</title> </head> <body> <h2>İlk JavaScript Uygulaması</h2> <button type="button" onclick="document.getElementById('test').innerHTML = Date()"> Günün tarihini yazdır</button> <p id="test"></p> </body> </html> |
ornek2.html
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 30 31 32 33 34 35 36 37 38 39 | <!doctype html> <html> <head> <meta charset="utf-8"> <title>www.tasarimkodlama.com</title> </head> <body> <script> //script kodlarını bu aralıkta yazınız. var bugun= new Date(); var suan = bugun.getHours(); var selam; if (suan > 18) { selam= 'İyi akşamlar!'; } else if (suan > 12) { selam = ' İyi Günler!'; } else if (suan > 0) { selam = 'Günaydın!'; } else { selam = 'Hoşgeldiniz! ' ; } document .write( ' <h3>' +selam + ' </ h3>'); </script> </body> </html> |
1 Yorum