React JS: Sıfırdan Başlayarak React JS, Redux ve Hooks Öğren

ReactJS sıfırdan öğren, en popüler Redux kütüphaneleri ile Hooks ve Context ile React ve React js uygulamaları geliştir

4.05 (243 reviews)
Udemy
platform
Türkçe
language
Web Development
category
instructor
4,163
students
13 hours
content
Mar 2024
last update
$64.99
regular price

What you will learn

React JS`de gerekli kurulumları

ReactJS temel konularını

Reactjs ile uygulama oluşturma adımlarını

React js ile single page application oluşturmayı

JSX ile browser'da içerik oluşturmayı

React’in en önemli konuları olan Component, Props, State ve Component life cycle metotlarını

Javascript’ın çekirdeğini oluşturan ecmaScript’in yeni özelliklerini

React Router ile çok sayfalı web uygulaması yapmayı

React Portals yardımıyla hızlı ve kolay bir şekilde modal oluşturmayı

React Redux kursumuzda görsel diyagramlarla ve basit web uygulamalarıyla, React JS ve Redux ile web geliştirme konusunda 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 kursta bulabilirsiniz

React’in en önemli konuları olan Component, Props, State ve Component Life Cycle metotlarını,

API' a istek atmayı, API'dan veri çekmeyi ve verileri Browser ekranında kullanıcıya göstermeyi,

React Router ile çok sayfalı web uygulaması yapmayı,

React uygulamalarımızda Redux Store'da depoladığımız verileri Action'lar oluşturarak nasıl manipüle edeceğimizi ve çok daha fazlasını öğreneceğiz

React Hooks ve Context yapılarını, uygulamalı olarak oluşturmayı,

Context Api’nin ne olduğunu ve nasıl kullanıldığını

Context Api ve Hooks’u birlikte kullanmayı

Reducer, Action ve Dispatch kavramlarını ve çok daha fazlasını

React ile Post-Korona dünyasında kendinize freelancer olarak iş bulma fırsatını yakalayın

React öğrenin yeni normal evden çalışma konusunu React ile fırsata dönüştürün

React, Reactjs, Hooks, Redux konularını deyatlıca öğrenebileceksiniz

React öğrenmek, mobil uygulamalar geliştirme konusunda deneyim kazanmak için mükemmel bir yoldur.

React, programcıların aynı anda birden fazla platformda JavaScript'te uygulamalar yazarak iOS ve Android için ayrı kod yazma ihtiyacını ortadan kaldırıyor.

React Redux ayrıca, çerçeveyi verimliliği düşünen geliştiriciler arasında favori kılan "hot reloading" (sıcak yeniden yükleme) gibi özellikler de içeriyor

React

Redux

React JS

Hooks

Description

Merhabalar;

React JS: Sıfırdan Başlayarak React JS, Redux ve Hooks Öğren kursuna hoşgeldiniz.
ReactJS sıfırdan öğren, en popüler Redux kütüphaneleri ile Hooks ve Context ile React ve React js uygulamaları geliştir

  • React öğrenmeye yeni başlıyor,

  • React ile modern web uygulamaları öğrenmek istiyor,

  • React’i anlamak ve Redux, Hooks ve Context konularını öğrenerek kendini React konusunda yetiştirmek istiyorsanız bu kurs tam size göre.


  • React 'i öğrenmek, mobil uygulamalar geliştirme konusunda deneyim kazanmak için mükemmel bir yoldur. Udemy'de React çerçevesinin her seviyesine ulaşmanızı sağlayan en yüksek puan alan React kursları bulunmaktadır. Böylece daha iyi uygulamaları daha hızlı yazmaya başlayabilirsiniz.


  • React, programcıların aynı anda birden fazla platformda JavaScript'te gerçek yerel uygulamalar yazmalarını sağlayarak iOS ve Android için ayrı kod yazma ihtiyacını ortadan kaldırıyor. React ayrıca, çerçeveyi verimliliği düşünen geliştiriciler arasında favori kılan "hot reloading" (sıcak yeniden yükleme) gibi özellikler de içeriyor.


Sıfırdan öğrenin!

Bu kurs sizi başlangıç ​​seviyelerinden alıp ileri seviyeye getirmeyi hedefliyor. ReactJS, Redux ve Hooks kursumuzda görsel diyagramlarla ve basit web uygulamalarıyla, React js ile web geliştirme konusunda bilmeniz gereken konuları sizlere anlatmaya çalıştık. Eğitim süresince Reactjs  nasıl kullanacağınızı öğrenebilmeniz ve kullanırken kendinizi güvende hissedebilmeniz için kursu mümkün olduğunca kolaydan zora olacak bir şekilde oluşturduk. Meslek transformasyonu yaşayan öğrencilerimizin tecrübelerinden ve geri beslemelerinden istifade ettik.

Eğer siz de React JS'i ve React JS ile birlikte kullanılan en popüler, React Router, React Portal ve Redux kütüphanelerini en iyi şekilde öğrenmek istiyorsanız bu kurs tam da aradığınız React JS kursu.

Çünkü size bu kursta React JS'i tüm yönleriyle anlatmaya çalışacağız. Ve sizinle bu kursta React Hooks konusunu kapsamlı sekilde ele alacağız. Konunun ne oldugunun daha iyi anlaşılması için Context Api’nin ne olduğunu ve nasıl kullanıldığını, daha sonra Hooks yapısını ele alacağız. Son olarak Context Api ve Hooks’u birlikte kullanıldığımızda bizlere sağladığı kolaylıkları inceleyeceğiz. Çünkü öğrenmede, eğitimin içeriği kadar, konunun sunulma sırasının da çok önemli olduğunu düşünüyoruz.

React JS, Redux ve Hooks kursunda neler öğreneceksiniz?

Bu kursta React’i çeşitli projeler oluşturarak öğreneceğiz.  Bu projeler, HTML,CSS ve Javascript’i temel seviyede bilen ve React’in temellerini öğrenmek isteyen herkes için tasarlanmıştır.

İlk önce React’in kurulumu ve React kütüphanesi ile ilgili bilmemiz gereken kavramları öğreneceğiz ve ardından 5 proje oluşturacağız

  • First-App uygulaması ile create-react-app ile tanışacağız ve jsx öğrenmeye başlayacağız.

  • Blog-posts uygulaması ile React’in en önemli konularından props’u öğreneceğiz.

  • Hemisphere’ uygulaması ile component, state, lifecycle method ve asenkron işlemler gibi daha birçok konuyu  bur kursta öğreneceğiz

  • Image-list uygulaması ile Api’dan veri çekmeyi ve event handlers’lar yardımı ile gelen verileri browser ekranında listelemeyi öğreneceğiz.

  • React-router’ uygulaması ile çok sayfalı web uygulaması oluşturmayı  ve çok daha fazlasını öğreneceğiz.

Ardından;

  • ReactJS ile single page application oluşturmayı,

  • React’in en önemli konuları olan Component, Props, State ve Component Life Cycle metotlarını,

  • Api'a istek atmayı, Api'dan veri çekmeyi ve verileri browser ekranında kullanıcıya göstermeyi,

  • Input form ve event’ler ile kullanıcı isteklerini yönetmeyi,

  • React Router ile çok sayfalı web uygulaması yapmayı,

  • React Portals yardımıyla hızlı ve kolay bir şekilde modal oluşturmayı,

  • React uygulamalarımızda, uygulamamızın verilerini Redux kütüphanesi ile nasıl yönetebileceğimizi, global state de tuttuğumuz verilere componentlarımız’dan kolayca nasıl ulaşabileceğimizi ve Redux store da depoladığımız verileri action’lar oluşturarak nasıl manipüle edeceğimizi,

  • Redux Thunk ile Asynchronous işlemleri gerçekleştirmeyi,

  • En büyük ve gelişmiş React uygulamalarını Redux kütüphanesini kullanarak kolay bir şekilde inşa etmesini öğreneceğiz.

Son olarakta Hooks ve Context konusuna başlayarak;

  • Class Component ile Context oluşturmayı,

  • Consumer ile Context'e erişimi

  • Context Type ile Context’e erişimi

  • Context’de bulunan verileri manipüle etmeyi

  • useState, useEffect, useReducer, ve useContext Hook’larını

  • Reducer, Action ve Dispatch kavramlarını

  • React, React js, ReactJS, ReactHooks, ReactContext  ile alakalı konuları

  • Ve React Hooks hakkında çok daha fazlasını öğreneceksiniz.

Neden bizim OAK Academy'nin kurslarına katılmalısınız?

Bu konuda cevabımız basit: Kursumuzun kalitesi.

Londra merkezli bir online eğitim şirketi olan OAK Academy Udemy platformu üzerinde özelikle IT, Software, Design, Development alanlarında Türkçe, İngilizce, Portekizce, İspanyolca gibi bir çok dilde eğitim vermektedir. Şu ana kadar 1000+ saatlik video eğitim içeriği ile Udemy'de yer alan OAK Academy, bir yandan Udemy'de sürekli yeni kurslar yayınlayarak eğitim sayısını artırırken aynı zamanda yayındaki tüm kurslarını da güncelleyerek öğrencilerini en son yeniliklerden haberdar etmektedir.

Kaydolduğunuzda, OAK Akademi'nin deneyimli eğitmenlerinin konuya hakimiyetini ve aynı zamanda tecrübelerini aktarmadaki uzmanlıklarını hissedeceksiniz. Öğrencilerin eğitmenlerimize gönderdiği sorulara, en geç 48 saat içerisinde mentorlerimiz tarafından yanıt verilmektedir.

Güncel İçerik

Teknolojinin hızlı bir şekilde nasıl geliştiği sır değil. Her gün yeni araçlar piyasaya sürülüyor, React JS de kendini güncelliyor ve en son bilgilerden haberdar olmak sektörde çok önemli. Bu kursla her zaman en yeni trendleri takip etme şansına sahip olacaksın.

Video ve Üretim Kalitesi

Tüm içeriklerimizı size en iyi öğrenme deneyimini sunmak için yüksek kaliteli video / ses olarak üretiyoruz.

Kursiyerlerimiz,

  • Soru&Cevap bölümünde hızlı cevaplar alabilecek,

  • Kursu bitiren tüm kursiyerlerimiz kurs bitirme sertifikalarını Udemy'den indirebilecek

Daha fazla zaman kaybetmeyin ve React JS: Sıfırdan Başlayarak React JS, Redux ve Hooks Öğren kursumuza siz de kayıt olun!

Kursta görüşmek üzere!

Content

React JS Kursunda Neler Öğreneceksiniz?

Bakalım React JS Kursunda Neler Öğreneceksiniz?

React JS Öğreniyoruz!

React JS'de İlk Uygulama
Sık Sorulan Sorular
Let, Const ve Var Arasındaki Farklar
Node JS Yükleyelim
Create React App
Neden Create React App
Create React App Dosya Yapısı
React Uygulamamızı Nasıl Başlatıp Nasıl Sonlandırırız?
Fonksiyon Komponentler

JSX Nedir?

HTML JSX'e Nasıl Dönüştürülür?
JSX'e CSS Özellikleri Ekleme
JSX İçinde Javascript Değişkeni Yazma

React Props

Componentların 3 Temel İlkesi
Blog-Posts Uygulaması İle Props'lara Giriş
Uygulamamıza Semantic UI CSS Kütüphanesini Dahil Edelim
Compontent Oluşturmaya Başlayalım
Component'e Resim Ekleyelim
Yorum Bloğunu Çoğaltalım
Componentları İç İçe Gösterme - Component Nesting
React Props Sistemi
Props ile Child Component'e Data Geçme
Tekrar Kullanılabilir Component Yapısını Öğrenelim
Props Children

Class-Based Components

Class Based Component ve Functional Component Arasındaki Farklar Nelerdir?
Yeni Uygulamamıza Başlayalım
Konum Bilgisi Alma
Asenkron İşlemlere Giriş
Functional Component'i Class Based Component’e Dönüştürelim

React State Sistemi

React State
State'i Constructor Fonksiyonu İçinde Oluşturalım
Yaşam Döngülerine Giriş
JSX Bloklarını Koşullu Render Edelim

React Yaşam Döngüleri

Component Yaşam Döngüleri
ComponentDidMount Metodu ile Uygulamamızı Refactor Edelim
State'i Props Olarak Kullanalım
Ternary Operators
React Projemize Resim Ekleyelim
Uygulamamızı CSS Özellikleri ile Geliştirelim
React Developer Tools
Bu Uygulamada Neler Öğrendik?

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

Oluşturcağımız Uygulamayı İnceleyelim
Component Yapısını İnceleyelim
Uygulamamızı Oluşturmaya Başlayalım
Uygulamamızı Stillendirelim
Event Handler Oluşturalım
Kontrollu ve Kontrolsuz Elementler
Kontrollu ve Kontrolsuz Form Elementleri
React Binding
Child Component'dan Parent Component'a Veri Akışı
Component'lar Arası İletişim

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

React ile Api’a İstek Atma
Axios vs Fetch
Axios ile Api'a İstek Atma
Api'dan Gelen Data ile Component'u Render Etme
Api'dan Gelen Veriyi Browser'da Listeleme
Key Değeri
Bu Uygulamada Neler Öğrendik?

React Router

React Router'a Giriş
React Router
Link ve NavLink
Router Özellikleri
Route Parametreleri
React Router Switch Tag

React Portals

Neden React Portals 1?
Neden React Portals 2?
React Portals Oluşturalım

Redux'a Başlayalım

Redux’a Giriş
Redux Stores
Redux Actions
Redux Reducers
Store Subscriptions
Redux Kurulum
MapStateToProps Fonksiyonu
Kart Oluşturalım
MapDispatchToProps Fonksiyonu 1
MapDispatchToProps Fonksiyonu 2
Action Creators
Redux Thunk Teorik Bilgi
Redux Thunk

Nedir Bu Hooks ve Context?

Context ve Hooks Ne İşe Yarar?

Uygulamamızı Oluşturuyoruz

Uygulamamızı Oluşturuyoruz
Neden Context Api?
Context Provider
Context Provider - 2
Context'de Bulunan Veriye Ulaşalım
Context Consumer
Context Data'yı Güncelleyelim

Birden Fazla Context Kullanımı

Birden Fazla Context Kullanalım
Birden Fazla Context Kullanalım - 2

React Hooks'a Giriş

React Hooks'a Başlıyoruz

Uygulamamızı Oluşturuyoruz

Uygulamamızı Oluşturalım
UseState Hook
UseState ve Form Elemanları
UseEffect Hook
UseContext Hook
Birden Fazla Context Oluşturma
Functional Component İle Create Context

Hooks & Context

Hooks & Context
Hooks & Context ile Yeni todo Ekleyelim
Hooks & Context ile Listeden todo Silelim

UseReducer Hook'unu Tanıyalım

UseReducer Hook'unu Tanıyalım
UseReducer
Reducer Component Yapısı

Screenshots

React JS: Sıfırdan Başlayarak React JS, Redux ve Hooks Öğren - Screenshot_01React JS: Sıfırdan Başlayarak React JS, Redux ve Hooks Öğren - Screenshot_02React JS: Sıfırdan Başlayarak React JS, Redux ve Hooks Öğren - Screenshot_03React JS: Sıfırdan Başlayarak React JS, Redux ve Hooks Öğren - Screenshot_04

Reviews

Ahmet
September 5, 2023
Hocamız tane tane anlatıyor anlamamak mümkün değil yeni başlayanlara kessinlikle tavsiye ediyorum. Ağzına sağlık hocam!
Nisa
August 22, 2023
Almayın güncellenmiyor. 1 sene önce güncellenecek denmiş ama sonra eğitmen ingilizce içeriği güncellediğini söyleyip sürümü düşürmemiz gerektiğini belirtmiş. Eğitmen anlatımı güzel olsa da zaman kaybı.
remzi
August 16, 2023
BAŞARILI BİR EĞİTİM SERİSİ EMEGİNİZE SAGLIK CAN BEY HENÜZ BİTİRMEDİM AMA GÜZEL PROJELER VE EGLENCELI BIR ANLATIMINIZ VAR. :)))
Mustafa
July 17, 2022
kurs biraz daha bol örnek verilip redux yapısı ve kullanımıyla ilgili biraz daha profesyonel alıştırmalar eklenebilirdi.
Burak
June 29, 2022
İyi fakat çok fazla laf ve konu kalabalığı yapılmış.Basit bir konuyu karmaşık hale getiriyorsunuz.Verdiğiniz detayların yanında çok fazla konu ve laf kalabalığı var.Bir çok derste karşılaştım.Zaten bir çok konuyu biliyorum fakat inanın bildiğim konuları dahi şaşırdığım ve karıştırdığım oldu.Sizi sona geldikten sonra tamam işte benim bildiğim gibi niye bu kadar anlatımı karıştırmış ki dediğim konular oldu baya.Fakat aynı zamanda bir çok "aaa" dediğim yeni konular bilgiler edindim.Faydalı bir eğitim fakat aktarım konusunda bir tık problem olduğunu düşünüyorum.
Semih
June 28, 2022
Kursta soru cevap kısmına yazılmasına rağmen aylardır güncellenmemiş dersler var, böyle olunca diğer derslerin güncelliği ve kodların efektifliği kafada soru işareti yaratıyor ve heves kaçırıyor. Anlatımdan da sıkılmamak istiyorsanız 1.5x civarında hızlandırarak izlenmenizi tavsiye ederim. Temel anlamda bazı şeyleri öğrenebilirsiniz ama fazlasını ummayın. Beklentimi karşılamadı...
0nur59
April 29, 2022
Anlatım güzel ama belli bir yerden sonra güncel değil, kurstan çok stackoverflow'da zaman geçiriyoruz, güncellemenizi tavsiye ederim.
Dıkkat
March 15, 2022
bence bu kursun sadece functional komponant kullanılanı ve yeni surumu ıle olan kursu yapılması lazım. en azından surumu yenılenmesı lazım.
Akif
February 13, 2022
Her bir kavram kendi içerisinde gayet net ve anlaşılır olarak açıklanmış. Tüm yapıları içeren gelişmiş bir uygulama örneğide eklenebilir, öneri olarak.
Furkan
December 16, 2021
Eğitim güzel teşekkür ederim. Sadece bir öneri olarak; akış bir api kullanarak oluşturulsaydı daha gerçek dünya örneğine yakın ve piyasaya yönelik olabilirdi.
Düzgün
November 17, 2021
Kursu izlerken gelişim ve mevcut terminoloji için ek kaynaklar edinmeniz gerekecektir. Fakat başlangıç için React Js nedir ve neden nasıl kullanılır sorularını kavramanıza yardımcı bir eğitim. Tavsiye ederim
Mert
October 13, 2021
çok detaylı ve açıklayıcı bir anlatım biçimi var. Yeni başlayanlar veya üzerine bir şey eklemek isteyenler için kesinlikle öneririm.
Burak
September 5, 2021
Malesef uygulamalar yetersiz. Konu anlatımı ve örnek çözme metoduyla ilerlenmiş. Konuların birleştirildiği major bir proje yok.
Lütfullah
August 5, 2021
Bir kaç kurs araştırmış ve almıştım, ama Oak Academy'nin React kursu içlerinde en başarılı ve en detaylı anlatan kurs oldu. Gerçekten bütün aşamalarda ne yaptığımızı çok güzel özetleyip açıkladı. Teşekkürler Oak Academy...
Muaz
April 17, 2021
İçeriğe baktığımda gayet yeterli ve doyurucu bir eğitim olduğunun sinyallerini veriyor ve ilk videoda bunu destekledi, teşekkürler.

Coupons

DateDiscountStatus
4/17/2021100% OFF
expired
4/21/202194% OFF
expired

Charts

Price

React JS: Sıfırdan Başlayarak React JS, Redux ve Hooks Öğren - Price chart

Rating

React JS: Sıfırdan Başlayarak React JS, Redux ve Hooks Öğren - Ratings chart

Enrollment distribution

React JS: Sıfırdan Başlayarak React JS, Redux ve Hooks Öğren - Distribution chart

Related Topics

3161966
udemy ID
5/24/2020
course created date
6/8/2020
course indexed date
Bot
course submited by