Giriş
  • Giriş
  • Kursta neler var?
Kurulumlar
  • Editör ve Terminaller
  • OS X (Mac)
  • Windows 10
  • Atom için eslint Kurulumu
Kaynak Kodlara Ulaşım
  • GitHub üzerinden kaynak kodlara nasıl ulaşabilirsiniz?
Javascript'in Temelleri
  • Bölümde neler var?
  • Giriş - Değişkenler
  • Eğer (if) kullanımı
  • Http-server ile proje çalıştırma ve Fonksiyonlar
  • Diziler (Arrays)
  • Döngüler (Loops)
  • Javascript Selectorlar (Selectors)
  • Proje Hesap Makinesi - Event Listener
  • Proje Resimler - Event Listener
  • Javascipt Callback Fonksiyonları
  • Obje Manipülasyonu
  • Map, Filter, ForEach işlemleri
  • Switch - Operatörler - Tek satır eğer
React'a Giriş
  • Giriş - CodePen
  • Uygulamanın Üstünden Tekrar Geçelim
  • OS X Node JS ve Create-react-app kurulumları
  • İlk Uygulamayı Kurup Çalıştırma
  • Babel Ne İşe Yarar?
  • Proje Şeması
  • Proje Yönetimi (Açam/Kapama ve Portlar)
  • React Dosya İçeriği
  • İlk Projeyi Oluşturma
JSX
  • JSX vs HTML
  • JSX içinde Değişken Kullanımı
  • Yasaklı kelimeleri bulma
Yorumlar Projesi
  • Projeyi Başlatma ve Semantic UI cdn
  • Semantic UI Kullanımı
  • Faker ile Image linklerini alma
  • Yeniden kullanılabilir komponent oluşturma
  • Komponentlere paramtere geçme
  • Kart Dizaynı
  • Kartın içinde komponentleri gösterme
  • Fonksiyon vs Sınıf Komponentler arasındaki farklar
Lokasyon Uygulaması
  • Giriş
  • Projeyi oluşturma ve ayağa kaldırma
  • Kullanıcıdan lokasyon bilgisini alma
React State
  • Giriş
  • State devam
  • Hata mesajı gösterme
  • Bir şarta göre ilgili komponentin gösterilmesi
Yaşam Döngüsü Fonksiyonları
  • Giriş
  • Detayları ve kullanımları
Lokasyon Uygulaması - Devam
  • Lokasyon bilgisine göre sezona karar verme
  • İkon ekleme
  • Flexbox giriş
  • Yükleniyor Animasyonu
  • Yükleniyor Animasyon Mesajı
Resimler Projesi
  • Proje Tanıtımı - Neler yapacağız?
  • Proje Kurulumu
  • Arama Alanı
  • Arama Alanı Dizaynı
  • İnput'a girilen değeri alma
  • Fonksiyonların içinde this değişkenini kullanabilme
  • Value attribute'ü ne işe yarar?
  • Arama Butonu Ekleme ve Kullanımı
  • Parent - Child komponentler arasındaki iletişim
Uygulamadan İste Atma
  • Unspalash API
  • Postman kullanımı
  • Axios ile istek atma
  • Buraya kadar olan kısmın özeti
  • Async - Await kelimelerinin kullanımı
Resimler Projesi - Grid ve React Ref
  • Resim listesi
  • Map fonksiyonu kullanarak resimleri gösterme
  • Key Uyarısı
  • Grid CSS
  • Grid Sorunları
  • React Ref ne işe yarar?
  • React Ref ile geliştirme yapma
  • Span sayısı hesaplama
  • Buraya kadar olan kısmın özeti
  • Uygulama Özeri
Redux
  • Giriş
  • Redux'ın aşamaları
Redux - Kitap Listesi Uygulaması
  • Uygulama Giriş
  • React-redux ve CodePen'de Aksiyonları Tanımlama
  • CodePen'de Reducerları Tanımlama
  • CodePen'de Reducer ve Aksiyon Testi