Uygulamalı React ve Redux Eğitimi

Sıfırdan İleri Seviyeye Uygulamalı Olarak React, Redux ve Auth0

3.95 (58 reviews)
Udemy
platform
Türkçe
language
Web Development
category
instructor
Uygulamalı React ve Redux Eğitimi
511
students
14.5 hours
content
Nov 2021
last update
$19.99
regular price

What you will learn

React ile Single Page Application oluşturabilecekler

React uygulamalarında Redux yapısını kullanabilecekler

React kullanarak oyun oluşturabilecekler

Google Map API kullanabilecekler

Auth0 kullanarak React uygulamalarında login işlemlerini ve profil işlemlerini gerçekleştirebilecekler

React uygulamalarında Router yapısını kullanabilecekler

OpenWeatherMap API'sini projelerinde kullanabilecekler

EcmaScript6 ile gelen yenilikleri projelerinde kullanabilecekler

MaterializeCSS ile responsive uygulamalar tasarlayabilecekler

Axios kullanarak HTTP client uygulamaları oluşturabilecekler

Projelerinde JWT kullanabilecekler

Description

Bu kursa temel seviye reactjs konuları ile giriş yapıyoruz.Ardından iki tane temel uygulama yapılışını anlatarak konunun iyice pekişmesini sağlıyorum. Uygulamalar bittikten sonra ileri seviye reactjs konularına başlıyorum ve redux konusunu ayrıntılı bir şekilde işliyorum. En son olarak da ileri seviye uygulamalar ile reactjs nin tam anlamı ile kavranmasını sağlıyorum. bu kursu tamamladıktan sonra web uygulamaları geliştirebilir ve react native için ön bilgilere erişmiş olursunuz.

Content

ReactJs Hızlı Bir Başlangıç

ReactJs Giriş
Kurulumlar
Component Oluşturma
Props Oluşturma
Props da Liste Kullanmak
Event Oluşturma
Data Binding İşlemleri
State Oluşturma

ECMAScript 6 Yenilikleri

ES6 Nedir
Sabit İfadeler
let Anahtar Sözcüğü
Varsayılan Parametreler
Spread Operator
Template String
Yeni String Metotlar
Nesne İyileştirmeleri
Arrow Fonksiyonlar
Set Koleksiyonu

ReactJs Kapsamlı Konuları

JSX Kullanımı
Stateless Component Örneği
Stateful Component Örneği
State Kimliğini Kullanma
Default Prop Kavramı
Prop Tipleri
setState() Kullanımı
forceUpdate() Kullanımı
findDomNode() Kullanımı

Temelden İleri Seviye React

React Setup
React Components
React State
React Dev Tools
DOM Events
Fonksiyon İle State Değiştirme
Formlara Giriş
Yarn Kullanarak create-react-app Oluşturma
İçiçe Componentler
Props Kavramı
Listeler ve key Kavramı
Stateless Component
Conditional İfadeler
Form İle State Oluşturma
Props Olarak Fonksiyon Kullanma
filter() Fonksiyonu

React ile Todo Uygulaması Geliştirme

Todo App 1
Todo App 2
Todo App 3
Todo App 4
Todo App 5
Todo App 6
Todo App 7

Tic Tac Toe Oyunu Geliştirme

Tic Tac Toe 1
Tic Tac Toe 2
Tic Tac Toe 3
Tic Tac Toe 4
Tic Tac Toe 5
Tic Tac Toe 6
Oyun Programlama Hakkında

Router ve SPA Uygulaması Geliştirme

Projeyi Router İçin Hazırlama
BrowserRouter ve Route
Link ve NavLink
Programatik Yönlendirme
Higher Order Components
Axios Kullanımı
Router Parametresi-1
Router Parametresi-2
Router Parametresi-3
Switch Tag
Resim Kullanma

Temel Redux

Redux Giriş
Store Oluşturma
Store Güncelleme
combineReducers
Provider
connect

Redux ile SPA Uygulaması Geliştirme

Redux'u Projeye Kurma
Store Statelerini Props Olarak Kullanma
Detay Sayfasını Ayarlama
Silme İşlemi için dispatch Oluşturma
Silme İşlemi ve history.push()
Action Oluşturma

Redux ile Todo Uygulaması Geliştirme

Kurulum
Action Oluşturma
Reducer Oluşturma
Store Oluşturma
App.js Kodlanması
AddTodo.js Kodlanması
Todo.js Kodlanması
TodoList.js Kodlanması
Bitiriş

Google Map Uygulaması Geliştirme

API İsteğinde Bulunma
Proje Oluşturma
Enlem ve Boylam Bilgisi
Harita Yükleme
Haritaya Yazı Ekleme
Haritaya Maker Ekleme

Auth0 ile Uygulama Geliştirme

Auth0 Giriş
React Projesi Oluşturma
Initial State Oluşturma
Main Component Oluşturma
location Oluşturma
Diğer Componentleri Oluşturma
Auth0 Application Oluşturma
Auth0 Nesnesi Oluşturma
Login İşlemlerini Gerçekleştirme
Authentication Sonucu Oluşturma
Authentication Kontrol Etme
Logout İşlemleri
JWT Decoded İşlemleri
Profil Özelliklerine Erişme

Hava Durumu Uygulaması Geliştirme

Proje Oluşturma
Componentleri Oluşturma
Open Weather Map Sitesi
Api Key Oluşturma
Inputları Aktif Etme
State Oluşturma
Componentler Arası İletişim
Projede Hataların Düzeltilmesi
Uygulamanın Tasarımını Ayarlama

Github Kullanıcı Bilgileri Uygulaması Geliştirme

Proje Oluşturma
Componentleri Oluşturma
Form Component Event Oluşturma
Axios Kullanımı
Componentler Arası İletişim
Bilgileri List Componentte Gösterme
MomentJs Kullanımı

React Hooks ve Firebase İle Uygulama Geliştirme

Kurulumlar
Uygulama Routing Ayarı
Diğer Sayfaları Ayarlama
HomePage Sayfasını Tasarlama 1
HomePage Sayfasını Tasarlama 2
Register Sayfasını Tasarlama
Login Sayfasını Tasarlama
useState Oluşturma
Firebase Projesi Oluşturma
Firebase Fonksiyonlarını Oluşturma
Register Fonksiyonlarını Kullanma
Login Fonksiyonlarını Kullanma
Firebase Durum Kontrolü
Dashboard Sayfası Tasarımı
Kullanıcı Adına Erişme
Firestore'dan Veri Getirme

Sırada Ne Var

Sırada Ne Var

Reviews

Şerif
October 12, 2021
Eski paket sürümü ile anlatılmış videolar, sürekli örneklerde uğraşmak zorunda kaldım, basic olarak bişeyler öğretiyor ama kaliteli değil.
Varol
May 16, 2019
Başlangıç güzel, zaten ücretsiz kurstaki dersler fakat ilerleyen dersler daha detaylı görünüyor güzel örnekler de var gibi bakalım. :)
Berat
January 7, 2019
React bildiğim, sadece bir projeye nasıl başlanacağını öğrenmek, işleyişi kavrayabilmek ve pratiğimi arttırmak için temelleri atlayıp projelere başladım, şimdiye kadar basit ve anlaşılabilir gidiyor ve kursun sonunda öğrenmek istediklerimi alabileceğimi düşünüyorum.

Coupons

DateDiscountStatus
5/8/202145% OFF
expired

Charts

Price

Uygulamalı React ve Redux Eğitimi - Price chart

Rating

Uygulamalı React ve Redux Eğitimi - Ratings chart

Enrollment distribution

Uygulamalı React ve Redux Eğitimi - Distribution chart
1777906
udemy ID
7/2/2018
course created date
11/22/2019
course indexed date
Bot
course submited by