Yayınlar

javascript-dersleri etiketine sahip yayınlar gösteriliyor

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

Resim
Merhaba arkadaşlar bu yazımda  eski tarayıcılarda çalışmayan kodları nasıl gizleyebileceğimizi ve  uzunca yazılan  javascript kod satırlarını bölme yi öğreteceğim. Web tasarım ve kodlama dersleri adı altında  başlatmış olduğum javascript dersleri makalelerimin hepsini okumanızı istiyorum ve sizler için hazırlanan uygulamaların hepsini dikkatle uygulayarak öğrenin.Bir önceki yazımda javascript ile neler yapılabilir  konusunu işledim. Js de eski tarayıcılarda çalışma ve kod satırlarını gizleme Bazen web site yapmak istediğimizde  hangi programlama dilini kullanırsak kullanalım kodlar uzayabiliyor bu gibi durumlarda javascript kodlarını bölerek alt satıra rahatlıkla geçişler yapabiliriz.Aşağıdaki örnekte javascript kodunu  ters slash (\) ile bölerek rahatça kod yazımına devam edeceğiz.Örneği inceleyiniz. <!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Js ile kod satırını bölme</title> <

Javascript ile neler yapılabilir

Resim
Javascripti web prokelerimizde hangi amaçlarla nasıl kullanabileceğimizi ve javascript ile neler yapılabilir bu yazımda bunları anlatmaya çalışacağım.Javascript  kullancı taraflı bir dildir.Öğrenilmesi en kolay  web programlama dilidir.Ve bir webmasterın öğrenmesi gereken temel 3 dilden biridir.Bu diller:Html,Css ve Javascripttir. Javascript ile neler yapılır Javascript HTML elemanlarının içeriğini değiştirebilir.Aşağıda uygulmada p1 id'ye sahip bir paragrafı Js ile içeriğini değiştirebilirsiniz.Bunun için yapmanız gereken tek şey Butonu çalıştırmak.Javascript kodlarını head kısmında da kullanabiliriz ben daha çok body etiketinden önce kullanıyorum. Javascript ile Html elemanlarının içeriğini değiştirme <!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Js ile html belgesindeki bir elemanın içeriğini değiştirme.</title> </head> <body> <p id="p1">Bu paragr

Javascript yapısı ve DOM nedir

Resim
Javascript yapısı denildiğinde ilk akla gelmesi gereken nesne yönelimli  program olduğudur.Object Oriented bir dilde denilebilir.Nesne yönelimli programlamada her şey bir nesneden oluşur.Nesnelerin özellikleri ve davranışları(metodlar) vardır. Javascript Nesne Yönelimli bir programlama dilidir. Şimdi aşağıdaki kodları incelemenizi istiyorum. Javascript ile bir yazı yazdırmak istediğimizde klasik olarak kullanılan bir kod var.Document nesnesinin  write metodu kullanılarak html dökümanına yazı yazdıracağız. <!DOCTYPE html> <!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Js ile yazı yazdırma metodu</title> </head> <body> <script type="text/javascript"> document.write("şu anda saat 18:53"); </script> </body> </html> Görüldüğü üzere DOM modelindeki document nesnesi'nin  write metodu kullanılarak

javascript açıklama satırı

Resim
Javascript  dersleri serimizde açıklama satırlarını inceleyeceğiz..Bir web sitesini kodlamaya kalktığınızda bir yerde kodlar birikiyor ve nerede hangi kodu uygulamıştık, niçin o kodu yazmıştık kafamız karışabilir.Bu gibi durumlarda  js uzantılı dosyamızda ya da html içerisindeki script tagları arasına  açıklama satırıları ve yorumlar yazabiliriz. javascript-aciklama-satiri Javascript açıklama satırı örneği   Diyelim ki ben bugünün günlerden ne olduğunu javascript ile yazmak istiyorum.Javascripti html içersine gömdüğüm için // çift slash işaretiyle bir açıklama satırı yorum bloğu ekleyebilirim.Sonradan çalışmama döndüğüm zaman ne işe yaradığını hızlıca anlayabilirim. // Javascript ile bugünün tarihini yazdıracağım var t = new Date(); Javascript derslerimizin ilerleyen safhalarında daha çok örneklerle ve uygulamalarla destekleyeceğiz. Javascript hakkında bir kaç hatırlatma Kullanıcı taraflı bir script dili olduğundan herkes sayfa kaynağ

javascript yazım kuralları

Resim
Tekrardan merhaba arkdaşlar bu dersimizde javascript yazım kuralları nı inceleyeceğiz. İngilizce olarak karşımıza javascript syntax olarak da çıkabilir. javascript kodlarını yazarken dikkat edilmesi gerekenler değişkenler harf yada (_) çizgi ile başlar. ilk karakter olarak rakamları kullanamayız.İkinci karakter olarak kullanılabilir. #sayfa, $ad, 6kimlik gibi değişken oluşturulamaz Değişkenlerin uzunlugu 255 karakter olabilir. büyük harf küçük harf ayrımı vardır ersan ile ERSAN veya erSan gibi değişken isimleri javascript için farklıdır ve farklı yorumlanır.Buna dikkat etmemiz gerekir. Türkçe karakter kullanımından kaçınmamız gerekir ["ç","ş","ı","ü"] gibi harfleri değişken isimlerinde kullanmayın. Değişkenleri tanımlarken var anahtar kelimesi ile kullanmalıyız. sabit değişkenleri oluştururken const kullanılır. Örneğin const ADI_SOYADI vb.. Javascriptin kendine ait olan anahtar kelimelerini değişken ismi olarak kullanmamalıyız

Javascript Derslerine Giriş

Resim
Javascript ,kullanıcı taraflı(client) yani bilgisayarımızdaki tarayıcılarda çalışarak html kodlarını biçimlendiren,değiştirebilen ve dinamik web sayfaları üretmemizi sağlayan bir script dilidir. Javascript öğreniyorum Javascriptin özellikleri Kullanıcı taraflı çalışan bir scripttir. Javascript dosyalarının uzantıları .js uzantılıdır. Sitelerin kullanıcıları tanımak için kullandıkları çerezler hariç bilgisayarda dosya oluşturamaz değiştiremez veya yazamaz. Tarayıcılarda(browser) çalışırlar. <script> </script> etiketleri arasına yazılırlar. Farklı tarayıcılarda aynı şekilde çalışmayabilirler. Javascript kodlarını iki şekilde sayfada kullanabiliriz Javascript kodları html sayfası içerisinde yazılabileceği gibi, harici bir dosyadan da çağırabiliriz.Aşağıdaki bir html sayfası kaynak kodlarına dikkat edin,javascript kodları script etiketleri arasına yazılmıştır. <