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+ 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 Mindfulness Personal Transformation 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 Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-04-02 17:02:12
30-Day Money-Back Guarantee
Development Web Development React

Sıfırdan Her Yönüyle React ve Redux

React, Redux ve Next.JS ile Modern Front End Mimarileri İnşa Edin, React' Hızlı Giriş Yapın > İNDİRİM KODU: PROMO54
Rating: 4.4 out of 54.4 (927 ratings)
3,201 students
Created by Mehmet Seven
Last updated 4/2019
Turkish
30-Day Money-Back Guarantee

What you'll learn

  • React ve Redux'ı sıfırdan öğreneceksiniz.
  • React ve Redux'a her yönüyle hakim olacaksınız.
  • Server Side Rendering'i anlayacaksınız.
  • NextJS ve Express ile Server Side Rendering yapabileceksiniz.
  • Progressive web uygulamaları geliştirebileceksiniz.
  • İnternet bağlantısı olmadan da çalışabilen web sayfaları geliştirebileceksiniz.
  • React, Redux ve NextJS projelerinin nasıl deploy edileceğini öğreneceksiniz.
  • Single page web uygulamaları geliştirebileceksiniz.
  • Backend servisleri ile nasıl çalışacağınızı öğreneceksiniz.
  • JavaScript Service Worker'lar ile çalışabileceksiniz.

Course content

19 sections • 177 lectures • 11h 12m total length

  • Preview02:53
  • GitHub Reposu
    01:46
  • Preview04:05
  • Preview04:21
  • One Way ve Two-Way Data Binding Nedir ?
    03:26
  • React'i Kullanmak Ne Zaman Mantıklı ?
    03:17
  • JSX Nedir ?
    02:04

  • Node.JS Kurulumu
    02:27
  • React Dev Tools
    01:07
  • WebStorm
    01:24
  • WebStorm React Live Templates
    04:21

  • Spread Operator
    02:36
  • Array Map
    01:53
  • Array Filter
    01:26
  • Object.assign
    07:15

  • Babel Kurulumu
    02:02
  • Modül Oluşturmak
    03:32
  • Varsayılan Modül Belirlemek
    03:56
  • as keyword'ü ile yeniden isimlendirme
    01:12
  • Çoklu fonksiyonlu modüllerde as operatörü
    01:34
  • Temiz modül yazmak
    02:11

  • Create-react-app ile Hello World!
    10:24
  • Component oluşturmak ve kullanmak
    03:44
  • Component oluşturmak ve kullanmak - 2
    03:29
  • Özel tanımlı keywordler
    02:34
  • Componentlerde değişkenkeri kullanmak
    01:28

  • Props nedir? Nasıl Kullanılır?
    03:50
  • Props Kullanımı - 2
    02:04
  • Props Kullanımı - 3
    02:01
  • Props Kullanımı - 4
    00:37
  • Döngülerde "key" Kullanımı
    01:49
  • React Developer Tools
    03:02
  • propTypes: Nedir? Nasıl kullanılır?
    06:33
  • propTypes: "isRequired" Tanımı
    01:13
  • propTypes: "oneOfType" Tanımı
    01:58
  • oneOfType için isRequired kullanımı
    00:41
  • propTypes: "shape" tanımı
    04:05
  • Preview01:08
  • Constructor Metodu
    01:32

  • Event Oluşturmak ve Context Bind Etmek
    10:05
  • Constructor İçerisinde Binding
    01:10
  • Arrow Function ile Binding
    00:34
  • JSX içerisinde Arrow Function ile Binding
    00:41

  • State nedir? Nasıl Oluşturulur?
    01:55
  • setState Kullanımı
    03:59
  • Re-Render Mantığını Anlamak
    02:01
  • Counter Uygulaması
    05:36
  • Stateful ve Stateless Componentler
    03:46

  • Giriş
    00:40
  • "Contacts" ve "List" Componentlerinin Hazırlanması
    15:38
  • Form Component'inin Hazırlanması
    02:06
  • Contacts State'inin Hazırlanması
    04:54
  • Contacts State Konumunun Değiştirilmesi
    01:28
  • Form State'inin Yazılması
    04:03
  • addContact Methodunun Yazılması
    08:38
  • Filter Fonksiyonun Yazılması
    05:19
  • Contacts Komponentinin Stateless Tanımlanması
    01:56

  • Constructor
    03:24
  • componentWillMount()
    02:20
  • componentDidMount()
    02:55
  • componentDidMount() Hiyerarşisi Hakkında
    03:30
  • componentWillReceiveProps()
    02:29
  • shouldComponentUpdate()
    07:34
  • componentWillUpdate()
    01:51
  • componentDidUpdate()
    01:25

Requirements

  • Temel seviye JavaScript bilgisi.

Description

Öğreneceğiniz Başlıca Teknik Terimler

  • Components
  • Props
  • State
  • React Lifecycle
  • React Router
  • High Order Components
  • Reducer
  • Dispatcher
  • Store
  • Provider
  • Actions
  • Async actions
  • Redux Logger
  • Redux Thunk
  • Redux Promise Middleware
  • Server Side Rendering
  • JavaScript Service Workers
  • Styled Component
  • Hot Module Reloading
  • Isomorphic Fetch
  • Surge sh
  • Netlify
  • Now


Neleri Konuşuyoruz

Her zaman beklentilerin üzerinde kurs vermeyi hedefledim. Yani bu da demek oluyor ki, sadece React ve Redux öğrenmeyeceksiniz. Bu teknolojiler ile entegre çalışabilecek veya bu teknolojiler ile birlikte kullandığınızda ortaya daha iyi işler çıkarabileceğinize inandığım teknolojilerden de bahsettim.

Tüm öğrendiklerimizi de havada bırakmayıp projeler ile iyice pekiştirdik. Projelere çok fazla önem verdim. Kursun yaklaşık 4 saatlik kısmını projeler oluşturuyor.


Temel Dersler

Bir teknolojiyi her yönüyle öğrenirken en önemli nokta temel dersler. Eğer kullandığınız teknolojinin hangi amaca hizmet ettiğini, hangi sorunu çözmek için ortaya çıktığını bilmeden sırf popüler diye kullanırsanız inanın bana kaliteli işler çıkmıyor. İşte bu noktada "React Nedir?", "Redux Nedir?" ve hangi amaca hizmet etmek için, hangi sorunu çözerek ortaya çıkmışlar detaylı olarak anlattım.

Kodlarımızı tamamen EcmaScript 6 standartlarına uygun olarak yazdık. EcmaScript 6 temellerinden ve modül sisteminden de ayrıca bahsettim.

React'in temelini oluşturan Component, Props, State, React Lifecycle, React Router gibi kavramları özenerek anlattım.


Redux

Redux, çoğu zaman anlaması ve uygulaması zor olduğu söylenen bir yapı. Ben bu sorunu konunun sıralı bir şekilde anlatılmamasına bağlıyorum. Sıralı olarak üzerine konarak anlatılan bir kursta oldukça anlaşılır bir yapı.

Redux nedir? Neden ihtiyaç duyarız gibi kilit bir soruyu cevapladıktan sonra, Redux data flow'u tanımlayarak Action, Reducer, Dispatcher, Store, Provider gibi redux'ın en kilit kavramlarını tek tek anlattım.

Redux-Thunk Middleware ile Async Action'ları nasıl yönetip kullanabileceğinize gerek Redux'ın temellerinde gerek proje derslerinde sık sık değinerek akılda kalıcı olarak kalmasını sağladım.

Siz kurs içerisinde fark etmiyorsunuz ancak ben aynı şeyi farklı videolarda sık sık tekrarlıyorum. Bir şeyin akılda kalması da tekrara bağlı zaten.


React & Redux Movieapp Projesi

Takdir edersiniz ki öğrenilenleri pekiştirmenin en iyi yöntemi örnek proje geliştirmek. Biz de bu eğitimde React ve Redux ile örnek bir proje geliştirdik.

Single page uygulama geliştirilen ortamlarda aslında en büyük ihtiyacınız CRUD işlemlerini başarılı bir şekilde yapmak. Projenin büyük yoğunluğu bu tarafta oluyor çünkü.

Hazırladığımız bu proje CRUD işlemlerini yapabildiğiniz single page bir uygulama aslında.

Node.JS ile yazdığımız Restful servisi React & Redux ile kullandık. Backend servisleri ile nasıl çalışabileceğinizi burada çok çok iyi anlayacaksınız.

Server Side Rendering

Malum, single page web uygulaması yazdığınızda her şey iyi güzel ancak bir dert var ki başa bela. O da SEO. Arama motorlarında iyi bir puana sahip olmak istediğinizde SPA web sayfaları size bunu sağlamıyor. Ancak bunun da çözümü var elbette. O da Server Side Rendering.

"Server Side Rendering Nedir? Neden ihtiyaç duyulur?" gibi soruları detaylı olarak cevapladım.


Next.JS

Server Side Rendering'in ne olduğunu anladıktan sonra SSR konusunda en iyi altyapıyı sağlayan Next.JS'i öğrenmeye başladık.

Next.JS'in sahip olduğu Routing, Styled Component, HMR, Isomorphic Fetch, Prefetch gibi kavramları enine boyuna anlattım.

Ayrıca custom routing işlemlerinde de Express.JS kullanarak konuyu destekledim.

Bu bölümden sonra günümüzün en modern web teknolojilerinden biri olan Next.JS ile SSR destekli React uygulamaları geliştirebileceksiniz.


Progressive Web Uygulamaları ve JavaScript Service Workers

Progressive Web Uygulamaları, belki şuan'a kadar pek duymadığınız ama önümüzdeki on yıl içerisinde en çok duyacağınız kavramlarından biri.

Bir web site düşünün ki internet bağlantısı olmasa dahi çalışabilsin. Bize bunu kazandıran Service Workers denilen yapı. Internetin çekmediği metrolarda insanların web sitenizi kullanmasını ister misiniz? İşte bu konuyu da kursta anlattım. Faydalanacağınıza eminim.


Deploy

Projenizi yaptıktan sonra en sancılı süreçlerden biri bu olabiliyor. Nereye deploy edeceğiz? Nasıl yöneteceğiz gibi sorular kafanızda sürekli dolaşıyordur eminim.

React & Redux ve Next.JS projelerinizi deploy edebileceğiniz. Üç ayrı sistemden bu eğitimde bahsettim.

Surge sh , Netlify   ve Now   üzerine React uygulamalarınızı nasıl sancısız bir şekilde deploy edip yönetebileceğinizi detaylı olarak bulacaksınız.


Who this course is for:

  • React öğrenmek isteyen,
  • Redux öğrenmek isteyen,
  • Server Side Rendering işlemlerini öğrenmek isteyen,
  • NextJS'i öğrenmek isteyen,
  • Progressive web uygulamaları ve JavaScript Service Worker'ları öğrenmek isteyen,
  • Günümüzün en popüler front-end mimarilerini öğrenmek isteyen herkes.

Instructor

Mehmet Seven
Bilişim Sistemleri Mühendisi
Mehmet Seven
  • 4.2 Instructor Rating
  • 3,555 Reviews
  • 9,477 Students
  • 5 Courses

Sakarya Üniversitesi Bilişim Sistemleri Mühendisliği bölümünden mezun oldum. Üç yıl süreyle Koç Holding'de Yazılım Geliştirme Mühendisi olarak görev yaptım. Sakarya Üniversitesinde bir yıl süreyle Yazılım Eğitmeni olarak görev yaptım.  

JavaScript ve sağlamış olduğu teknolojiler ile ilgileniyorum. Üniversitelerde düzenlenen teknoloji konulu konferanslara katılarak bilgi ve tecrübelerimi aktarmaya çalışıyorum. Kariyerime yeni fikirler üretmeye çalışan şirketimizde devam ediyorum. 

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