Yukleniyor
Keşfet
Benzer kurslar
Bu eğitimin devamında ilginizi çekebilecek diğer programlar.
Çerez tercihlerin
Platformun çalışması için zorunlu çerezler kullanıyoruz. İzin verirsen anonim kullanım verilerini ölçüyoruz. Ayrıntıları incele
React, web geliştirme dünyasında son yıllarda büyük bir popülerlik kazanmıştır ve bu nedenle React öğrenmek, birçok işverenin aradığı bir beceridir. Bu nedenle, bu kurs size React'i öğretmenin yanı sıra, bu teknolojinin neden önemli olduğunu da açıklayacaktır.
Kazanımlar
Eğitim sonunda edineceğiniz temel bilgi ve uygulama becerileri.
Eğitim hakkında
Programın kapsamı ve öğrenme yaklaşımı hakkında genel bilgi.
React, web geliştirme dünyasında son yıllarda büyük bir popülerlik kazanmıştır ve bu nedenle React öğrenmek, birçok işverenin aradığı bir beceridir. Bu nedenle, bu kurs size React'i öğretmenin yanı sıra, bu teknolojinin neden önemli olduğunu da açıklayacaktır.
React, web geliştirme dünyasında son yıllarda büyük bir popülerlik kazanmıştır ve bu nedenle React öğrenmek, birçok işverenin aradığı bir beceridir. Bu nedenle, bu kurs size React'i öğretmenin yanı sıra, bu teknolojinin neden önemli olduğunu da açıklayacaktır. React aynı zamanda, kullanımı oldukça kolay ve güçlü bir araçtır ve kodu modüler hale getirmek için birçok araç sunar. Bu nedenle, bir kez React öğrenirseniz, kodunuzu daha kolay ve daha organize hale getirmek için bu araçları kullanabilirsiniz. Ayrıca, bu kurs, React konusunda hiçbir bilginiz olmadan başlayabileceğiniz şekilde tasarlanmıştır, bu nedenle hiçbir şey bilmiyorsanız bile rahatlıkla öğrenebilirsiniz. Ve kurs, sadece temelleri öğretmekle kalmayıp, ileri düzey konuları da kapsayarak, React'in tam potansiyelini keşfetmenize yardımcı olacaktır. Bu kurs, React.js'yi öğrenmek veya mevcut bilginizi derinleştirmek için mükemmel bir kaynaktır. Bu kurs, React.js'de tüm temel konuları kapsayarak ileri düzey kavramları ve uygulamaları da içeriyor. Bu nedenle, React hakkında hiçbir şey bilmiyor olsanız bile, bu kurs size React konusunda güçlü bir temel sağlayacaktır. Kurs, öğrenmenin en iyi yollarından biri olan pratik yaklaşımı kullanıyor. Dolayısıyla, teorik bilgileri öğrenmekle kalmayacak, aynı zamanda gerçek dünya örneklerini de göreceksiniz. Bu şekilde, öğrendiklerinizi uygulamaya geçirerek daha hızlı öğrenmenizi sağlayacaktır. Ayrıca, bu kurs, hem yeni başlayanlar hem de deneyimli geliştiriciler için uygundur. Bu nedenle, her seviyeden öğrenci için harika bir kaynak sağlamaktadır. Sonuç olarak, React öğrenmek, bir web geliştiricisi olarak önemli bir adımdır ve bu kurs, size bu beceriyi öğretmenin yanı sıra, web uygulamalarınızı daha da güçlendirmek için kullanabileceğiniz araçlar sunacaktır. Bu kurs, React.js'yi kapsamlı bir şekilde öğrenmenize yardımcı olacak. İşte kurs içeriği: React.js'ye genel bir giriş (Nedir ve neden kullanılır?) Tüm temel konular: React nasıl çalışır, componentleri oluşturma ve UI'ları React ile oluşturma Componentler, özellikler ve dinamik veri bağlama Kullanıcı etkinlikleri ve durumlarla etkileşimli uygulamalar oluşturma React'in nasıl çalıştığını daha iyi anlamak için ayrıntılı açıklamalar React State mantığı React Hooks Custom Hook Oluşturma React uygulamalarında hata ayıklama (debugging) Styling React apps with "Styled Components" and "CSS Modules" Class-based components ve functional components farkları React Http request işlemleri React validation işlemleri Redux & Redux Toolkit React Router DOM React Deployment Unit Tests TypeScript ile React React Authentication React Animations Onlarca uygulamalı proje ve daha fazlası... Ayrıca, gerçek projelerde öğrendiklerinizi uygulamak için birçok örnek ve demo proje de bulunmaktadır.
Müfredat
Bölümleri ve dersleri inceleyerek eğitim akışını önceden görebilirsiniz.
19 modül · 169 ders · 22 saat 57 dk
4 ders · 26 dk
1.React Nedir?
2.Neden JavaScript Yerine React Kullanıyoruz?
3.SPA (Single Page Application) Nedir?
4.Visual Studio Code Kurulumu
7 ders · 1 saat 2 dk
1.Var, Let ve Const Keywords
2.Arrow Function
14 ders · 2 saat 14 dk
1.React Component Yapısının Önemi
2.React Kurulumu
12 ders · 1 saat 50 dk
1.React Eventlerle Çalışmak
2.React State Mantığı
5 ders · 56 dk
1.JavaScript Map Metodunu İyi Anlamak
2.React Key Özelliği
9 ders · 1 saat 7 dk
1.Bölüm-Tanıtımı
2.İnline Css Kullanımı
5 ders · 34 dk
1.Bölüm Tanıtımı
2.React Hata Mesajlarını Okuyup Anlama
11 ders · 1 saat 32 dk
1.Bölüm Tanıtımı
2.Tailwind CSS Kurulumu
8 ders · 53 dk
1.JSX Sınırlamaları ve Geçici Çözümler
2.Wrapper Componenti
5 ders · 41 dk
1.Side Effects Nedir?
2.useEffect Nedir?
5 ders · 39 dk
1.useReducer Nedir?
2.Vite ile React Kurulumu
7 ders · 46 dk
1.Global State Management
2.Context API ve useContext Kullanımı
18 ders · 2 saat 25 dk
1.Proje Kurulumu
2.Header Component
7 ders · 1 saat 2 dk
1.React Çalışma Mantığı
2.Componentlerin Güncellenmesi
9 ders · 1 saat 18 dk
1.Client - Server İlişkisi
2.Proje Kurulumu
8 ders · 1 saat 2 dk
1.Proje Tanıtımı
2.Custom Hook Oluşturma
15 ders · 1 saat 48 dk
1.Redux Nedir?
2.React vs Context API
13 ders · 1 saat 30 dk
1.Single-Page Application ve React Multi-Page
2.react-router-dom Kurulumu
7 ders · 1 saat 12 dk
1.Yazılım Test Türleri
2.Jest Kurulumu
Merak edilenler
Erişim, içerik ve eğitim süreciyle ilgili sık karşılaşılan sorular.
Başlangıç seviyesine uygun bir yol haritası arayan herkes için tasarlandı.
Satın aldığınız kurslara hesabınız üzerinden süre sınırı olmadan erişebilirsiniz.
Evet, kurs içeriğine dilediğiniz zaman tekrar dönüp dersleri yeniden izleyebilirsiniz.
Keşfet
Bu eğitimin devamında ilginizi çekebilecek diğer programlar.
3.Export ve Import (Modules)
4.Classları Anlamak
5.Spread ve Rest Operatörleri
6.Destructuring
7.Reference ve Primitive Tipler
3.React Dosya ve Klasör Yapısı
4.React Çalışma Mantığı
5.JSX Nedir?
6.Custom Component
7.Component Stillendirme
8.React İçerisinde JavaScript Kullanma
9.React Props
10.Dinamik Props
11.React Componentlerinde JavaScript Dosyası Kullanma
12.props.children Özelliği
13.Kod Düzenleme
14.Bölüm Tekrarı (Özet)
3.React useState Hook
4.useState Uygulama
5.Form Inputlarını Ekleme
6.Form Inputlarını Dinleme
7.Birden Fazla State İle Çalışmak
8.Çoklu Stateleri Tek State İçinde Yazmak
9.State Update İşleminde Previous State Kullanımı.mp4
10.Form onSubmit İşlemi
11.Two-way Binding
12.Componentler Arası İletişim
3.React Conditional Content
4.React Conditional State
5.Ürün Silme İşlemi
3.Dinamik İnline Css Kullanımı
4.Dinamik className Ekleme
5.styled-components Kurulum ve İnceleme
6.styled-components Dinamik Props
7.styled-components ile Media Sorguları
8.Css Modules Kullanımı
9.Css Modules ile Dinamik Stillendirme
3.React Projelerimizi Analiz Etmek
4.React Breakpointlerle Çalışmak
5.React DevTools Kullanımı
3.AddWorker Componenti
4.Tekrar Kullanılabilir Componentler
5.Button Componenti
6.State Yönetimi
7.Stateleri Resetleme ve Validation İşlemleri
8.WorkerList Componenti
9.Ekleme ve Silme İşlemleri
10.ErrorModal Componenti
11.Error Statelerini Yönetme
3.React Fragments
4.React Portals İnceleme
5.React Portals Uygulama
6.React Refs ve useRef
7.Refs Uygulama
8.Controlled ve Uncontrolled Componentler
3.useEffect ve Dependencies
4.useEffect Cleanup Fonksiyonu Kullanımı
5.useEffect Özet
3.Proje Başlangıç Kodlarının Yazılması
4.useState ile State Yönetimi
5.useReducer ile State Yönetimi
3.Context Klasör Kurulumu
4.Projeye Context API Kurulumu
5.Projede useContext Kullanımı
6.Context API Sınırlamalar ve Dezavantajlar
7.React Hooks Kuralları
3.HeaderCartButton Component
4.Hero Component
5.Products Component
6.ProductItem Component
7.Card Component props.children
8.Cart Component
9.CartItem Component
10.Offcanvas Component
11.React Portal Kullanımı
12.Context API Kurulumu
13.useContext Kullanımı
14.Sepete Ürün Ekleme
15.Aynı Ürünün Sepete Eklenmesi
16.Sepete Eklenen Ürünlerin Gösterimi
17.Sepetten Ürün Silme
18.Sepeti Temizleme
3.Child Component Re-Evaluation
4.React.memo() Kullanımı
5.useCallback Kullanımı
6.useCallback Dependency Array
7.useMemo Kullanımı
3.HTTP Get İsteği ile Veri Getirme
4.Async - Await Kullanımı
5.Loading State
6.Error Handling ( Hata Yakalama)
7.useEffect ile HTTP İstekleri
8.Form Component Kurulumu
9.HTTP Post İsteğiyle Yeni Ürün Oluşturma
3.Custom Hook Kullanımı
4.Eksi Sayaç Ayarları
5.Yeni Custom Hook Örneği
6.useHttp Hook Oluşturma
7.useHttp Hook Kullanımı
8.useHttp Hook Post Method
3.Redux Nasıl Çalışır?
4.Redux dispatch Kullanımı
5.React Projesine Redux Kurulumu - Başlangıç Projesi
6.Redux Store Oluşturma
7.Redux Provider Kullanımı
8.useSelector ve useDispatch Kullanımı
9.Action'a Yeni Veri Gönderme ve Çoklu State ile Çalışma
10.Redux'ı Doğru Çalıştırmak
11.Redux Toolkit Kurulumu
12.Redux Toolkit Kullanımı
13.Çoklu Slice ile Çalışma
14.Yeni Slice Ayarları
15.Kodları Ayırmak
3.Route Tanımlama
4.İkinci Route Tanımlama
5.Route Tanımlamanın Alternatif Yolu
6.Link ile Sayfalar Arasında Gezinme
7.Layouts ve Nested Routes
8.errorElement ile Hata Sayfalarını Gösterme
9.NavLink ile Çalışmak
10.useNavigate Hook Kullanımı
11.Dinamik Route İşlemleri
12.Absolute ve Relative Path
13.React Router Components
3.Yazılan Testleri Gruplama
4.Kullanıcı Etkileşimlerini Test Etme
5.Bağlı Componentlerin Test Edilmesi
6.Asenkron Kodun Test Edilmesi
7.Mocklarla Çalışmak
