Menu
CoddyTech
ÖĞRENMEYE BAŞLA
flag Tr iconTürkçedown icon
YeniYolculuk

React Öğren - Ücretsiz İnteraktif Kurs

İlk dersten itibaren gerçek bileşenler yazarak React'te ustalaş: JSX, props, state ve olaylar; ardından Next.js'e geç - dosya sistemi tabanlı yönlendirme, layout'lar, sunucu bileşenleri, veri çekme ve server action'lar. Her şey tarayıcında çalışır, takıldığında yapay zekâ ipuçları yanında, bitirdiğinde ücretsiz sertifika kazanırsın.

ÖĞRENMEYE BAŞLA(ücretsiz)
Müfredatı görReact playground

2,333+ codders kayıtlı

89 ders78 görev164 quiz sorusu

  • Başlangıç dostu
  • sparkles iconYapay zeka destekli kodlama yardımı
  • hint iconUygulamalı interaktif dersler
  • volume On iconHer derste sesli anlatım
  • quiz iconBilgini sınamak için testler
  • certificate iconÜcretsiz tamamlama sertifikası

Müfredat

2 bölüm1 proje89 ders78 görev164 quiz sorusu
  1. Bölüm 1

    Temeller

    Bölüme başlaBaşlaGenişletDaralt    React ile kullanıcı arayüzleri oluşturmayı öğrenin: ilk bileşeninizden çalışan bir mini uygulamaya kadar bileşenler, JSX, props, state ve olaylar.42 ders37 görev65 soru

    React ile Tanışın

    5 ders513

    JSX İfadeleri

    5 ders58

    Bileşenler

    5 ders48

    Props

    6 ders510

    Durum ve Olaylar

    6 ders59

    Formlar ve Girdiler

    5 ders47

    Koşullar ve Listeler

    6 ders510

    Proje: Profil Kartı

    4 ders4
  2. Bölüm 2

    Next.js Temel EsaslarıÖzel sayfa

    Bölüme başlaBaşlaGenişletDaralt    React bileşenlerinden gerçek bir uygulamaya geçin: dosya sistemi tabanlı yönlendirme, düzenler (layouts), sunucu ve istemci bileşenleri, veri çekme, server actions ve eksiksiz bir Next.js projesi.47 ders41 görev99 soru1 proje

    Neden Next.js

    4 ders39

    Yönlendirme ve Bağlantılar

    6 ders516

    Düzenler ve Üst Veriler

    6 ders515

    Sunucu ve İstemci

    6 ders515

    Sunucudaki Veri

    6 ders516

    Server Action'lar

    5 ders413

    İstemci Yönlendirmesi

    5 ders515

    Proje: Coddy Eats

    Proje9 ders9
Neler elde edersin
Kod yazmayı öğrenmek için kullanacağın her şey

Yaparak Öğren

Gerçek kod yazın, veritabanlarını sorgulayın, web siteleri oluşturun ve AI promptlarını öğrenin. İnteraktif derslerimiz modern geliştiricilerin ihtiyaç duyduğu tüm becerileri kapsar.

playground.js
Kod Editörü
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Girdi
"Alex"
Çıktı
"Hello, Coddy! Alex"

Serinizi Oluşturun

Tutarlı olun ve ilerlemenizin büyümesini izleyin! Günlük kodlama alışkanlığınızı takip edin, dondurma günleriyle serinizi koruyun ve her gün geldiğiniz için ödüller kazanın.

12 gün seri

Serinizi korumak için yarın geri dönün!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Ya Hep Ya Hiç

7 günün 5. günü

fire Freeze icon

Seri Dondurma

2 left

Yolda Kodlayın

Kodlama yolculuğunuzu yanınızda taşıyın! Kurulum yok, indirme yok - sadece açın ve kodlamaya başlayın. iOS, Android ve Web'de 4.9 yıldız puanıyla kullanılabilir.

Python
7Seri
250Puan
5Enerji
Değişkenler
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
DEVAM ET
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Yolculuk
Hedefler
Liderlik Tablosu
Profil
4.9
YıldızYıldızYıldızYıldızYıldız
Puan

Yalnız Değilsiniz

Küresel sıralamalarda yarışın, ödüller kazanmak için arkadaşlarınızı davet edin ve birbirinizin başarılarını kutlayın. Kodlama arkadaşlarla daha iyi!

Challenger Ligi
Challenger Ligiİlk 7 yükselir
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconYükselme bölgesileaderboard Arrow Up icon

Her şekilde öğren

Okuyun, dinleyin, kendinizi sınayın, AI'ya sorun veya daha önce öğrendiklerinize geri bakın. Her ders size uyum sağlar.

Değişkenlere Giriş
Ses

Değişken, programınızda daha sonra başvurabileceğiniz bir değeri saklayan adlandırılmış bir kaptır.

Python'da bir tane oluşturmak için önce adı, sonra eşittir işaretini, sonra saklamak istediğiniz değeri yazın.

Değer zamanla değişebilir - yeniden atama, adı yeni bir değere yönlendirir.

1xSarah

Sertifika Kazanın

Tamamladığınız her kurs için sertifika kazanın. LinkedIn profilinize ve özgeçmişinize ekleyerek işverenlere programlama uzmanlığınızı gösterin.

CoddyTamamlama Sertifikası
Bu belge şunu onaylar:Ahmet Yılmazbaşarıyla tamamlamıştır
python iconPython Temelleri
Doğrulandı
TarihOca 2026
LinkedInLinkedIn'e Ekle

Neden Coddy ile React öğrenmelisin

  • İlk dersten itibaren tarayıcında JSX yaz. Node kurulumu yok, create-react-app yok, build ayarı yok - her ders düzenleyip çalıştırabileceğin gerçek bileşen kodu verir.
  • Gerçek uygulamalarla biten bir müfredat: Temeller bölümünde bileşenler, props, state, olaylar ve hook'lar; ardından yönlendirme, layout'lar, sunucu/istemci bileşenleri, veri çekme ve server action'larla dolu eksiksiz bir Next.js bölümü.
  • Gerçek kodunu okuyan yapay zekâ ipuçları. Bir bileşen render olmadığında ya da state güncellenmediğinde, çözümü söylemeden hatanı işaret eden bir ipucu alırsın.
  • Bitirdiğinde ücretsiz React sertifikası - React'in hâlâ en çok aranan UI kütüphanesi olduğu frontend pozisyonları için güçlü bir sinyal.

React öğrenmekle ilgili sık sorulan sorular

React nedir?

React, kullanıcı arayüzlerini bileşenlerden - işaretleme döndüren küçük, yeniden kullanılabilir fonksiyonlardan - inşa etmeye yarayan bir JavaScript kütüphanesidir. Meta'da geliştirilen React, Facebook ve Instagram'dan milyonlarca startup ürününe kadar modern webin büyük bölümünü çalıştırır ve iş ilanlarında sürekli olarak en çok aranan frontend becerisidir.

React öğrenmeden önce JavaScript bilmem gerekir mi?

JavaScript temellerinde - değişkenler, fonksiyonlar, diziler ve nesneler - rahat olmalısın. Kurs, React'in dayandığı JavaScript kalıplarını (ok fonksiyonları, destructuring, map) yeri geldikçe tanıtır, yani uzman olman gerekmez. Kodlamaya yepyeniysen önce JavaScript yolculuğunu tamamla.

React öğrenmesi zor mu?

Temel fikirler - bileşenler, JSX, props - hızla oturur çünkü zaten bildiğin şeylere benzerler: fonksiyonlar ve HTML. State, efektler ve veri akışı daha çok pratik ister; bu yüzden buradaki her ders sadece okutmak yerine gerçek bileşen kodu yazdırıp çalıştırtır.

React ile Next.js arasındaki fark nedir?

React, UI kütüphanesidir: bileşenler, state, render. Next.js ise React'in üzerine kurulmuş, gerçek uygulamaların ihtiyaç duyduklarını ekleyen bir framework'tür: dosya sistemi tabanlı yönlendirme, layout'lar, sunucu tarafı render, veri çekme ve server action'lar. Kurs önce React temellerini öğretir; ardından özel Next.js bölümü seni bileşenlerden eksiksiz bir uygulamaya taşır.

React'i internetten ücretsiz öğrenebilir miyim?

Evet. İnteraktif React kursu ücretsizdir: uygulamalı dersler, anında geri bildirimli kod meydan okumaları, yapay zekâ destekli ipuçları ve quizler. Her şey tarayıcında çalışır, kurulacak bir şey yoktur ve hemen başlayabilirsin.

React kursunun sonunda sertifika alıyor muyum?

Evet. Kursu bitirdiğinde LinkedIn'e veya özgeçmişine ekleyebileceğin ücretsiz bir tamamlama sertifikası kazanırsın. Yol boyunca inşa ettiğin bileşenler ve uygulamalarla birlikte, pratik React ve Next.js becerilerinin anlamlı bir kanıtıdır.

Bu kursu içeren öğrenme yolları

Bu kurs daha uzun bir yolun bir adımı: birden fazla kurs, bir mentorun öğreteceği sırayla, her biri kendi ücretsiz sertifikasıyla.

Coddy programlama dilleri çizimi

Coddy ile React öğrenin

BAŞLA