Menu
Coddy logo textTech
ÖĞ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ör

1,000+ codders kayıtlı

89 ders69 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 ders69 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 ders32 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 ders
Neler elde edersin
Kod yazmayı öğrenmek için kullanacağın her şey

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js
Code Editor
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
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

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

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

Python
7Streak
250Score
5Energy
Variables
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
CONTINUE
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
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger League
Challenger LeagueTop 7 advance
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 iconPromotion zoneleaderboard Arrow Up icon

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables
Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
PythonPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

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.
Coddy programming languages illustration

Coddy ile React öğrenin

BAŞLA