Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Erol Mesut Gün tarafından sunulan bir eğitim içeriğidir. Eğitmen, izleyicilerin sorularına cevap vererek motivasyonunu artırmaktadır.
- Videoda HTML5 sayfalarına JavaScript ekleme ve JavaScript ile HTML elemanlarına etkileşim kurma konuları ele alınmaktadır. İlk bölümde temel HTML yapısı (doctype, head, body) oluşturma, JavaScript dosyası ekleme ve temel JavaScript fonksiyonları (querySelector, querySelectorAll, onclick event listener'ları) anlatılırken, ikinci bölümde birden fazla eleman döndüren sorguların oluşturulması ve bu elemanlarla işlem yapma konuları işlenmektedir.
- Eğitim içeriğinde ayrıca for döngüsü ile elemanlara tıklama olayları ekleme, kuvvetli ve kuvvet fonksiyonları ile genel arasındaki haberleşme ve birbirinin içine entegre olabilme özelliği gibi konular da ele alınmaktadır.
- 00:05HTML5 ve JavaScript Dersi Tanıtımı
- Erol Mesut Gün, yakınkampus.com'dan HTML5 ve 3 derslerinden yeni bir ders sunuyor.
- Bugünkü ders, HTML5 sayfalarında JavaScript kontağı kurmak ve değiştirmek üzerine odaklanacak.
- Eğitmen, yeni bir HTML5 sayfası oluşturarak dersi başlatıyor.
- 00:41HTML Sayfası Oluşturma
- Doctype html ile başlayıp, HTML dili olarak İngilizce seçiliyor.
- Head kısmında meta etiketi ile UTF-8 karakter seti belirleniyor.
- Body kısmına bir liste ekleniyor ve liste elemanlarına id değerleri atanıyor.
- 02:55JavaScript Eklentisi
- JavaScript eklemek için head kısmına script etiketi kullanılıyor.
- Script etiketinde src özelliği ile JavaScript dosyası belirtiliyor.
- JavaScript dosyası oluşturulup, fonksiyonlar tanımlanıyor.
- 03:52JavaScript Fonksiyonları ve Seçiciler
- JavaScript'te HTML elemanlarına ulaşmak için document.querySelector fonksiyonu kullanılıyor.
- document.querySelector() fonksiyonu, belirli bir seçici ile HTML elemanlarını döndürüyor.
- document.querySelector() fonksiyonu tek bir eleman döndürürken, document.querySelectorAll() fonksiyonu birden fazla elemanı döndürüyor.
- 05:09JavaScript Fonksiyonlarının Çağrılması
- JavaScript fonksiyonlarını çağırmak için onclick özelliği kullanılıyor.
- window.onload özelliği ile sayfa yüklendiğinde fonksiyonların çalışması sağlanıyor.
- For döngüsü kullanılarak birden fazla elemana tıklama olayı için fonksiyon çağrılabilir.
- 10:08Birden Fazla Eleman Döndürme
- Birden fazla eleman için sorgu yapıldığında, sorgu iki tane netice döndürüyor ve bir koleksiyon oluşturuyor.
- Normalde iki üzerine basıldığında tepki alınmıyor, ancak bir üzerine basıldığında "tıklandığına dair mesaj eklenin" mesajı görüntüleniyor.
- Üç üzerine basıldığında bir şey oluyor ve sorgu artık birden fazla eleman döndürebiliyor.
- 10:56Dersin Özeti
- Bugünkü derste genel arasındaki haberleşme ve birbirinin içine entegre olabilme özelliği ele alındı.
- Kuvvetli ve kuvvet fonksiyonları da bu derste ele alındı.