DOM ve olaylarla sayfayı yönet
JavaScript: Working with the DOM & Events Eğitimi, sayfayı JavaScript ile dinamik yönetmeyi öğreten dört günlük bir programdır. Katılımcılar DOM ağacı ve eleman seçimi; eleman oluşturma, içerik, nitelik ve stil manipülasyonu; olay dinleme, olay nesnesi, yayıl…
DOM ağacı ve seçimden manipülasyona, olay yönetimi ve delegasyona uzanan uygulamalı akış
JavaScript: Working with the DOM & Events Eğitimi, sayfayı JavaScript ile dinamik olarak yönetmeyi öğretir. Katılımcılar DOM ağacını kavrar; getElementById, querySelector gibi yöntemlerle elemanları seçer. Ardından eleman oluşturma, içerik, nitelik ve stil değiştirme ile DocumentFragment kullanılır. Olay dinleme, olay nesnesi, yayılım ve delegasyon işlenir. Eğitim sonunda DOM ve olay bilgisi birleştirilerek tamamen JavaScript ile yönetilen etkileşimli bir arayüz geliştirilir.
4 Gün. Her gün dört modül; DOM seçiminden manipülasyona ve olay yönetiminden dinamik arayüz projesine ilerlenir.
Orta Seviye — DOM seçimi, manipülasyon, olay yönetimi ve dinamik arayüz geliştirme
Her DOM yöntemi ve olay deseni küçük örneklerle denenir; konular gerçek bir etkileşimli arayüz üzerinde uygulamalı pekiştirilir.
DOM ağacını ve eleman seçimini kavrayarak sayfanın tüm yapısına JavaScript üzerinden erişir ve yön verirsiniz.
Eleman oluşturma, içerik ve stil değiştirmeyle arayüzü kullanıcı etkileşimine göre dinamik olarak güncellersiniz.
Olay dinleme, yayılım ve delegasyonu kavrayarak kullanıcı etkileşimini verimli ve düzenli biçimde yönetirsiniz.
Eğitimden verim almak için faydalı olacak bilgi ve ortam
Temel HTML etiketleri ve CSS stilleri bilgisi DOM seçimi ve stil manipülasyonu için faydalıdır.
Değişken, fonksiyon ve koşul gibi temel JavaScript bilgisi örnekleri izlemek için yararlıdır.
Tarayıcı konsolunu açıp ifade çalıştırabilmek örnekleri denemek için gereklidir.
VS Code gibi bir editör ve geliştirici araçlı güncel bir tarayıcı uygulama için gereklidir.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
DOM ağacını, düğüm türlerini ve document giriş noktalarını kavrayarak sayfanın yapısına hakim olursunuz.
getElementById, querySelector ve querySelectorAll ile elemanları hedefler, ağaç içinde doğru gezinirsiniz.
Eleman oluşturur, içerik ve nitelikleri günceller, DocumentFragment ile verimli biçimde DOM'a eklersiniz.
style ve classList ile stilleri ve sınıfları yönetir, sınıf değişimiyle görsel durumları tetiklersiniz.
addEventListener ve olay nesnesini kullanarak click, input ve klavye etkileşimlerini doğru yönetirsiniz.
Olay akışını kavrar; delegasyonla dinamik öğeleri tek dinleyiciyle verimli biçimde yönetirsiniz.
Reflow'u azaltır, DocumentFragment ve ARIA kullanarak performanslı ve erişilebilir arayüzler kurarsınız.
DOM ve olay bilgisini birleştirerek tamamen JavaScript ile yönetilen etkileşimli bir arayüz geliştirirsiniz.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
Node.js ile mikroservis mimarisi: servis tasarımı, REST ve gRPC, mesajlaşma, API gateway, Docker, Kubernetes ve gözlemlenebilirlik eğitimi.
Detayları Gör →
JavaScript geliştiricileri için ileri Node.js: event loop, akışlar, asenkron desenler, worker threads, API, test, güvenlik ve dağıtım eğitimi.
Detayları Gör →
Node.js ile event loop, Express REST API, MongoDB, JWT kimlik doğrulama, test, clustering ve dağıtımı öğreten uygulamalı kurumsal eğitim.
Detayları Gör →
Node.js modül sistemi, npm ile harici modül kullanımı ve JavaScript operatörlerini (spread, destructuring, nullish) öğreten uygulamalı eğitim.
Detayları Gör →
Node.js ve Express ile şablon motoru, liste görünümleri, sayfalama, form işleme, doğrulama ve CRUD arayüzü geliştirmeyi öğreten uygulamalı eğitim.
Detayları Gör →
TypeScript ile tip sistemi, arayüzler, sınıflar, generics, utility ve ileri tipler, decorators ve build entegrasyonunu öğreten uygulamalı eğitim.
Detayları Gör →