Eğitimler
Eğitim takvimi
ReactJS ve Redux Eğitimi Yeni Dönem ( Uzaktan Eğitim )
Bu program süresince elde edeceğiniz alan bilgisiyle kariyeriniz ve çalıştığınız kurumda fark yaratacaksınız.
EĞİTİM DETAYLARI
Kalan Kontenjan 8 / 25
05 EYLÜL 2022
Pzt & Çar & Per 19.00 / 22.00
60 Saat
Online Eğitim

Uzaktan Eğitim

Canlı Sınıf

KAYIT VE ÖDEME DETAYLARI
Fiyat, ödeme koşulları, eğitim konularının detaylı bilgisi için form doldurun

Tüm sorularınız için : 444 1 476 veya info@mindset.com.tr

DÖNEM
TARİH
GÜNLER
SAAT
KONTENJAN
PROGRAM ÜCRETİ
GROWTH ÜYE ÜCRETİ
Yeni Dönem ( Uzaktan Eğitim )
05.09.2022
Pzt & Çar & Per 19.00 / 22.00
60
25 / 8

Fiyatı görmek için form doldurun

ReactJS ve Redux Eğitimi Yeni Dönem ( Uzaktan Eğitim )

444 1 476
EĞİTİM İÇERİĞİ

Genel Bilgi

Bir ReactJS ortamının nasıl kurulacağını öğreneceksiniz.
Virtual DOM ve ReactDOM ile tanışacaksınız.
Redux ve React bileşenleri için test yapıları hakkında bilgi edineceksiniz.

Genel Bilgi
Giriş ( Getting Started )

Real Dom / Virtual Dom

IDE / Text Editor Seçimi

Node.JS Kurulumu

Temel Node.JS

ES6 Modül Sistemi

Callback Functions / async-await

Promises

Array Functions

Component'ler ile Çalışmak

Bir React Projesini Ayağa Kaldırmak (create-react-app)

Component Nedir?

Component Oluşturmak/Kullanmak

JSX ve Temel Kuralları

Componentlerde Değişken Render Etmek

Koşullu Render İşlemi

Props

Props Nedir? Nasıl Kullanılır?

Döngülerde "key" Prop'u

React Developer Tools

Prop Types

Prop Types: isRequired

Prop Types: oneOfType

Prop Types: shape

Default Props

State Yönetimi

State Nedir? Nasıl Oluşturulur?

Array States

Object States

Sayaç Uygulaması

Re-Render Mantığını Anlamak (React vs jQuery)

Input için State Tanımı Yapmak

Component Lifecycle

useEffect

Component Unmount

Stillendirme

Stil Tanımı Yapmak

Module CSS

Data Fetching

Native Fetch
Axios

React Router

Kurulum

Exact Prop

URL Parameters

Nesting

NavLink

No Match (404)

Form Yönetimi

Kurulum
handleSubmit & handleChange
Radio / Checkbox / Dropdown
useFormik
Form Validasyonları - 1
Form Validasyonları - 2

Memoization

React.memo

useMemo

useCallback

Context API ile State Yönetimi

Context Nedir?

Context Oluşturmak

Context Provider

Theme Switcher Yapımı

Context Provider Side Effects

Multi Context

Custom Context Hook

Gerçek Zamanlı Çalışan Uygulamalar Geliştirmek

Arayüzün Hazırlanması

Socket Server'a Bağlanmak

Backend'e Veri İletmek

Bir Kanala Abone Olmak

Gerçek Zamanlı Chat Uygulaması

Giriş

Chat Context

Temel Bileşenlerin Geliştirilmesi

Backend Bağlantısı

Mesajların İletilmesi

Mesajların Listelenmesi

Feed Scroll

Localization

React Intl - Kurulum

Default Locale

Parametre Geçmek

Testing

Neden Test Yazarız?

React Testing Library - 1

React Testing Library - 2

NPMJS Üzerinde Component Paylaşmak

create-react-library

Publish İşlemleri

Semantic Versiyonlama

Deploy

Surge.sh

Netlify

AWS EC2 Üzerine Deploy İşlemleri

E-Ticaret Uygulaması

Uygulama Tanitimi

Backend'e Genel Bakış

Chakra UI Kurulumu

Products Ekranının Hazırlanması

React Query

React Query Dev Tools

Ürün Detay Sayfasının Geliştirilmesi

useInfiniteQuery

Kullanıcı Kayıt İşlemleri - 1

Kullanıcı Kayıt İşlemleri - 2

Kullanıcı Kayıt İşlemleri - 3

Kullanıcı Kayıt İşlemleri - 4

Çıkış İşlemleri

Protected Routes

Login İşlemleri

Sepete Atma İşlemleri - 1

Sepete Atma İşlemleri - 2

Sipariş Oluşturma İşlemleri

Admin: Routing İşlemleri

Admin: Order Sayfası

Admin: Products Sayfası

Admin: Product Update İşlemleri

Admin: Yeni Ürün Eklemek

Redux (Legacy)

Redux Nedir? Neden İhtiyaç Duyarız?

Redux Data Flow

Stora Oluşturmak

Dispatch

combineReducer ile Multi Reducer Kullanımı

Store Subscribe

Initial State

Redux Dev Tools

Provider Nedir?

Dizin Yapısının Oluşturulması

Connect ile Component'e Bağlanmak

mapStateToProps

Action Dispatch Etmek

mapDispatchToProps

Component'e Props Geçmek

Merge Props

Thunk Middleware

Async Actions

Async Action Dispatch İşlemi

Async/Await ile Servis Çağrımı

Immutable vs Mutable

Array'i Immutable Saklamak

Redux Logger Middleware

Redux Promise Middleware

React ve Redux ile Movie App Projesi (Legacy)

Proje Tanıtımı ve Projeyi Oluşturma

Proje Dizinlerinin Oluşturulması

Store ve Root Reducer'ı Oluşturmak

Redux Dev Tools & Thunk Middleware Kurulumları

Redux Provider

React Router Kurulumu

Movies Page Component Redux Store Bağlantısı

Movies List Component'inin Hazırlanması

Semantic UI Kurulumu

Semantic UI Tema Düzenlemeleri

Semantic UI Bug Fix - 1

Semantic UI Bug Fix - 2

Footer Component'inin Hazırlanması

Header Component'inin Hazırlanması

Semantic UI Tema Son İşlemler

Node.JS Backend'in Kurulması

mLab Düzeltme

Movies Action'ın Yazılması

Movies Reducer'ın Yazılması

MovieList PropType Tanımının Güncellenmesi

Redux Logger Kurulumu

Error Action Dispatch İşlemi

Redux Promise Middleware Kullanımı

Filmlerin Listelemesinin Yapılması

Filmlerin Listelemesinin Yapılması - 2

Loading Indicator

Routing Menüde Active Class Gösterimi

New Movie Sayfasının Hazırlanması

New Movie Form Component'inin Hazırlanması

New Movie Form Component'inin Hazırlanması - 2

New Movie Form Validasyon İşlemleri

New Movie Form Validasyon İşlemleri - 2

New Movie Sayfası Reducer Tanımının Yapılması

onNewMovieSubmit Action

onNewMovieSubmit Error Handling

Redirect ile Yönlendirme İşleminin Yapılması

Edit & Delete Butonlarının Hazırlanması

Movie Edit - Route İşlemleri

Movie Edit - Inputların Doldurulması

Movie Edit - Fetch Movie

Movie Edit - Loading Gösterimi

Movie Edit - Update

Delete Movie - 1

Delete Movie - 2

Redirect Bug Fix

Anasayfa Tasarımı

Next.JS (Legacy)

Server Side Rendering Nedir?

Next.JS Nedir?

Next.JS Kurulumu

Pages

Components

Link

Routing Query String Kullanımı

Routing as Operatörü

Layout

Head Component'i

Built in CSS

Next.JS ve Express ile Custom Route Oluşturmak

Hot Module Reloading

Isomorphic Fetch

Stateful Componentlerde Isomorphic Fetch

Prefetch

onMouseEnter Prefetch

PWA Nedir? Service Worker Nedir?

Next.JS Offline

Now Deploy

PROGRAM HEDEFİ

PROGRAM HEDEFİ

Eğitimde, ReactJS temel konularını , uygulama oluşturma adımlarını ve React js ile single page uygulama oluşturmayı öğreneceksiniz. JSX ile browser'da içerik oluşturmayı ve React’in en önemli konuları olan Component, Props, State ve Component life cycle metotlarını kavrayacaskınız.

React Router ile çok sayfalı web uygulamaları geliştirebileceksiniz. React JS ve Redux ile web geliştirme konusunda bilmeniz gereken her şeyi öğreneceksiniz. React JS ile birlikte kullanılan en popüler, React Router, React Portal ve Redux kütüphanelerini en basit ve yalın haliyle bu eğitimde bulabilirsiniz

KİMLER KATILMALI

KİMLER KATILMALI

ReactJS ve Redux konusunda uzmanlık kazanmak isteyen herkes bu kursa katılabilir.

KURUMSAL BAŞVURU
Bu eğitimi kurumsal olarak planla ve uygula Mindset Institute kalitesi ve denetimi altında takımın veya şirketin için eğitim planla. Yeni beceriler kazanmanıza, çalışanlarınızın gelişimini yönetmenize ve işgücünüzü eğitmenize nasıl yardımcı olabiliriz?