Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Reactive.js

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

React JS'i sıfırdan öğren, en popüler Redux kütüphaneleri ile Hooks ve Context kullanarak web uygulamaları geliştir
Rating: 4.4 out of 54.4 (8 ratings)
47 students
Created by Oak Academy
Last updated 2/2021
Turkish
30-Day Money-Back Guarantee

What you'll learn

  • React JS`de gerekli kurulumları
  • React JS temel konularını
  • React JS 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 uzman olmanız 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

Course content

20 sections • 105 lectures • 12h 57m total length

  • Preview00:58

  • React JS'de İlk Uygulama
    08:06
  • Sık Sorulan Sorular
    07:40
  • Preview03:56
  • Node JS Yükleyelim
    03:03
  • Preview03:59
  • Neden Create React App
    04:23
  • Preview06:06
  • React Uygulamamızı Nasıl Başlatıp Nasıl Sonlandırırız?
    04:20
  • Fonksiyon Komponentler
    11:33

  • HTML JSX'e Nasıl Dönüştürülür?
    04:37
  • JSX'e CSS Özellikleri Ekleme
    07:44
  • JSX İçinde Javascript Değişkeni Yazma
    09:57

  • Componentların 3 Temel İlkesi
    03:55
  • Blog-Posts Uygulaması İle Props'lara Giriş
    02:26
  • Uygulamamıza Semantic UI CSS Kütüphanesini Dahil Edelim
    07:45
  • Compontent Oluşturmaya Başlayalım
    04:00
  • Component'e Resim Ekleyelim
    03:29
  • Yorum Bloğunu Çoğaltalım
    02:10
  • Componentları İç İçe Gösterme - Component Nesting
    09:48
  • React Props Sistemi
    04:03
  • Props ile Child Component'e Data Geçme
    11:07
  • Tekrar Kullanılabilir Component Yapısını Öğrenelim
    02:41
  • Props Children
    12:29

  • Class Based Component ve Functional Component Arasındaki Farklar Nelerdir?
    04:54
  • Yeni Uygulamamıza Başlayalım
    08:43
  • Konum Bilgisi Alma
    07:45
  • Asenkron İşlemlere Giriş
    03:21
  • Functional Component'i Class Based Component’e Dönüştürelim
    04:38

  • React State
    04:14
  • State'i Constructor Fonksiyonu İçinde Oluşturalım
    12:23
  • Yaşam Döngülerine Giriş
    09:18
  • JSX Bloklarını Koşullu Render Edelim
    05:18

  • Component Yaşam Döngüleri
    13:11
  • ComponentDidMount Metodu ile Uygulamamızı Refactor Edelim
    03:20
  • State'i Props Olarak Kullanalım
    04:27
  • Ternary Operators
    04:30
  • React Projemize Resim Ekleyelim
    05:30
  • Uygulamamızı CSS Özellikleri ile Geliştirelim
    10:28
  • React Developer Tools
    03:46
  • Bu Uygulamada Neler Öğrendik?
    07:25

  • Oluşturcağımız Uygulamayı İnceleyelim
    02:52
  • Component Yapısını İnceleyelim
    02:29
  • Uygulamamızı Oluşturmaya Başlayalım
    08:47
  • Uygulamamızı Stillendirelim
    03:23
  • Event Handler Oluşturalım
    05:50
  • Kontrollu ve Kontrolsuz Elementler
    04:43
  • Kontrollu ve Kontrolsuz Form Elementleri
    07:03
  • React Binding
    07:54
  • Child Component'dan Parent Component'a Veri Akışı
    02:50
  • Component'lar Arası İletişim
    03:57

  • React ile Api’a İstek Atma
    03:58
  • Axios vs Fetch
    02:59
  • Axios ile Api'a İstek Atma
    09:51
  • Api'dan Gelen Data ile Component'u Render Etme
    04:53
  • Api'dan Gelen Veriyi Browser'da Listeleme
    05:50
  • Key Değeri
    04:04
  • Bu Uygulamada Neler Öğrendik?
    04:14

  • React Router'a Giriş
    03:03
  • React Router
    19:32
  • Link ve NavLink
    05:57
  • Router Özellikleri
    07:33
  • Route Parametreleri
    14:01
  • React Router Switch Tag
    03:56

Requirements

  • HTML, CSS ve JavaScript hakkında temel bilgi
  • JavaScript konusunda uzman olmanız gerekmiyor ancak Döngüler ve Fonksiyonlar gibi temel kavramları bilmeniz gerekiyor
  • Es6 bilmeniz yararlı olur ancak bilmek zorunda değilsiniz, Es6 bu kurs kapsamındadır
  • Çalışan bir bilgisayarınızın ve internet bağlantınızın olması yeterli
  • Eğitimi başarılı bir şekilde tamamlamak için istek ve motivasyon
  • Tek ihtiyacınız olan bilgisayarınız ve sizsiniz! Haydi hemen kayıt olun ve öğrenmeye başlayın

Description

Merhabalar

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

  • 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 bu kurs tam sana göre.

Sıfırdan öğrenin!

Bu kurs sizi başlangıç ​​seviyelerinden alıp ileri seviyeye getirmeyi hedefliyor. React JS, 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 React JS'i 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 sizde 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 konusunuda 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;

  • React JS 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ı

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

Neden bizim React JS kursumuza katılmalısınız?

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

Kaydolduğunuzda, OAK Akademi'nin deneyimli eğitmenlerinin konuya hakimiyetini ve aynı zamanda tecrübelerini aktarmadaki uzmanlıklarını hissedeceksiniz.

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 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!

Who this course is for:

  • React JS, React Redux ve React Hooks ve Context konusunu öğrenmek isteyenler
  • Günümüzün en popüler front-end mimarilerini öğrenmek isteyen herkes
  • Web geliştirme becerilerini bir üst seviyeye çıkarmak ve geleceğe yönelik bir teknoloji öğrenmek isteyen öğrenciler
  • Web geliştirme becerilerini bir üst seviyeye çıkarmak ve geleceğe yönelik bir teknoloji öğrenmek isteyen öğrenciler için
  • React Context API öğrenmek isteyenler için
  • Facebook, Instagram ve Netflix gibi önde gelen teknoloji şirketleri tarafından kullanılan son derece popüler bir teknolojiyi öğrenmekle ilgilenen herkes için
  • Post-Korona dünyasında kendine freelancer olarak iş bulmak isteyenler
  • Post-Korona dünyasında uzaktan calisabilecek iş fırsatları yakalamak isteyenler
  • Yeni normal evden çalışma konusunu fırsata dönüştürmekte isteyenler

Instructor

Oak Academy
LONG LIVE TECH KNOWLEDGE
Oak Academy
  • 4.3 Instructor Rating
  • 3,647 Reviews
  • 25,231 Students
  • 152 Courses

Hi there,

By 2024, there will be more than 1 million unfilled computing jobs and the skills gap is a global problem. This was our starting point.

At OAK Academy, we are the tech experts who have been in the sector for years and years. We are deeply rooted in the tech world. We know the tech industry. And we know the tech industry's biggest problem is the “tech skills gap” and here is our solution.

OAK Academy will be the bridge between the tech industry and people who

-are planning a new career

-are thinking career transformation

-want career shift or reinvention,

-have the desire to learn new hobbies at their own pace

Because we know we can help this generation gain the skill to fill these jobs and enjoy happier, more fulfilling careers. And this is what motivates us every day.

We specialize in critical areas like cybersecurity, coding, IT, game development, app monetization, and mobile. Thanks to our practical alignment we are able to constantly translate industry insights into the most in-demand and up-to-date courses,

OAK Academy will provide you the information and support you need to move through your journey with confidence and ease.

Our courses are for everyone. Whether you are someone who has never programmed before, or an existing programmer seeking to learn another language, or even someone looking to switch careers we are here.

OAK Academy here to transforms passionate, enthusiastic people to reach their dream job positions.

If you need help or if you have any questions, please do not hesitate to contact our team.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.