Course curriculum

  • 1

    React JS Kursunda Neler Öğreneceksiniz?

    • 1 - Bakalım React JS Kursunda Neler Öğreneceksiniz_
  • 2

    React JS Öğreniyoruz!

    • 2 - React JS_de İlk Uygulama

    • 3 - Sık Sorulan Sorular

    • 4 - Let, Const ve Var Arasındaki Farklar

    • 5 - Node JS Yükleyelim

    • 6 - Create React App

    • 7 - Neden Create React App

    • 8 - Create React App Dosya Yapısı

    • 9 - React Uygulamamızı Nasıl Başlatıp Nasıl Sonlandırırız_

    • 10 - Functional Component
  • 3

    JSX Nedir?

    • 11 - HTML JSX'e Nasıl Dönüştürülür?

    • 12 - JSX'e CSS Özellikleri Ekleme

    • 13 - JSX İçinde Javascript Değişkeni Yazma
  • 4

    React Props

    • 14 - Componentların 3 Temel İlkesi

    • 15 - Blog-Posts Uygulaması İle Props'lara Giriş

    • 16 - Uygulamamıza Semantic UI CSS Kütüphanesini Dahil Edelim

    • 17 - Compontent Oluşturmaya Başlayalım

    • 18 - Component'e Resim Ekleyelim

    • 19 - Yorum Bloğunu Çoğaltalım

    • 20 - Componentları İç İçe Gösterme - Component Nesting

    • 21 - React Props Sistemi

    • 22 - Props ile Child Component'e Data Geçme

    • 23 - Tekrar Kullanılabilir Component Yapısını Öğrenelim

    • 24 - Props Children
  • 5

    Class-Based Components

    • 25 - Class Based Component ve Functional Component Arasındaki Farklar Nelerdir?

    • 26 - Yeni Uygulamamıza Başlayalım

    • 27 - Konum Bilgisi Alma

    • 28 - Asenkron İşlemlere Giriş

    • 29 - Functional Component'i Class Based Component’e Dönüştürelim
  • 6

    React State Sistemi

    • 30 - React State

    • 31 - State'i Constructor Fonksiyonu İçinde Oluşturalım

    • 32 - Yaşam Döngülerine Giriş

    • 33 - JSX Bloklarını Koşullu Render Edelim
  • 7

    React Yaşam Döngüleri

    • 34 - Component Yaşam Döngüleri

    • 35 - ComponentDidMount Metodu ile Uygulamamızı Refactor Edelim

    • 36 - State'i Props Olarak Kullanalım

    • 37 - Ternary Operators

    • 38 - React Projemize Resim Ekleyelim

    • 39 - Uygulamamızı CSS Özellikleri ile Geliştirelim

    • 40 - React Developer Tools

    • 41 - Bu Uygulamada Neler Öğrendik
  • 8

    Input, Form ve Event’ler ile Kullanıcı Girdilerini Yönetme

    • 42 - Oluşturacağımız Uygulamayı İnceleyelim

    • 43 - Component Yapısını İnceleyelim

    • 44 - Uygulamamızı Oluşturmaya Başlayalım

    • 45 - Uygulamamızı Stillendirelim

    • 46 - Event Handler Oluşturalım

    • 47 - Kontrollu ve Kontrolsuz Elementler

    • 48 - Kontrollu ve Kontrolsuz Form Elementleri

    • 49 - React Binding

    • 50 - Child Component'dan Parent Component'a Veri Akışı

    • 51 - Component'lar Arası İletişim
  • 9

    React ile Api’a İstek Atmayı Öğrenelim

    • 52 - React ile Api’a İstek Atma

    • 53 - Axios vs fetch

    • 54 - Axios ile Api'a İstek Atma

    • 55 - Api'dan Gelen Data ile Component'u Render Etme

    • 56 - Api'dan Gelen Veriyi Browser'da Listeleme

    • 57 - Key değeri

    • 58 - Bu Uygulamada Neler Öğrendik
  • 10

    React Router

    • 59 - React Router'a Giriş

    • 60 - React Router

    • 61 - Link ve NavLink

    • 62 - Router Özellikleri

    • 63 - Route Parametreleri

    • 64 - React Router Switch Tag
  • 11

    React Portals

    • 65 - Neden React Portals 1?

    • 66 - Neden React Portals 2?

    • 67 - React Portals Oluşturalım