JavaScript'ten React'e ilk adım
JavaScript Kullanarak React'e Giriş Eğitimi, React'e geçmeden önce bilinmesi gereken modern JavaScript özelliklerini tazeleyip bunları doğrudan React bağlamında kullanmayı öğretir.
React için gereken modern JavaScript ile bileşen, props ve hook temellerine giriş
JavaScript Kullanarak React'e Giriş Eğitimi, React'e geçmeden önce mutlaka bilinmesi gereken modern JavaScript özelliklerini tazeleyip bunları doğrudan React bağlamında kullanmayı öğretir. Katılımcılar arrow fonksiyon, destructuring, dizi metotları ve modüller gibi konuları React örnekleriyle pekiştirir; ardından JSX, bileşen, props ve useState/useEffect hook'larını öğrenir. Eğitim, öğrenilenleri birleştiren küçük bir React uygulamasıyla tamamlanır.
2 Gün. Her gün dört modül; React için gereken JavaScript ve React'in temelleri uygulamalı örneklerle işlenir.
Başlangıç Seviyesi — modern JavaScript temelinden React bileşenlerine geçiş yapan giriş eğitimi
Her JavaScript konusu doğrudan React örneğiyle gösterilir; canlı kodlama ve küçük görevlerle öğrenilenler bir uygulamada birleştirilir.
React'e geçişte en çok zorlayan modern JavaScript konularını React bağlamında öğrenerek güçlü bir temel kurarsınız.
Arayüzü yeniden kullanılabilir bileşenlere ayırmayı öğrenir, React'in temelindeki bileşen mantığını kavrarsınız.
İki günde JSX, props ve hook temellerini öğrenip kendi küçük React uygulamanızı kurabilecek güvene ulaşırsınız.
Eğitimden verim almak için faydalı olacak bilgi ve hazırlık
Değişken, fonksiyon, koşul ve döngü gibi temel JavaScript kavramlarına aşinalık bu eğitim için gereklidir.
Temel HTML yapısı ve CSS hakkında fikir sahibi olmak JSX ve arayüz bölümlerinde işleri kolaylaştırır.
Tarayıcı geliştirici konsolunu açıp çıktı görebilmek ve basit hataları okumak faydalı bir beceridir.
VS Code, güncel Node.js ve modern bir tarayıcının kurulu olduğu bilgisayar; kurulum ilk modülde yapılabilir.
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:
Arrow fonksiyon, template literal ve modern söz dizimini React bağlamında rahatça okur ve yazar hale gelirsiniz.
Nesne ve dizi destructuring ile spread/rest operatörlerini kullanır, props okumaya sağlam bir zemin hazırlarsınız.
map, filter ve reduce ile veri işler; listeleri React'te render etmenin temel mantığını kavrarsınız.
JSX söz dizimini öğrenir, fonksiyon bileşenleri yazar ve arayüzü yeniden kullanılabilir parçalara ayırırsınız.
Props ile bileşenler arası veri aktarır, children ve koşullu render ile esnek arayüzler oluşturursunuz.
useState ile bileşen durumunu yönetir, olayları işler ve kontrollü form girdileriyle etkileşim kurarsınız.
useEffect ile yan etkileri yönetir, API'den veri çeker ve yükleme ile hata durumlarını doğru biçimde gösterirsiniz.
Öğrendiğiniz JavaScript ve React temellerini birleştirerek çalışan küçük bir React uygulamasını kendiniz kurarsı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.
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 →
React props ve state eğitimi: props ile veri aktarımı, useState ile durum yönetimi, tek yönlü veri akışı, state lifting ve kontrollü formlar.
Detayları Gör →
React olay işleme eğitimi: onClick, onChange, onSubmit, SyntheticEvent, preventDefault, stopPropagation ve klavye/fare olaylarıyla etkileşimli arayüzler.
Detayları Gör →
React'te form geliştirme: controlled bileşenler, React Hook Form, Zod ve Yup doğrulama, çok adımlı sihirbazlar ve erişilebilir UX eğitimi.
Detayları Gör →
React ile uçtan uca web uygulaması geliştirme: bileşenler, hook'lar, React Router, veri çekme, kimlik doğrulama, performans ve yayına alma eğitimi.
Detayları Gör →
İleri React: render modeli, reconciliation, memoization, concurrent özellikler, Suspense, useSyncExternalStore ve performans optimizasyonu eğitimi.
Detayları Gör →