RJS- React JS/Native

RJS- React JS/Native

Ön Koşul

-

Etkinlik Hedefi

-

Etkinlik İçeriği

• Bölüm 1: Giriş
  • Ders 1: React.JS Nedir?
  • Ders 2: React.JS Hangi Sorunu Çözer
  • Ders 3: Virtual Dom nedir?
  • Ders 4: React'ı Kullanmak Ne Zaman Mantıklı?
  • Ders 5: Two-Way Data BindingNedir?
  • Ders 6: One-Way Data BindingNedir?
  • Ders 7: Component Nedir?
  • Ders 8: JSX Nedir?
• Bölüm 2: Kurulumlar
  • Ders 9: Node.JS Kurulumu
  • Ders 10: React Dev Tools
  • Ders 11: WebStorm
  • Ders 12: WebStormReact Live Templates
• Bölüm 3: EcmaScript 6 Bilinmesi Gerekenler
  • Ders 13: Spread Operator
  • Ders 14: ArrayMap
  • Ders 15: ArrayFilter
  • Ders 16: Object.assign
• Bölüm 4: EcmaScript 6 Modül Sistemi
  • Ders 17: Modül Oluşturmak
  • Ders 18: Varsayılan Modül Belirlemek
  • Ders 19: as Keyword'ü ile Yeniden İsimlendirme
  • Ders 20: Çok Fonksiyonlu Modüllerde as Operatörü
  • Ders 21: Temiz Modül Yazmak

 

• Bölüm 5: Component'ler (Bileşenler)
  • Ders 22: Create-react-app ile Hello World!
  • Ders 23: Component Oluşturmak ve Kullanmak
  • Ders 24: Component Oluşturmak ve Kullanmak-2
  • Ders 25: Özel Tanımlı Keyword'ler
  • Ders 26: Componentler'de Değişken Kullanmak
• Bölüm 6: Props'lar ile Çalışmak
  • Ders 27: Props nedir? Nasıl Kullanılır?
  • Ders 28: PropsKullanımı - 2
  • Ders 29: PropsKullanımı - 3
  • Ders 30: PropsKullanımı - 4
  • Ders 31: Döngülerde "key" Kullanımı
  • Ders 32: React Developer Tools
  • Ders 33: propTypes: Nedir? Nasıl kullanılır?
  • Ders 34: propTypes: "isRequired" Tanımı
  • Ders 35: propTypes: "oneOfType" Tanımı
  • Ders 36: propTypes: "oneOfType" için isRequired Kullanımı
  • Ders 37: propTypes: "shape" Tanımı
  • Ders 38: defaultProps Tanımı
  • Ders 39: Constructor Metodu
• Bölüm 7: State'ler ile Çalışmak
  • Ders 40: State nedir? Nasıl Oluşturulur?
  • Ders 41: setState Kullanımı
  • Ders 42: Re-Render Mantığını Anlamak
  • Ders 43: Counter Uygulaması
  • Ders 44: Stateful ve StatelessComponentler
• Bölüm 8: Telefon Rehberi Uygulaması
  • Ders 45: Giriş
  • Ders 46: "Contacts" ve "List" Componentleri'nin Hazırlanması
  • Ders 47: Form Component'inin Hazırlanması
  • Ders 48: ContactsState'inin Hazırlanması
  • Ders 49: ContactsState Konumunun Değiştirilmesi
  • Ders 50: Form State'inin Yazılması
  • Ders 51: addContactMethodunun Yazılması
  • Ders 52: Filter Fonksiyonun Yazılması
  • Ders 53: ContactsKomponentininStateless Tanımlanması
• Bölüm 9: ReactLifecycle (Yaşam Döngüsü)
  • Ders 54: Constructor
  • Ders 55: componentWillMount()
  • Ders 56: componentDidMount()
  • Ders 57: componentDidMount() Hiyerarşisi Hakkında
  • Ders 58: componentWillReceiveProps()
  • Ders 59: shouldComponentUpdate()
  • Ders 60: componentWillUpdate()
  • Ders 61: componentDidUpdate()
  • Ders 62: componentWillUnmount()
• Bölüm 10: Fetching
  • Ders 63: JavaScriptNative "fetch" Fonksiyonu
  • Ders 64: "Loading..." Gösterimi
  • Ders 65: Axios
• Bölüm 11: ReactRouter
  • Ders 66: BrowserRouter ve Exact Özelliği
  • Ders 67: Strict Özelliği
  • Ders 68: Component Özelliği
  • Ders 69: Route'a Parametre Göndermek
  • Ders 70: Link Objesi
  • Ders 71: NavLink Objesi
  • Ders 72: Redirect Objesi
  • Ders 73: Switch ile Hata Sayfası Yapımı
  • Ders 74: Component'leri Dışarıda Yazmak
• Bölüm 12: İleri Component Kullanımları
  • Ders 75: HigherOrder Components
  • Ders 76: ReusableHigherOrder Components
  • Ders 77: Pure Component
  • Ders 78: Hot ModuleReplacement
  • Ders 79: Children API
• Bölüm 13: Redux
  • Ders 80: Redux Nedir? Neden İhtiyaç Duyarız?
  • Ders 81: Redux Data Flow (Action, Reducer, Dispatcher, Store)
  • Ders 82: Store Oluşturmak
  • Ders 83: dispatch() Metodu ile Store'u Güncellemek
  • Ders 84: StoreSubscribe Metodu
  • Ders 85: combineReducers ile Multi Reducer Kullanımı
  • Ders 86: Reducer'aInitialState Vermek
  • Ders 87: Redux Dev Tools
  • Ders 88: Provider Nedir?
  • Ders 89: Dizin Yapısının Oluşturulması
  • Ders 90: Connect ile Component'denStore'a Bağlantı Sağlamak
  • Ders 91: mapStateToProps
  • Ders 92: Action dispatch Etmek
  • Ders 93: mapDispatchToProps
  • Ders 94: Component'eProps Geçmek
  • Ders 95: mergeProps
  • Ders 96: ReduxThunkMiddleware: Kurulum
  • Ders 97: AsyncActions
  • Ders 98: Async Action Dispatch İşlemi
  • Ders 99: Async/Await Yapısı ile Servis Çağrımı
• Bölüm 14: İleri Redux
  • Ders 100: ImmutablevsMutable
  • Ders 101: ImmutableArray
  • Ders 102: ReduxLoggerMiddleware
  • Ders 103: AsyncActionsPattern
  • Ders 104: AsyncActionsPattern: ReduxPromiseMiddleware
• Bölüm 15: React&ReduxSinglePageMovieapp Projesi
  • Ders 105: Proje Tanıtımı ve React Uygulamasının Ayağa Kaldırılması
  • Ders 106: Proje Dizinlerinin Oluşturulması
  • Ders 107: Redux Kurulumu: Store'u ve RootReducer'ı Oluşturmak
  • Ders 108: Redux Kurulumu: ThunkMiddleware ve Redux Dev Tools
  • Ders 109: Redux Kurulumu: Provider
  • Ders 110: ReactRouter Kurulumu
  • Ders 111: MoviesPage Component ReduxStore Bağlantısı
  • Ders 112: MoviesListComponent'inin Hazırlanması
  • Ders 113: Semantic.UI Kit: Kurulum
  • Ders 114: Semantic.UI Kit: Tema Düzenlemeleri
  • Ders 115: Semantic.UI Kit: BugFix
  • Ders 116: Semantic.UI Kit: BugFix 2
  • Ders 117: FooterComponent'inin Yazılması
  • Ders 118: HeaderComponent'inin Yazılması
  • Ders 119: Semantic.UI Kit: Son İşlemler
  • Ders 120: Node.JS Backend'in Kurulması
  • Ders 121: MoviesAction'ının Yazılması: fetchMovies()
  • Ders 122: MoviesReducer`ının Yazılması
  • Ders 123: MoviesListPropType Tanımının Güncellenmesi
  • Ders 124: ReduxLoggerMiddleware Kurulumu
  • Ders 125: MoviesReducer'ının Yazılması: "FETCHMOVIESERROR"
  • Ders 126: ReduxPromiseMiddleware
  • Ders 127: Filmlerin Listelemesinin Yapılması
  • Ders 128: Filmlerin Listelemesinin Yapılması-2
  • Ders 129: LoadingIndicator'unHazırlanmasi
  • Ders 130: Routing: Menüde Active Class Gösterimi
  • Ders 131: New Movie Sayfasının Hazırlanması
  • Ders 132: NewMovieFormComponent'in Hazırlanması
  • Ders 133: NewMovieFormComponent'inHazırlanması - 2
  • Ders 134: NewMovieFormValidasyon İşlemleri
  • Ders 135: NewMovieFormValidasyonİşlemleri - 2
  • Ders 136: newMovie Sayfası Reducer Tanımının Yapılması
  • Ders 137: onNewMovieSubmitAction'ın Hazırlanması
  • Ders 138: onNewMovieSubmitErrorHandle
  • Ders 139: Redirect ile Yönlendirme İşleminin Yapılması
  • Ders 140: Edit ve Delete Butonlarının Hazırlanması
  • Ders 141: Movie Edit: 1-Route İşlemleri
  • Ders 142: Movie Edit: 2-Inputların Doldurulması
  • Ders 143: Movie Edit: 3-FETCH_MOVIE
  • Ders 144: Movie Edit4-Loading Gösterimi
  • Ders 145: Movie Edit5-Update
  • Ders 146: DeleteMovie-1
  • Ders 147: DeleteMovie-2
  • Ders 148: RedirectBugFix
  • Ders 149: Anasayfa Tasarımının Yapılması
• Bölüm 16: Deploy
  • Ders 150: Surge.sh: Deploy İşlemleri
  • Ders 151: Surge.sh: Route Problemi ve Çözümü
  • Ders 152: Surge.sh: DeployScript'inin Yazılması
  • Ders 153: Netlify: Nedir? Manuel Deploy Nasıl Yapılır?
  • Ders 154: Netlify: Continuos Deployment
• Bölüm 17: Next.JS ile Server Side Rendering
  • Ders 155: Next.JS: Nedir?
  • Ders 156: Next.JS: Kurulum
  • Ders 157: Next.JS: Pages
  • Ders 158: Next.JS: Components
  • Ders 159: Next.JS: Link
  • Ders 160: Next.jS: Routing Query String
  • Ders 161: Next.JS: Routing As Özelliği
  • Ders 162: Next.JS: Layout