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 CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift 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 Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging 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 React

Sıfırdan Uygulamalı React Geliştirme: Hooks,Redux & Firebase

En popüler frontend kütüphanesi React'i baştan sona uygulamalı projelerle öğren.Hooks,Redux,Webpack,Firebase ve Fazlası.
Rating: 4.4 out of 54.4 (130 ratings)
750 students
Created by Sadık Turan
Last updated 3/2021
Turkish
30-Day Money-Back Guarantee

What you'll learn

  • Modern frontend uygulamaları geliştirebiliceksin.
  • Sektörde en çok aranan frontend geliştiricilerden olacaksın.
  • React uygulama geliştirmeyi en temelinden mantığıyla öğreneceksin.

Course content

15 sections • 104 lectures • 16h 1m total length

  • Preview06:10
  • Preview05:34

  • İlk React Uygulaması
    07:32
  • Babel Entegrasyonu
    14:01
  • Bilgilendirme
    00:10
  • React JSX
    07:59
  • JSX Expressions
    04:08
  • JSX Koşul İfadeleri
    09:52
  • Events
    07:26
  • Data Binding
    06:28
  • Forms
    11:48
  • JSX Arrays
    06:52
  • ES6: Const & Let
    14:48
  • ES6: Arrow Functions
    14:50
  • ES6: This
    08:23

  • ES6: Classes
    11:18
  • ES6: Classes-Kalıtım
    12:45
  • Component Ekleme
    12:43
  • Component Props
    10:37
  • Methods
    11:50
  • Component State
    06:58
  • Demo: Component State
    08:12
  • Todo App State: Clear Items
    06:37
  • Todo App State: Add Item
    12:56
  • Todo App State: Delete Item
    07:39
  • Component Lifecycle
    13:10
  • Stateless Functional Components
    07:36

  • Webpack Kurulumu
    14:03
  • Webpack DevServer
    06:58
  • Npm React Modules
    06:47
  • Webpack ile Babel Ayarları
    06:35
  • Component Dosyalarının Eklenmesi
    08:03

  • Webpack ile SCSS Kullanımı
    10:27
  • Bootstrap Kütüphanesinin Eklenmesi
    09:02
  • Tasarımın İyileştirilmesi
    07:42

  • Projenin Hazırlanması
    04:40
  • Navbar Component & Default Props
    10:56
  • User Component
    09:34
  • Users Component
    10:01
  • Http Request
    06:00
  • Loading Component
    09:15
  • Search Component
    10:18
  • Kullanıcı Bilgilerinin Aranması
    06:30
  • Arama Sonuçlarının Temizlenmesi
    07:40
  • Hata Mesajlarının Gösterilmesi
    13:29

  • React Router Kurulumu
    08:57
  • Route Links
    08:37
  • Query Strings & Url Parameters
    12:11
  • Github Finder: Routing
    09:50
  • Kullanıcı Detay Bilgilerinin Alınması
    14:08
  • Kullanıcı Detaylarının Gösterilmesi
    14:11
  • Repository Bilgilerinin Gösterilmesi
    12:10

  • React Hooks Nedir?
    05:49
  • State Hook
    09:53
  • Demo: State Hook
    06:14
  • useEffect Hook
    13:21
  • Demo: useEffect Hook
    05:32
  • Demo: useState & useEffect
    20:01
  • useReducer Hook
    08:56

  • useContext Hook-1
    13:24
  • useContext Hook-2
    11:06
  • Github Finder: useContext-1
    07:31
  • Github Finder: useContext-2
    22:44
  • User State'in Context'e Taşınması
    08:47
  • Repo State'in Context'e Taşınması
    05:05
  • Alert Context
    10:37
  • NotFound Component
    04:45
  • Projenin Yayınlanması-Netlify
    06:20

  • Create React App
    08:53
  • React Router
    15:33

Requirements

  • Javascript bilgisi gereklidir. Bu kurs öncesinde "Modern Javascript Kursumu" bitirmenizi tavsiye ederim.

Description

Son zamanların en popüler frontend kütüphanesi React 'i baştan sona uygulamalı projelerle öğrenmeye ne dersiniz?

React; facebook firması tarafından geliştirilen ve kullanıcı arayüzlerini kolaylıkla oluşturmamıza olanak sağlayan oldukça güzel bir Javascript kütüphanesidir.

Hazırladığım tüm kurslarda anlatımın yalın ve sade olmasına büyük önem veriyorum. React kursumda da sade ve anlaşılır bir dil kullanarak React'i size en baştan adım adım proje geliştirerek anlatacağımdan emin olabilirsiniz.

React konularımız;

  • React Geliştirme Ortamı

  • React Temelleri (JSX, Babel)

  • React Components (Class & Functional)

  • Webpack

  • Styling React (Css, Scss ve Bootstrap Entegrasyonu)

  • Http Request

  • React Routers

  • React Hooks & Context

  • Redux

  • Firebase

  • TodoApp Projesi

  • Github Finder Projesi

  • BlogApp Projesi

Who this course is for:

  • Sıfırdan React öğrenerek sektörün en çok aranan frontend geliştiricileri arasında olmayı isteyenler.

Instructor

Sadık Turan
Web Geliştirici & Eğitmen
Sadık Turan
  • 4.6 Instructor Rating
  • 22,818 Reviews
  • 103,992 Students
  • 13 Courses

Merhaba ben Sadık Turan. 

19 yılı aşkın süredir Yazılım ile ilgilenmekte olup 15 yıldan beri Yazılım eğitimi vermekteyim.

İlgi alanım daha çok Web Uygulamaları geliştirmek üzerine olmakla birlikte son zamanlarda ilgilendiğim teknolojiler ; Asp net core mvc, Xamarin, Python, ve Javascript tabanlı geliştirilen uygulamalardır. Dolayısıyla NodeJs, Angular, React ve VueJs bir hayli ilgimi çekmektedir.

Verdiğim eğitimlerdeki kaliteyi hep iyi seviyede tutmak adına daima gerçek senaryolar üzerinden uygulama odaklı yalın ve anlaşılır bir dille anlatım yapmaktayım. Ayrıca en son çıkan araçları kullanmaya özen gösteriyorum.

  • 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.