ID: 103667 Kategori: Javascript Konu Sahibi: Coco 3 Yorum 207 Okunma
Konuyu Değerlendir
  • 0 Oy - 0 Ortalama
  • 1
  • 2
  • 3
  • 4
  • 5
JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici
ChromaX Theme
Forum Üyesi
Forum Üyesi
*
3
konular
113
mesajlar
5 Eki 2018
Kayıt Tarihi
10
Forum Puanı
Seviye: 10 [LevelLevel]
Toplam Puan: 224
Rütbe 22 / 228
92% kaldı

Rütbe
Aktiviteler 41 / 224
83% kaldı

Aktiviteler
Deneyim 12
88% kaldı

Deneyim
#1
15-01-2020, Saat: 11:08
[Resim: d7W2S7.jpg] 

JavaScript, modern web geliştirmenin temeli haline gelmiştir. Her web geliştiricisinin mutlaka öğrenmesi gereken önemli bir araç haline geldi. JavaScript, diğer programlama dillerinden farklı kılan özelliklere sahiptir. Ne olduğunu, nasıl çalıştığını ve onunla neler yapabileceğinizi inceleyeceğim. Hadi başlayalım ?JavaScript Nedir? JavaScript, web için geliştirilmiş betik dilidir. Yorumlanmış dildir, yani kodunu C veya C ++ gibi çevirmek için derleyiciye ihtiyaç duymaz. JavaScript kodu doğrudan seçtiğiniz web tarayıcısında çalışır. JavaScript, web uygulamaları veya web sayfaları oluşturmak için HTML ve CSS ile çalışır. JavaScript, Google Chrome, Firefox, Safari, Microsoft Edge, Opera vb. Çoğu modern web tarayıcısı tarafından desteklenmektedir. Android ve iPhone için çoğu mobil tarayıcı artık JavaScript’i de desteklemektedir.JavaScript, web sayfalarının dinamik öğelerini kontrol eder. Web tarayıcılarında ve daha yakın zamanda web sunucularında da çalışır. Uygulama Programlama Arabirimleri (API) de JavaScript tarafından desteklenir ve size daha fazla işlevsellik kazandırır.
 
Alıntı: Web programlamanın nasıl çalıştığını anladığınızda JavaScript’in tüm çalışma yöntemlerini öğrenmek daha kolay olacaktır, bu yüzden daha fazla bilgi edinelim.
 
Web Uygulaması Yapı TaşlarıWeb siteleri ve uygulamaları oluşturmak için gereken üç bileşen vardır: HTML, CSS ve JavaScript. Her birinin web uygulaması oluşturmada önemli rolü vardır.
  • HTML , web sayfasının iskeletini oluşturan biçimlendirme dilidir. Tüm paragraflar, bölümler, resimler, başlıklar ve metinler HTML ile yazılmıştır. İçerik, web sitesinde HTML’de yazıldığı sırada görünür
  • CSS , stil ve ek özelliklerini kontrol eder. CSS, renkleri, yazı tiplerini, sütunları, kenarlıkları vb. Oluşturarak web sitesinin tasarımını oluşturmak için kullanılır. Web sitesini düz metin öğelerinden renkli tasarımlara götürür.
  • JavaScript , Uygulamanızda dinamik etkinlik oluşturmak istiyorsanız JavaScript kullanmanız gerekir. JavaScript’te komut dosyası oluşturarak, düğmeler tıklatıldığında işlevleri denetleyen, parola formlarının nasıl doğrulandığı, medyanın nasıl denetlendiği gibi konuları kontrol edebiliriz.
Her üç bölüm de tam ölçekli uygulamalar oluşturmak için birbirleriyle uyumlu çalışır. HTML ve CSS hakkında daha fazla bilgiye ihtiyacınız var ise diğer yazılarıma göz atabilirsiniz.JavaScript Nasıl Çalışır?JavaScript yazmadan önce, başlık altında nasıl çalıştığını bilmek önemlidir. Öğrenilecek iki önemli parça vardır: Web tarayıcısı nasıl çalışır ve Belge Nesne Modeli (DOM).Web tarayıcısı web sayfası yükler, HTML’yi ayrıştırır ve içerikten Belge Nesne Modeli (DOM) olarak bilinen dosyayı oluşturur. DOM, web sayfasının JavaScript kodunuza canlı görünümünü sunar. Tarayıcı daha sonra resimler ve CSS dosyaları gibi HTML ile bağlantılı her şeyi alır. CSS bilgileri CSS ayrıştırıcısından gelir.Önce web sayfasını oluşturmak için HTML ve CSS, DOM tarafından bir araya getirilir. Daha sonra, tarayıcıların JavaScript motoru JavaScript dosyalarını ve satır içi kodu yükler, ancak kodu hemen çalıştırmaz. HTML ve CSS’nin yüklemeyi bitirmesini bekler. Bu yapıldıktan sonra JavaScript kodun yazıldığı sırada yürütülür. Bu, DOM’nin JavaScript koduyla güncellenmesine ve tarayıcı tarafından oluşturulmasına neden olur. Buradaki düzen önemlidir. JavaScript HTML ve CSS’nin bitmesini beklemiyorsa, DOM öğelerini değiştiremez.JavaScript ile Ne Yapabilirim?JavaScript, Python gibi bir dilin yapabileceği birçok şeyi yapabilen tam teşekküllü programlama dilidir. Bunlar:
  • Değişkenlerin bildirilmesi.
  • Değerlerin saklanması ve alınması.
  • Fonksiyonları tanımlama ve çağırma.
  • JavaScript nesnelerini ve sınıflarını tanımlama.
  • Harici modüllerin yüklenmesi ve kullanılması.
  • Tıklama olaylarına yanıt veren olay işleyicileri yazma.
  • Sunucu kodu yazma.
JavaScript kodlamaya başlayalım ;Değişkenleri bildirme: JavaScript dinamik olarak yazılmıştır, yani kodunuzdaki değişkenlerin türünü bildirmeniz gerekmez. 
Kod:
let sayi = 5;
let yazi = "Merhaba";
var i = 0.25;
 Operatörler :Toplama :
Kod:
1
212 + 5
>> 17
 Çıkarma :
Kod:
 20 - 8
>> 12

Çarpma :​​​​​​​
Kod:
 5 * 2
>> 10
 Bölme : 
Kod:
 50 / 2
>> 25
 
Kod:
let dizi = [1,2,4,5];
let dizi = ["merhaba","dünya"];
 

Diziler :
JavaScript ile fonksiyonlar yazabiliriz, iki sayının toplama işlemini yapan bir fonksiyon örneği yapalım.Fonksiyonlar :
Örnek olarak for ve while döngüleriyle ekrana 3 defa merhaba dünya yazdıralım.
Döngüler :
Kod:
 function toplam(sayi1,sayi2){
return sayi1 + sayi2;
}
>> toplam(10,5);
>> 15
 
Kod:
 for(let i = 0; i < 3; i++){
console.log("Merhaba Dünya");
}
>> Merhaba Dünya
>> Merhaba Dünya
>> Merhaba Dünya
 
Kod:
 let i = 0;
while(i < 3) {
console.log("Merhaba Dünya");
i++;
}
>> Merhaba Dünya
>> Merhaba Dünya
>> Merhaba Dünya

Web Sayfasında Nasıl Kullanılır ?Web sayfasına JavaScript yüklemenin en yaygın yolu komut dosyası HTML etiketini kullanmaktır. Gereksinimlerinize bağlı olarak, aşağıdaki yöntemlerden birini kullanabilirsiniz.Harici JavaScript dosyasını, web sayfasına aşağıdaki gibi yükleyebiliriz: 
Kod:
<script type="text/javascript" src="/path/to/javascript"></script>
 JavaScript doğrudan HTML’ye gömülebiliriz : 
Kod:
 <script type="text/javascript">
alert("Sayfa yüklendi!");
</script>
 İmg etiketindeki resmi değiştirmek ister misiniz ? Tek tıklama olayı ile bunu yapalım SmileBu yükleme yolları dışında, başka JavaScrip yükleme işlemleri de bulunmakta. Temel düzey çalışma yaptığımız için şimdilik yukarıda ki JavaScrip yükleme yöntemlerini öğrenmek yeterli olacaktır Smile 
Kod:
 <img id="resim" src="araba-resim.png">
<button onclick="document.getElementById('resim').src='araba-resim.png'">Resim Değiştir</button>
 Bu yazımda JavaScrip programlama diline temel düzeyde giriş yapmış olduk. Umarım yeterince açıklayıcı olmuştur. Konu ile ilgili düşüncelerinizi ve sorularınızı bana yorum yaparak iletebilirsiniz. Yeni yazıda görüşmek üzere Smile
JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici
ChromaX Theme
Forum Üyesi
Forum Üyesi
*
29
konular
230
mesajlar
5 Ara 2019
Kayıt Tarihi
36
Forum Puanı
Seviye: 15 [LevelLevelLevelLevelLevel]
Toplam Puan: 758
Rütbe 35 / 356
92% kaldı

Rütbe
Aktiviteler 88 / 758
90% kaldı

Aktiviteler
Deneyim 25
75% kaldı

Deneyim
#2
15-01-2020, Saat: 16:53
Başarılı bir konu olmuş elinize sağlık.
{
cout<<"ForumCSDark - Edwen* \n" << endl; return 0;
}
JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici
ChromaX Theme
Forum Üyesi
Forum Üyesi
*
81
konular
350
mesajlar
4 Eki 2018
Kayıt Tarihi
17
Forum Puanı
Seviye: 17 [LevelLevel]
Toplam Puan: 1,238
Rütbe 42 / 421
92% kaldı

Rütbe
Aktiviteler 122 / 1238
92% kaldı

Aktiviteler
Deneyim 86
14% kaldı

Deneyim
#3
16-01-2020, Saat: 01:08
bunu sonuna kadar uygulayarak okudum 2.side gelsin beklemedeyim Heart
"Uçamıyorsan Kaliteli Otur."
JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici
ChromaX Theme
Bölüm Sorumlusu
Bölüm Sorumlusu
**
1,003
konular
3,219
mesajlar
27 Eki 2018
Kayıt Tarihi
13
Forum Puanı
Seviye: 44 [Level]
Toplam Puan: 27,940
Rütbe 108 / 1080
91% kaldı

Rütbe
Aktiviteler 1,077 / 27940
98% kaldı

Aktiviteler
Deneyim 22
78% kaldı

Deneyim
#4
30-01-2020, Saat: 10:41
Teşekkür ederiz broom Smile
Başarımın sırrı durmak bilmiyen hırsım ve inadımdır.'   Wink




-IMANSIZ BARAN HOCA


Anahtar Kelimeler

JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici, JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici indir, JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici Videosu, JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici online izle, JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici Bedava indir, JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici Yükle, JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici Hakkında, JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici nedir, JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici Free indir, JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici oyunu, JavaScript Temel Ders Bölüm 1 | JavaScript Öğretici download


Benzer Konular...
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  JavaScript Kürenin Alanını Hesaplama The Simtem 2 79 16-02-2020, Saat: 05:03
Son Mesaj: picakdarbesi
  JavaScript Kilometreyi Mile Dönüştürme Örneği The Simtem 1 62 30-01-2020, Saat: 10:49
Son Mesaj: Baran Yılmaz
  JavaScript window.setTimeOut Örneği The Simtem 1 61 30-01-2020, Saat: 10:48
Son Mesaj: Baran Yılmaz
  JavaScript Sayfayı 5 Saniyede Bir Yenileme Kodu The Simtem 3 66 30-01-2020, Saat: 10:47
Son Mesaj: Baran Yılmaz
  JavaScript Integral Alma The Simtem 2 67 30-01-2020, Saat: 10:47
Son Mesaj: Baran Yılmaz
  JavaScript Rastgele Harf ve Sembol Üretme – JavaScript Şifre Üretici The Simtem 2 123 30-01-2020, Saat: 10:46
Son Mesaj: Baran Yılmaz
  JavaScript AnimateRequestFrame The Simtem 1 73 30-01-2020, Saat: 10:46
Son Mesaj: Baran Yılmaz

Foruma Git:

Görüntüleyenler: 1 Ziyaretçi

ForumCSDark