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.
3,235+ codders kayıtlı
89 ders78 görev164 quiz sorusu
- Başlangıç dostu
Yapay zeka destekli kodlama yardımı
Uygulamalı interaktif dersler
Her derste sesli anlatım
Bilgini sınamak için testler
Ücretsiz tamamlama sertifikası
Müfredat
Bölüm 1
Temeller
Bölüme başlaBaşlaReact ile kullanıcı arayüzleri oluşturmayı öğrenin: ilk bileşeninizden çalışan bir mini uygulamaya kadar bileşenler, JSX, props, state ve olaylar.React ile Tanışın
5 ders513JSX İfadeleri
5 ders58Bileşenler
5 ders48Props
6 ders510Durum ve Olaylar
6 ders59Formlar ve Girdiler
5 ders47Koşullar ve Listeler
6 ders510Proje: Profil Kartı
4 ders4Bölüm 2
Next.js Temel EsaslarıÖzel sayfa
Bölüme başlaBaşlaReact 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.Neden Next.js
4 ders39Yönlendirme ve Bağlantılar
6 ders516Düzenler ve Üst Veriler
6 ders515Sunucu ve İstemci
6 ders515Sunucudaki Veri
6 ders516Server Action'lar
5 ders413İstemci Yönlendirmesi
5 ders515Proje: Coddy Eats
9 ders9
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.
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!
January 2026
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
Ya Hep Ya Hiç
7 günün 5. günü
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.
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!
1
2
3
Yükselme bölgesiHer ş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ş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.
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.
Tamamlama SertifikasıPython Temelleri
LinkedIn'e EkleNeden 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.
