%30
indirim
Yıllık abonelikte sınırlı süreli %30 ek indirim
İndirimi kullan

Yıllık abonelikte sınırlı süreli %30 ek indirim

Kategoriler
  • Yabancı Dil
    • İngilizce
    • Almanca
    • Korece
    • Fransızca
    • İspanyolca
    • Japonca
    • Çince
  • Yazılım
  • Kariyer Gelişim
  • Kişisel Gelişim
  • Giriş Yap
  • Kayıt Ol
  • Eğitimler
  • Kategoriler
    • Yabancı Dil
    • Yazılım
    • Kariyer Gelişim
    • Kişisel Gelişim
  • Premium Satın Al
  • İletişim
Eğitimler
Giriş
Ücretsiz Kayıt Ol
Sıfırdan İleriye React Eğitimi
Açıklama

Yapay zekamız Billy bu eğitim için konu anlatımları, çalışma programları oluşturabilir, istediğiniz kadar pratik yapabileceğiniz sorular hazırlayabilir.

React ile Modern Web Geliştirme Eğitimi

Geleceğin yazılım dili React’i öğrenmeye hazır mısın? 

Bu eğitimle:

 Bileşen tabanlı geliştirme, Hook kullanımı, API entegrasyonları, Performans ipuçları gibi konuları sıfırdan ileri seviyeye kadar öğreneceksin.

Uygulamalı projeler, güncel örnekler ve sektörde geçerli en iyi yöntemlerle hazırlanmış bu program sayesinde, kendi web projeni sıfırdan inşa edebilir, iş dünyasında öne çıkabilirsin.

Aktiviteler

Sorbil üzerinden React öğrenmenizi kolaylaştıracak ve eğitim deneyiminizi iyileştirecek, yapabileceğiniz aktiviteler:

1. Proje başlat

`create-react-app` veya `Vite` kullanarak boş bir proje oluştur

App.js içeriğini tamamen silip sıfırdan başla

 

2. İlk bileşen

Bir `Hello` bileşeni yaz

Props ile isim alıp ekrana `Hello, Ali!` yazsın

 

3. State kullanımı

Bir sayacı (Counter) useState ile yönet

Artırma ve sıfırlama butonları ekle

 

4. useEffect pratiği

Sayfa açıldığında console’a “Uygulama başladı” yaz

Bir state değiştiğinde de console’a log yazdır

 

5. Listeleme

Bir dizi isim (ör. meyveler) tanımla

map() ile listele

Listenin boş olması durumunda “Liste boş” yazdır

 

6. Koşullu render

Kullanıcının giriş yapıp yapmadığını boolean state ile kontrol et

Giriş yaptıysa ismini göster, yapmadıysa “Giriş yap” butonu göster

 

7. Basit bir form

Ad soyad inputları olan bir form oluştur

Controlled components kullan

Form submit edildiğinde console.log ile verileri göster

 

8. Routing

`react-router-dom` ile /home ve /about sayfaları

Menü linkleri

404 Not Found sayfası

 

9. API çağrısı

JSONPlaceholder’dan veri çek

loading, error durumlarını yönet

Gelen verileri listele

 

10. CRUD Todo uygulaması

Todo ekle

Tamamlandı / tamamlanmadı durumunu değiştir

Silme işlemi

Local Storage ile verileri kaydet

 

11. Context API

Basit bir global tema state’i yönet (ör. dark/light)

Bir butonla tema değiştirme örneği

 

12. useReducer

Todo işlemlerini reducer ile yönet (ekle, sil, tamamla)

 

13. Basit test

Jest + React Testing Library ile bir butonun çalışıp çalışmadığını test et

 

14. Animasyon

Framer Motion ile bir bileşene fade-in animasyonu uygula

 

15. Küçük proje

Kullanıcı kayıt formu

Doğrulama

Kayıt olduktan sonra profil sayfasına yönlendirme

 

 

Daha Fazla Göster
Eğitim içeriği
21 bölüm
  • 1- React Giriş
    1- React Giriş
    19 dakika 15 saniye
  • 2- Modern Yazılım Geliştirme İlkeleri
    2- Modern Yazılım Geliştirme İlkeleri
    9 dakika 12 saniye
  • 3- Node js
    3- Node js
    14 dakika 8 saniye
  • 4- Node Js Kurulumu
    4- Node Js Kurulumu
    12 dakika 40 saniye
  • 5- Node Js İlk İzlenim
    5- Node Js İlk İzlenim
    7 dakika 24 saniye
  • 6- Terminal Costümüze Etmek
    6- Terminal Costümüze Etmek
    8 dakika 43 saniye
  • 7- Github Kullanımı
    7- Github Kullanımı
    38 dakika 5 saniye
  • 8- Github Portfolyo Oluşturmak ve Dokümasyon Hazırlamak
    8- Github Portfolyo Oluşturmak ve Dokümasyon Hazırlamak
    16 dakika 55 saniye
  • 9- İlk React Projesi
    9- İlk React Projesi
    21 dakika 40 saniye
  • 10- React Dosya Yapısı
    10- React Dosya Yapısı
    31 dakika 16 saniye
  • 11- Component Kullanımı
    11- Component Kullanımı
    30 dakika 42 saniye
  • 12- React Icon ve Componen
    12- React Icon ve Componen
    28 dakika 16 saniye
  • 13- React İçinde Javascript Çalıştırmak
    13- React İçinde Javascript Çalıştırmak
    22 dakika 49 saniye
  • 14- Routering
    14- Routering
    8 dakika 6 saniye
  • 15- Props ve State Yönetimi
    15- Props ve State Yönetimi
    8 dakika 31 saniye
  • 16- React Hooks
    16- React Hooks
    12 dakika 23 saniye
  • 17- Frontent İçin Web Eklentileri
    17- Frontent İçin Web Eklentileri
    30 dakika 11 saniye
  • 18- Stil ve Tasarım
    18- Stil ve Tasarım
    12 dakika 19 saniye
  • 19- Web Tasarımı
    19- Web Tasarımı
    30 dakika 26 saniye
  • 20- Portfolyo Projesi
    20- Portfolyo Projesi
    1 saat 5 dakika 41 saniye
  • 21- Build Etmek
    21- Build Etmek
    18 dakika 13 saniye
Sıfırdan İleriye React Eğitimi
Bu Eğitimi Önizleyin
Sorbil Premium Satın Al
21 Bölüm
Uluslararası Sertifika
Bizimle İletişime Geçin
Destek
  • +90 532 137 93 45
  • [email protected]
  • İTÜ Teknokent - Reşitpaşa Mah. Katar Cad. Teknokent ARI 3 Binası No: 4/İç Kapı No:1101, Maslak, Sarıyer, İstanbul
  • KATEGORİLER
  • Yazılım
  • Yabancı Dil
  • Kariyer Gelişim
  • Kişisel Gelişim
  • Kurumsal
  • Hakkımızda
  • İletişim
  • Eğitmen Ol
  • Premium Satın Al
  • Eğitimler
  • Yasal
  • KVKK Metni
  • Gizlilik Politikası
  • Üyelik Sözleşmesi
  • Blog
  • Blog
Sorbil PayTR Ödeme
Sorbil Ödeme

© 2025 sorbil.org | Tüm Hakları Saklıdır

Web
Tasarım
Web Tasarım Penta Yazılım
Penta
Yazılım