Eğitim İçeriği
Modern ön yüz uygulamalarının geliştirilmesi
- React, Angular ve Vue.js'nin genel bakışı ve benzerlikleri
- İlan edici (declarative) işleme
- Bileşenler - özel HTML etiketleri tanımlama
- create-react-app ile bir React projesi başlatma
Modern JavaScript
- node.js ve npm kullanarak geliştirme
- JavaScript sürümleri
- Modüllerle çalışma
- Fonksiyonlar ve ok işareti (arrow) fonksiyonları
- Sınıflar
- JavaScript'te fonksiyonel programlama (map, filter, ...)
TypeScript
- Statik ve dinamik tiplendirme
- Değişken, fonksiyon ve sınıf tiplerini bildirme
- Temel veri tipleri
- Kümeler (tuples), nesneler
- Arayüzler (interfaces)
- Genelikler (generics)
React şablon dili
- JavaScript tabanlı şablon dili: JSX
- Öğe özelliklerini ayarlama
- Öğelerin tekrarı
- eğer / değilse (if / else)
- Olaylar
- CSS sınıfları ve stilleri
React'te durum yönetimi
- Uygulama durumunu ayarlama ve değiştirme
- state hook ve setState kullanımı
- Giriş öğelerinin içeriğini durumda yakalama
Bileşenler: Modern web uygulamalarının yapı taşları
- React'te özel HTML etiketleri tanımlama
- Durum (state), özellikler (props) & olaylar
- Bileşenler arası veri akışı
- Fonksiyon bileşenleri ve sınıf bileşenleri
- Fonksiyon bileşenlerinde hooks kullanımı
- Bileşen yaşam döngüsü olayları (mount, update, unmount)
- Bir kütüphaneden hazır bileşenlerin dahil edilmesi
Redux ile durum yönetimi
- Redux temelleri: saf fonksiyonlar, reducer'lar ve değişmez (immutable) verilerle durum yönetimi
- React'te reducer hook'unun kullanımı
- Redux'ün bir React uygulamasına entegrasyonu
- Sunum ve konteyner bileşenleri
- Redux ekosistemi
- Thunk ile asenkron olayların işlenmesi
- Bir REST API'den veri alma
Geliştirici araçları ve testleme
- React geliştirici araçları
- Redux geliştirici araçları
- Jest ile JavaScript testleme
- Reducer'ların testlenmesi
- React bileşenlerinin testlenmesi
React Router
- İstemci taraflı yönlendirme (client-side routing)
- Mevcut tarayıcı rotasına göre farklı görünümlerin gösterilmesi
React ile uygulama geliştirme
- React Native hakkında kısa bir genel bakış
- Progressive Web Apps (PWA) ile yüklenabilir mobil ve masaüstü uygulaması oluşturma
- Progressive Web Apps ile yerel (native) uygulamaların karşılaştırması
Kurs İçin Gerekli Önbilgiler
- HTML temelleri
- JavaScript deneyimi
Danışanlarımızın Yorumları (7)
React'in temel kavramlarından bazıları hakkında, özellikle state ve hooks gibi konularda nihayet sağlam bir anlayışa kavuşmak gerçekten çok faydalı oldu. Łukasz, bu konuları son derece açık bir şekilde açıkladı ve aklımızdaki diğer soruları netleştirmek için somut örneklerle birlikte deney yapmaktan memnuniyet duyması, süreci daha da verimli kıldı.
Hayden Pike - Powerlink Queensland
Eğitim - React, Redux and TypeScript
Yapay Zeka Çevirisi
Eğitmenin ilham verdiği detay seviyesi, açıklamanın tarzı ve serinkanlılık ile güven.
Cosmin Ghergheles - Ness
Eğitim - React, Redux and TypeScript
Yapay Zeka Çevirisi
Temel bileşenleri ele aldı
Valentin
Eğitim - React, Redux and TypeScript
Yapay Zeka Çevirisi
Lukasz'ın tutkusu.
Eloise Phelps - Dunelm
Eğitim - React, Redux and TypeScript
Yapay Zeka Çevirisi
Luke, kurs katılımcıları ile çok iyi geçindi ve herkesin kodu çalıştırdığı sorunları bireysel olarak yardımcı olmak için büyük bir çaba sarf etti. Luke son derece dost canlısıydı.
Jonathan Grout - Dunelm
Eğitim - React, Redux and TypeScript
Yapay Zeka Çevirisi
Eğitmenin tüm katılımclarıyla olan etkileşimi çok iyi oldu, kursın belli bir aşamasında herkes yardımı gördü. Genel olarak harika bir deneyimdi, özellikle konuya aşina olmayan kişiler için.
Tayyab Ejaz Mushtaq - Dunelm
Eğitim - React, Redux and TypeScript
Yapay Zeka Çevirisi
Güvenli bir ortam gibi hissetmesini ve ekranımı veya zorluklarımı eğitmenle veya grupla paylaşırken tehdit altında kalmadığımı sevdim.
Wanda Hawkins-Kavanagh - Dunelm
Eğitim - React, Redux and TypeScript
Yapay Zeka Çevirisi
