REACT GİRİŞ EĞİTİMİ

İki günde React'e sağlam bir başlangıç

Bileşen, JSX, props ve state ile React'in temel yapı taşlarını uygulamalı olarak öğrenin

React Giriş Eğitimi, modern web arayüzü geliştirmenin en popüler kütüphanesi React'e sıfırdan ve uygulamalı bir başlangıç sunar. Program React'in bileşen tabanlı düşünme biçimiyle başlar; JSX ile arayüz yazma, props ile veri aktarma ve bileşen kompozisyonu iş…

2 gün Başlangıç Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

React'in bileşen mantığına, JSX'e ve temel durum yönetimine uygulamalı giriş

React Giriş Eğitimi, modern web arayüzü geliştirmenin en popüler kütüphanesi React'e sıfırdan, uygulamalı bir başlangıç sunar. Katılımcılar React'in bileşen tabanlı düşünme biçimini kavrar; JSX ile arayüz yazmayı, props ile veri aktarmayı ve bileşenleri bir araya getirmeyi öğrenir. İkinci gün useState ile durum yönetimi, olay işleme ve listeleri ekranda göstermeyi uygular. Eğitim, öğrenilenleri birleştiren küçük ve etkileşimli bir React uygulamasıyla tamamlanır.

Süre ve Format

2 Gün. Her gün dört modül; React'in bileşen, JSX, props, state ve olay temelleri uygulamalı örneklerle işlenir.

Seviye

Başlangıç Seviyesi — bileşen, JSX, props ve state ile React'e hızlı ve uygulamalı giriş

Öğrenme Metodu

Her konu canlı kodlama ve küçük görevlerle işlenir; iki gün boyunca öğrenilenler küçük bir uygulamada adım adım birleştirilir.

Neden Bu Eğitim?

🚀Hızlı giriş

İki günde React'in temel yapı taşlarını öğrenerek bileşen tabanlı arayüz geliştirmeye hızlı ve sağlam bir başlangıç yaparsınız.

🧱Bileşen mantığı

Arayüzü yeniden kullanılabilir bileşenlere ayırarak React'in temelindeki düşünme biçimini en baştan doğru öğrenirsiniz.

✋Uygulamalı öğrenme

Her konuyu kodlayarak ilerler ve küçük bir uygulama kurarak öğrendiklerinizi somut biçimde pekiştirirsiniz.

Anahtar Konular

react giriş eğitimireact başlangıç eğitimireact giriş kursusıfırdan react eğitimireact temelleri eğitimireact nedirjsx eğitimireact bileşen eğitimifrontend giriş eğitimireact öğrenme
“Yeni bir teknolojiye başlamanın en iyi yolu, küçük de olsa çalışan bir şey kurup onu kendi ellerinizle büyütmektir.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve hazırlık

1
Temel JavaScript

Değişken, fonksiyon, dizi ve koşul gibi temel JavaScript kavramlarına aşinalık bu eğitim için gereklidir.

2
HTML ve CSS fikri

Temel HTML yapısı ve CSS hakkında fikir sahibi olmak JSX ve arayüz bölümlerini kolaylaştırır.

3
Merak ve pratik

Yeni bir kütüphaneyi öğrenmeye açıklık ve bol pratik yapma isteği giriş temposu için önemlidir.

4
Geliştirme ortamı

VS Code, güncel Node.js ve modern bir tarayıcının kurulu olduğu bilgisayar; kurulum ilk modülde yapılabilir.

Eğitim İçeriği

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.

Günün hedefiKatılımcı React'in ne olduğunu ve bileşen tabanlı yaklaşımını kavrar; ilk projeyi kurar, JSX ile arayüz yazar ve props ile bileşenler arası veri aktarmayı öğrenir.
Modül 1
React'e Giriş ve İlk Proje
  • React nedir ve hangi sorunu çözer
  • Bileşen tabanlı yaklaşım ve sanal DOM
  • Kütüphane ve çatı (framework) farkı
  • Vite ile ilk React projesini kurma
  • Proje yapısı ve çalışma mantığı
  • Geliştirme sunucusunu başlatma
Modül 2
JSX ile Arayüz Yazma
  • JSX ile arayüz yapısını tanımlama
  • JSX içinde JavaScript ifadesi gömme
  • className ve satır içi stil kullanımı
  • Birden çok elemanı Fragment ile sarma
  • JSX kuralları ve sık yapılan hatalar
  • Değişkenleri JSX içinde gösterme
Modül 3
Bileşenler ve Kompozisyon
  • İlk fonksiyon bileşenini yazma
  • Bileşeni render etme ve çağırma
  • Bileşenleri ayrı dosyalara ayırma
  • Bileşen ağacı ve kompozisyon mantığı
  • Yeniden kullanılabilir bileşen fikri
  • Bileşen isimlendirme kuralları
Modül 4
Props ile Veri Aktarma
  • Props ile bileşene veri gönderme
  • Props'u destructuring ile okuma
  • Farklı veri tiplerini props geçirme
  • children prop ile içerik aktarma
  • Varsayılan (default) props değeri verme
  • Props ile bileşeni özelleştirme
Günün hedefiKatılımcı useState ile durum yönetimini öğrenir; olayları işler, listeleri ekranda gösterir ve öğrendiklerini küçük, etkileşimli bir React uygulamasında birleştirir.
Modül 1
State ve useState
  • Durum (state) kavramı ve önemi
  • useState ile bileşen durumu tanımlama
  • Durumu güncelleme ve yeniden render
  • Sayı, metin ve boolean durum örnekleri
  • Durumu değişmez (immutable) güncelleme
  • Birden fazla durum (state) yönetme
Modül 2
Olaylar ve Etkileşim
  • onClick ile tıklama olayını işleme
  • onChange ile girdi değişimini yakalama
  • Olay işleyici (handler) fonksiyon yazma
  • Olaya parametre geçirme yöntemi
  • Durumu olaya bağlı olarak güncelleme
  • Basit bir sayaç bileşeni yapma
Modül 3
Listeler ve Koşullu Render
  • map ile dizi verisini listeleme
  • key prop ve listede doğru kullanımı
  • Koşullu render: && ve ternary kullanımı
  • Boş liste ve yükleme durumu gösterme
  • Listeye eleman ekleme ve çıkarma
  • Formdan gelen veriyi listeye yazma
Modül 4
Bitirme Uygulaması
  • Küçük bir yapılacaklar (todo) uygulaması
  • Girdi ve buton bileşenlerini kurma
  • Durumu ve listeyi birlikte yönetme
  • Ekleme, silme ve işaretleme işlemleri
  • Bileşenleri düzenli biçimde ayırma
  • Uygulamayı deneme, test etme ve sunma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
React mantığı

React'in ne olduğunu, bileşen tabanlı yaklaşımını ve sanal DOM mantığını kavrar; ilk projenizi kendiniz kurarsınız.

✅
JSX yazma

JSX söz dizimiyle arayüz yazar, JavaScript ifadelerini gömer ve değişkenleri ekranda doğru biçimde gösterirsiniz.

✅
Bileşenler

Fonksiyon bileşenleri yazar, bunları ayrı dosyalara böler ve yeniden kullanılabilir biçimde bir araya getirirsiniz.

✅
Props kullanımı

Props ile bileşenler arası veri aktarır, children'ı kullanır ve bileşenleri farklı verilerle özelleştirirsiniz.

✅
useState

useState ile bileşen durumunu tanımlar, günceller ve durumu değişmez biçimde yönetmeyi öğrenirsiniz.

✅
Olay işleme

onClick ve onChange gibi olayları işler, olay işleyici fonksiyonlar yazar ve etkileşimli bileşenler kurarsınız.

✅
Listeler

map ile listeleri render eder, key'i doğru kullanır ve koşullu render ile içeriği duruma göre gösterirsiniz.

✅
İlk uygulama

Öğrendiğiniz React temellerini birleştirerek çalışan, etkileşimli küçük bir React uygulamasını kendiniz kurarsınız.

Kimler İçin Uygundur?

  • Temel JavaScript bilgisi olan; React'in ne olduğunu
  • bileşen mantığını ve temel kullanımını kısa sürede uygulamalı olarak öğrenmek isteyen geliştirici adayları
  • öğrenciler
  • frontend'e yeni başlayanlar için uygundur

Sıkça Sorulan Sorular

React Giriş Eğitimi için ne bilmem gerekir?
Temel JavaScript bilgisi yeterlidir; değişken, fonksiyon, dizi ve koşul gibi kavramlara aşina olmanız beklenir. React deneyimi gerekmez. HTML ve CSS hakkında fikir sahibi olmak JSX bölümünde faydalı olur ancak zorunlu değildir. Eğitim React'i en baştan, bileşen mantığından başlayarak uygulamalı biçimde anlatır.
Bu eğitim ile JavaScript ile React'e giriş eğitiminin farkı nedir?
Bu eğitim doğrudan React temellerine odaklanır ve kısa sürede React'in yapı taşlarını öğretir. JavaScript ile React'e giriş eğitimi ise önce React için gerekli modern JavaScript özelliklerini tazeler. JavaScript'iniz çok temelse diğerini, temel JavaScript bilginiz varsa bu eğitimi tercih edebilirsiniz.
İki gün React öğrenmek için yeterli mi?
Bu bir giriş eğitimidir; amacı React'in temel kavramlarını (bileşen, JSX, props, state ve olaylar) öğretip sizi kendi başınıza pratik yapacak düzeye getirmektir. İki gün içinde küçük, etkileşimli bir uygulama kurarsınız. Daha ileri konular için orta ve ileri seviye React eğitimleriyle devam edebilirsiniz.
Eğitimde hangi araçlar ve React sürümü kullanılıyor?
Projeler Vite ile kurulur, kod VS Code'da yazılır ve güncel bir tarayıcıda çalıştırılır. Güncel React sürümünün fonksiyon bileşenleri ve hook tabanlı modern yaklaşımı kullanılır; sınıf bileşenleri işlenmez. Kurulumlar ilk modülde birlikte yapıldığı için önceden hazırlık yapmanız gerekmez.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilen giriş uygulamasını belgeler; kurumsal gruplar ve okullar için içerik, katılımcıların seviyesine göre uyarlanabilir.

Sertifikalandırma

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.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. React Giriş Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre2 gün
SeviyeBaşlangıç Seviye
FormatOnline / Yüz Yüze / Hibrit
KonuReact
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

ReactBuild Apps Using React: Advanced Features in React Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Advanced Features in React Eğitimi

5 günİleriOnline / Yüz Yüze / Hibrit

İ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 →
ReactBuild Apps Using React: In Development & Production Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: In Development & Production Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

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 →
ReactBuild Apps Using React: Introducing React for Web Applications Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Introducing React for Web Applications Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

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 →
ReactBuild Apps Using React: Local Machine & Online Playgrounds Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Local Machine & Online Playgrounds Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

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 →
ReactBuild Apps Using React: Props & State Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Props & State Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

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 →
ReactBuild Apps Using React: Working with Events Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Working with Events Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

React olay işleme eğitimi: onClick, onChange, onSubmit, SyntheticEvent, preventDefault, stopPropagation ve klavye/fare olaylarıyla etkileşimli arayüzler.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn