React'te olaylarla etkileşim kurun
Working with Events, React'te kullanıcı etkileşiminin kalbi olan olay işlemeyi derinlemesine öğretir. Eğitim JSX'te olay bağlama, handler yazımı ve SyntheticEvent sistemiyle başlar; olaya parametre geçme ve sık kullanılan olayları işler.
Olay işleme temelleri, synthetic event, form olayları ve etkileşimli proje
Working with Events, React'te kullanıcı etkileşiminin kalbi olan olay işlemeyi derinlemesine öğretir. Program JSX'te olay bağlama, handler yazımı ve SyntheticEvent sistemiyle başlar; olaya parametre geçme ve sık kullanılan olayları işler. Form ve girdi olayları, preventDefault, stopPropagation ve olay-durum senkronizasyonu ele alınır. Eğitim; olay köpürmesi ve delegasyon, klavye ve fare olayları ve etkileşimli bir uygulama projesini kapsar.
3 Gün. Her gün dört modül; olay işleme temellerinden form olaylarına ve etkileşimli bir projeye kadar her konu uygulamalı olarak işlenir.
Orta Seviye — React'te olay işleme, synthetic event, form olayları ve etkileşimli arayüz kurma
Her olay türü küçük etkileşim örnekleriyle kodlanır; olaylar state ile birleştirilerek etkileşimli bir uygulamada pekiştirilir.
Olaylar, kullanıcının uygulamayla konuştuğu dildir; olay işlemeye hakim olmak her etkileşimli arayüzün temelidir.
React'in SyntheticEvent sistemini kavrayarak tarayıcılar arası tutarlı ve öngörülebilir olay yönetimi yaparsınız.
Form, klavye ve fare olaylarını state ile birleştirerek akıcı ve kullanıcı dostu etkileşimli arayüzler kurmayı öğrenirsiniz.
Eğitimden verim almak için faydalı olacak bilgi ve hazırlık
Bileşen, JSX ve basit bir React uygulaması kurma bilgisi bu eğitim için faydalı olur.
useState ile durum tanımlama ve güncelleme bilgisi, olayları state ile birleştirmede oldukça faydalıdır.
Fonksiyon, arrow fonksiyon ve closure kavramına aşinalık, olay işleyici yazımını kolaylaştırır.
Node.js, npm ve VS Code kurulu bir bilgisayar; örnek proje Vite ile ilk modülde birlikte oluşturulur.
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:
JSX'te olayları bağlar, handler yazar ve satır içi ile ayrı handler arasındaki farkı bilerek olayları doğru biçimde kurarsınız.
React'in SyntheticEvent sistemini kavrar, event nesnesini okur ve tarayıcılar arası tutarlı olay yönetimi yaparsınız.
Olay işleyiciye argüman geçer, liste öğelerine özel handler bağlar ve gereksiz yeniden oluşturmadan kaçınırsınız.
onSubmit, onChange ve preventDefault ile form ve girdi olaylarını yönetir, çoklu girdiyi tek handler ile ele alırsınız.
preventDefault ve stopPropagation ile varsayılan davranışı ve olay köpürmesini kontrol eder, iç içe öğeleri yönetirsiniz.
Olayları state ile güvenle birleştirir, debounce ve throttle ile sık olayları seyrelterek gereksiz render'ı önlersiniz.
onKeyDown, onMouseMove ve onWheel gibi olaylarla klavye, fare ve kaydırma etkileşimlerini erişilebilir biçimde kurarsınız.
Buton, form ve klavye olaylarını state ile birleştirerek çalışan, etkileşimli bir React uygulaması 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.
Redux Toolkit, slice, store, createAsyncThunk, RTK Query ve middleware ile React'e ölçeklenebilir global durum yönetimi entegrasyonunu öğreten eğitim.
Detayları Gör →
React Router, Redux Toolkit, eşzamansız veri ve React Testing Library ile sıfırdan tek sayfa uygulama kurup test etmeyi öğreten uçtan uca uygulamalı eğitim.
Detayları Gör →
İleri React eğitimi: useReducer, Context, useMemo/useCallback, React.memo, Suspense, hata sınırları ve durum yönetimiyle ileri seviye React geliştirme.
Detayları Gör →
React geliştirme ve üretim eğitimi: Vite/webpack build, kod bölme, bundle optimizasyonu, Core Web Vitals, Vercel/Netlify yayın ve GitHub Actions CI/CD.
Detayları Gör →
React'e giriş eğitimi: Virtual DOM, JSX, bileşen, props, state, olaylar ve useEffect ile sıfırdan modern web uygulaması geliştirmeyi öğrenin.
Detayları Gör →
React için yerel ortam kurulumu ve online playground eğitimi: Node, npm, VS Code, Vite, Create React App, CodeSandbox ve StackBlitz ile geliştirme.
Detayları Gör →