React'te formları doğru ve hatasız kurun
Build Apps Using React: Working with Forms Eğitimi, React uygulamalarında güvenilir ve performanslı formlar geliştirmeyi uygulamalı öğretir.
Form state'inden doğrulamaya, çok adımlı akışlardan erişilebilirliğe React form geliştirme
Build Apps Using React: Working with Forms Eğitimi, React uygulamalarında form geliştirmenin tüm aşamalarını uygulamalı olarak öğretir. Katılımcılar controlled ve uncontrolled bileşenleri, form state'ini ve custom hook ile mantık ayrımını kurar. React Hook Form ile performanslı formlar, Zod ve Yup ile şema doğrulama, çok adımlı sihirbazlar, dosya yükleme ve erişilebilir hata yönetimi işlenir. Program gerçek bir kayıt ve ödeme formu projesiyle tamamlanır.
4 Gün. Her gün dört modül; basit bir controlled formdan başlanıp dört gün boyunca doğrulamalı, çok adımlı ve erişilebilir bir forma dönüştürülür.
Orta Seviye — React'te form yönetimi: controlled bileşenler, React Hook Form, Zod doğrulama ve erişilebilir UX
Her modülde bir form senaryosu canlı kodlanır; katılımcılar kendi formlarını adım adım doğrulama ve UX iyileştirmeleriyle geliştirir.
Controlled bileşenler ve şema doğrulamayla kullanıcı girdisini güvenle toplar, hatalı veriyi sunucuya ulaşmadan yakalarsınız.
React Hook Form ile gereksiz render'ları önler, büyük ve karmaşık formlarda bile akıcı bir kullanıcı deneyimi sağlarsınız.
Doğru etiket, odak yönetimi ve hata duyurularıyla formları herkesin kolayca kullanabileceği biçimde erişilebilir kılarsınız.
Eğitimden verim almak için faydalı olacak bilgi ve kurulum
Bileşen, props, state ve useState/useEffect hook'larına pratik hakimiyet beklenir; form mantığı bunun üzerine kurulur.
Olay yönetimi, dizi/nesne işlemleri ve asenkron fonksiyonlara hakimiyet form gönderimi ve doğrulamada gereklidir.
JSX ile bileşen yazma, koşullu render ve liste render etme konularında temel rahatlık faydalı olur.
Node.js, npm ve bir kod editörü kurulu, Vite ile örnek bir React projesinin çalıştırılabilir olması gerekir.
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:
Input değerini state'e bağlar, controlled ve uncontrolled yaklaşımı ayırt eder ve senaryoya uygun olanı seçersiniz.
Çoklu alanı tek state veya useReducer ile yönetir, iç içe ve dizi alanları güvenle güncelleyebilirsiniz.
Senkron ve asenkron doğrulama yazar, hataları doğru zamanlama ve mesajlarla kullanıcıya anlaşılır biçimde gösterirsiniz.
useForm, register ve handleSubmit akışıyla performanslı, az render üreten formları hızla kurabilirsiniz.
Zod ve Yup şemalarını resolver ile bağlar, şemadan tip türetir ve koşullu kuralları tanımlayabilirsiniz.
useFieldArray ile tekrar eden alan gruplarını ekler, siler ve düzenleme formlarını varsayılan değerlerle hazırlarsınız.
Sihirbaz formları adımlara böler, state'i korur, kısmi doğrulama ve özet ekranıyla akıcı bir akış kurarsınız.
Etiket, odak ve ARIA kullanımıyla hataları duyurur, formları klavye ve ekran okuyucuyla kullanılabilir kılarsınız.
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.
İleri React: render modeli, reconciliation, memoization, concurrent özellikler, Suspense, useSyncExternalStore ve performans optimizasyonu eğitimi.
Detayları Gör →
Gelişmiş React: hook ustalığı, custom hook, context API, performans, TanStack Query, TypeScript ve React Testing Library ile test eğitimi.
Detayları Gör →
Next.js eğitimi: App Router, sunucu bileşenleri, SSR ve SSG, veri çekme, Server Actions, route handler, optimizasyon ve Vercel'e dağıtım.
Detayları Gör →
İleri Next.js: önbellek mimarisi, Partial Prerendering, ileri Server Actions, kimlik ve güvenlik, gözlemlenebilirlik ve ölçekli dağıtım eğitimi.
Detayları Gör →
Next.js App Router ile SSR, SSG, ISR, Server Components, veri önbelleği, streaming ve Core Web Vitals performans optimizasyonu eğitimi.
Detayları Gör →
Node.js mikroservisleri, REST/gRPC, RabbitMQ ve Kafka, API Gateway, JWT kimlik, Docker, Kubernetes ve React istemci entegrasyonu eğitimi.
Detayları Gör →