Veriyi arayüze reaktif biçimde bağlayın
Allowing JavaScript & Data Binding Eğitimi, veri ile kullanıcı arayüzü arasındaki bağı JavaScript ile kurmayı öğretir. Program manuel DOM güncellemeden tek yönlü, iki yönlü ve event binding'e ilerler; getter/setter ve Proxy ile reaktif durum, bağımlılık takib…
DOM bağlamadan reaktif duruma, Proxy ve Observer deseninden çerçeve binding'ine kadar veri bağlama
Allowing JavaScript & Data Binding Eğitimi, veri ile kullanıcı arayüzü arasındaki bağı JavaScript ile kurmayı öğretir. Katılımcılar DOM'u manuel güncellemekten reaktif binding'e geçişi uygular; tek yönlü ve iki yönlü bağlama, template binding, event binding ve getter/setter ile Proxy tabanlı reaktiflik işlenir. Observer ve Pub/Sub desenleri, dirty checking ve çerçevelerin binding yaklaşımı ele alınır. Program kendi küçük reaktif binding kütüphanesini kurmakla tamamlanır.
3 Gün. Her gün dört modül; veri bağlama kavramları manuel DOM güncellemeden reaktif bir mini kütüphaneye kadar kodlanarak işlenir.
Orta Seviye — JavaScript'te veri ile arayüzü bağlama; tek yönlü, iki yönlü ve reaktif binding desenleri
Her binding deseni önce elle, sonra soyutlanarak kodlanır; üç gün boyunca küçük bir reaktif binding motoru adım adım geliştirilir.
Modern çerçevelerin kalbindeki veri bağlama mantığını temelden kavrayarak React, Vue ve Angular'ı çok daha bilinçli kullanırsınız.
Durum değiştiğinde arayüzün otomatik güncellenmesini sağlayan reaktif yaklaşımı öğrenip DOM'u elle güncelleme yükünden kurtulursunuz.
Küçük bir binding motorunu sıfırdan kurarak Proxy, getter/setter ve bağımlılık takibinin nasıl çalıştığını içeriden görürsünüz.
Eğitimden verim almak için faydalı olacak bilgi ve hazırlık
Fonksiyon, nesne, dizi ve closure gibi temel JavaScript kavramlarına aşinalık bu eğitim için gereklidir.
querySelector, addEventListener ve içerik güncelleme gibi temel DOM işlemlerini daha önce yapmış olmak beklenir.
Arrow fonksiyon, destructuring ve template literal gibi ES6 özelliklerini tanımak örnekleri takip etmeyi kolaylaştırır.
VS Code, modern bir tarayıcı ve Node.js kurulu bir geliştirme ortamının hazır olması önerilir.
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:
Veri ile arayüz arasındaki bağı kavrar, imperatif DOM güncelleme ile deklaratif binding arasındaki farkı açıklarsınız.
Veriden arayüze tek yönlü bağlamayı kurar, interpolasyon ve koşullu render ile öngörülebilir akış tasarlarsınız.
Arayüzden gelen olaylarla durumu günceller, delegasyon ve debounce gibi tekniklerle verimli dinleme kurarsınız.
getter/setter ve Proxy ile reaktif durum oluşturur, değişimde ilgili görünümü otomatik güncellemeyi sağlarsınız.
Form girdileri ile durumu çift yönlü senkron tutar, döngüsel güncellemeyi önleyerek v-model benzeri davranış kurarsınız.
Hangi görünümün hangi veriye bağlı olduğunu izler, computed değerleri ve gereksiz render engellemeyi uygularsınız.
Observer ve Pub/Sub desenlerini kullanır, dirty checking ile reaktif izleme arasındaki ödünleşmeyi değerlendirirsiniz.
React, Vue ve Angular'ın binding yaklaşımlarını kıyaslar ve kendi mini reaktif binding kütüphanenizi 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.
JavaScript veri tipleri, tip dönüşümü, operatörler, operatör önceliği ve koşul, döngü, hata yönetimi gibi kontrol yapılarını uygulamalı öğrenin. Orta seviye eği
Detayları Gör →
JavaScript ile DOM seçimi, manipülasyon, eleman oluşturma, olay dinleme, yayılım ve delegasyonu uygulamalı öğrenin. Dinamik arayüz için orta seviye eğitim.
Detayları Gör →
jQuery ile DOM, olay ve AJAX; TypeScript ile tip sistemi, arayüz ve generic; @types/jquery ile tip güvenli jQuery öğreten uygulamalı eğitim.
Detayları Gör →
ES6 ve sonrası modern JavaScript: let/const, arrow, destructuring, class, modül, Promise, async/await ve fetch öğreten uygulamalı eğitim.
Detayları Gör →
Sıfırdan programlama: değişken, koşul, döngü, fonksiyon, dizi, nesne ve DOM ile JavaScript öğreten başlangıç seviyesi uygulamalı eğitim.
Detayları Gör →
Node.js çekirdeği, event loop, çekirdek modüller ve Visual Studio NTVS ile proje, IntelliSense, hata ayıklama ve Azure dağıtımı eğitimi.
Detayları Gör →