React, Redux and TypeScript Eğitimi
React, JavaScript ve HTML’te tek sayfalık uygulamalar oluşturmak için yaygın olarak kullanılan bir kütüphanedir. Facebook, Instagram, Netflix veya New York Times gibi şirketler tarafından kullanılır.
Bu kurs, React ve diğer kütüphanelerin (örneğin Angular ve Vue.js) temelini oluşturacak kavramları tanıtacak ve React'a özgü noktaları vurgulayacaktır. Ayrıca Redux ve React-Router gibi React ile yaygın olarak kullanılan teknolojileri de kapsayacaktır.
Bu kursun sonunda katılımcılar, en iyi uygulamalara uygun olarak çeşitli karmaşıklık düzeylerinde uygulamalar oluşturabilecekler.
Eğitim İçeriği
Modern ön uç uygulamalarının geliştirilmesi
- React, Angular ve Vue.js’e genel bakış ve benzerlikler
- bildirimsel oluşturma
- bileşenler - özel HTML etiketlerini tanımlama
- React projesi başlatmak için create-react-app kullanma
Modern JavaScript
- node.js ve npm kullanarak geliştirme
- JavaScript sürümleri
- modüllerle çalışma
- fonksiyonlar ve ok fonksiyonları
- sınıflar
- JavaScript’te fonksiyonel programlama (map, filter, ...)
TypeScript
- statik ve dinamik türlendirme
- değişkenlerin, fonksiyonların ve sınıfların türlerini bildirme
- temel veri türleri
- tuple’lar, nesneler
- arayüzler
- generikler
React şablon dili
- JavaScript tabanlı şablon dili: JSX
- öğe özelliklerini ayarlama
- öğeleri tekrarlama
- if / else
- olaylar
- CSS sınıfları ve stilleri
React’da durum yönetimi
- uygulama durumunu ayarlama ve değiştirme
- state hook ve setState kullanma
- girdi öğelerinin içeriğini durumda yakalama
Bileşenler: Modern web uygulamalarının yapı taşları
- React’da özel HTML etiketlerini tanımlama
- durum, özellikler ve olaylar
- bileşenler arasındaki veri akışı
- fonksiyon bileşenleri ve sınıf bileşenleri
- fonksiyon bileşenlerinde hooks kullanma
- bileşen yaşam döngüsü olayları (bağlama, güncelleme, kaldırma)
- bir kütüphaneden önceden tanımlanmış bileşenleri dahil etme
Redux ile durum yönetimi
- Redux temelleri: saf fonksiyonlar, azaltıcılar ve değişmez verilerle durum yönetimi
- React’da azaltıcı hook’unu kullanma
- Redux’i bir React uygulamasına entegre etme
- sunum ve kapsayıcı bileşenleri
- Redux ekosistemi
- Thunk ile eşzamansız olayları işleme
- bir REST API’den veri alma
Geliştirici araçları ve testler
- React geliştirici araçları
- Redux geliştirici araçları
- Jest ile JavaScript’ü test etme
- azaltıcıları test etme
- React bileşenlerini test etme
React Yönlendirici
- istemci tarafı yönlendirme
- mevcut tarayıcı rotasına göre farklı görünümler görüntüleme
React ile uygulama geliştirme
- React Native’a kısa genel bakış
- Progressive Web Apps ile kurulabilir mobil ve masaüstü uygulaması oluşturma
- Progressive Web Apps ve yerel uygulamaların karşılaştırılması
Kurs İçin Gerekli Önbilgiler
- HTML temelleri
- JavaScript ile deneyim
Açık Eğitim Kursları 5 ve üzeri katılımcı gerektirir.
React, Redux and TypeScript Eğitimi - Booking
React, Redux and TypeScript Eğitimi - Enquiry
React, Redux and TypeScript - Danışmanlık Talebi
Danışmanlık Talebi
Danışanlarımızın Yorumları (7)
The details amout, way of explaning and the calm and confidence the trainer is inspiring.
Cosmin Ghergheles - Ness
Eğitim - React, Redux and TypeScript
It covered the basic components
Valentin
Eğitim - React, Redux and TypeScript
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Eğitim - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Eğitim - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Eğitim - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
Wanda Hawkins-Kavanagh - Dunelm
Eğitim - React, Redux and TypeScript
I liked the fact that the course had exercises. I liked the way Lukasz tried to help each of us and the way he handle the anxiety of some of the other participants. I liked that he was knowledgeable of the subject.
Samuel Irsai - Dunelm
Eğitim - React, Redux and TypeScript
Yaklaşan Etkinlikler
İlgili Kurslar
Advanced React
14 SaatBu eğitmen liderliğindeki, canlı eğitim (Türkiye çevrimiçi veya yerinde), React bileşenleri oluşturmak ve karmaşık uygulamalar tasarlamak isteyen geliştiricilere yöneliktir.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- React'nin bağlam API'leri, Yüksek Dereceli Bileşenler (HOC'ler), harici durum, eşzamansız API'ler vb. gibi gelişmiş kavramlarını anlayabilecektir.
- React ile birleştirilebilir bileşenler oluşturabilecektir.
- Sunucu tarafı ve istemci tarafı kimlik doğrulamasını etkinleştirebilecektir.
- React ve Redux kitaplıklarını kullanarak karmaşık durum bilgisine sahip uygulamaları yönetebilecektir.
- Kodu azaltabilecek ve bir uygulamanın performansını optimize edebilecektir.
- Bir uygulamayı test edip dağıtabilecektir.
Advanced TypeScript
7 SaatBu eğitmen liderliğindeki, canlı eğitim Türkiye(çevrimiçi veya yerinde) geliştiricilerin TypeScript'nin gelişmiş özelliklerini kullanarak JavaScript uygulamaları oluşturmayı ve geliştirmeyi amaçlamaktadır.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- TypeScript ve Node.js uygulamaları geliştirmeye başlamak için gerekli geliştirme ortamını kurmak.
- Typescript'in gelişmiş yeteneklerinden yararlanarak daha az hatayla temiz ve anlaşılır kod yazmak.
- TypeScript ile karmaşık ön uç kullanıcı arayüzleri oluşturmak için Webpack'i yapılandırmak ve kullanmak.
- Mevcut genel türleri genişletmek için özel veri türlerini (Birlik, Kesişim, Demet Türleri vb.) kullanmak.
- Hata işleme ve yanıtları doğrulama için eşzamansız kod desenleri ve API'ler uygulamak.
- TypeScript ve Node.js uygulamalarını üretim ortamlarına (AWS EC2, Heroku vb.) dağıtmak.
Ant Design
7 SaatBu eğitmen liderliğindeki, canlı eğitim (Türkiye çevrimiçi veya yerinde), React uygulamaları için Kullanıcı Deneyimini geliştirmek isteyen geliştiricilere yöneliktir.
Bu eğitimin sonunda katılımcılar, güzel, kurumsal sınıf web uygulamaları geliştirmek için Ant Design'in React bileşenlerini uygulamayı öğreneceklerdir.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 SaatBu eğitmen liderliğindeki, canlı eğitim (çevrimiçi veya yerinde), FARM (FastAPI, React ve MongoDB) yığınını kullanarak dinamik, yüksek performanslı ve ölçeklenebilir web uygulamaları oluşturmak isteyen geliştiricilere yöneliktir.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- FastAPI, React ve MongoDB'yı entegre eden gerekli geliştirme ortamını kurmak.
- FARM yığınının temel kavramlarını, özelliklerini ve faydalarını anlamak.
- FastAPI ile REST API'leri nasıl oluşturacaklarını öğrenmek.
- React ile etkileşimli uygulamaları nasıl tasarlayacaklarını öğrenmek.
- FARM yığınını kullanarak uygulamaları (ön uç ve arka uç) geliştirmek, test etmek ve dağıtmak.
Choosing the Right JavaScript Framework
14 SaatBu eğitmen liderliğindeki, canlı eğitim Türkiye(yerinde veya uzaktan) ön uç uygulamaları geliştirmek için hangi JavaScript çerçevesini kullanacağına karar vermesi gereken geliştiricilere yöneliktir.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- Ön uç uygulamaları geliştirmeye başlamak için optimum bir geliştirme ortamı kurmak.
- Bir JavaScript çerçevesinin sınırlamalarını ve faydalarını test etmek için örnek uygulamalar uygulamak.
- Hangi JavaScript çerçevesinin en uygun olduğuna karar vermek.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 SaatBu eğitmen liderliğindeki, canlı eğitim (Türkiye çevrimiçi veya yerinde), sistemleri/platformları etkin bir şekilde geliştirmek ve geçirmek isteyen, başlangıç seviyesindeki .NET geliştiricilerine yöneliktir. JavaScript, Node.js ve React konularında yetkinlik kazanmayı amaçlamaktadır.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- Etkili bir şekilde JavaScript kodu yazabilecek ve hatalarını ayıklayabilecek.
- Node.js kullanarak sunucu tarafı uygulamaları oluşturabilecek ve dağıtabilecek.
- React ile dinamik ve duyarlı kullanıcı arayüzleri geliştirebilecek.
- Tam yığın uygulamaları oluşturmak için ön uç ve arka uç bileşenlerini entegre edebilecek.
- Eski sistemleri modern JavaScript tabanlı platformlara geçirmek için en iyi uygulamaları anlayabilecek.
Testing React Apps with Jest
14 SaatBu eğitmen liderliğindeki, canlı eğitim (yerinde veya uzaktan) Jest kullanarak React uygulamalarını ve bileşenlerini test etmek isteyen mühendislere yöneliktir.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- Doğru bir test ortamı kurabilir ve yapılandırabilirler.
- React uygulamaları ve bileşenleri için asenkron testler yazabilirler.
- Mock'ler, casuslar ve stüpler içeren Jest gelişmiş testlerini çalıştırabilirler.
MERN Fullstack Development
14 SaatBu eğitmen liderliğindeki, canlı eğitim (Türkiye çevrimiçi veya yerinde), tam yığın geliştirme için MERN Yığınını kullanmak isteyen web geliştiricilerine yöneliktir.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- React'i MongoDB, Express ve Node.js ile entegre edin.
- Sıfırdan tam yığın bir web uygulaması oluşturun.
- Yetkilendirme ve kimlik doğrulama yoluyla uygulama güvenliğini uygulayın.
Building Micro Frontends with React
21 SaatBu eğitmen liderliğindeki, canlı eğitim (Türkiye çevrimiçi veya yerinde), büyük web uygulamaları için mikro ön uçlar geliştirmek, test etmek ve dağıtmak isteyen geliştiricilere yöneliktir. Bu eğitim, uygulamaları son derece ölçeklenebilir, teknolojiye bağımsız ve bakımı daha kolay hale getirmeyi amaçlar.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- React ile mikro ön uçlar geliştirmeye başlamak için gerekli geliştirme ortamını kurmak.
- Mikro ön uçların mimarisini, temel kavramlarını ve avantajlarını anlamak.
- React ile mikro ön uçlar oluşturmayı, entegre etmeyi, test etmeyi ve dağıtmayı öğrenmek.
- Modül federasyonu ile mikro ön uçlar uygulamak.
- Üretim kalitesinde bir CI/CD hattı iş akışı uygulamak.
- Mikro ön uçlardaki CSS ile ilgili yaygın sorunları ve bunların nasıl çözüleceğini bilmek.
- React ile diğer ön uç çerçevelerinin nasıl uygulanacağına dair bilgiler edinmek.
Building Microservices with NodeJS and React
21 SaatBu eğitmen liderliğindeki, canlı eğitim (Türkiye – çevrimiçi veya yerinde) NodeJS ile oluşturulmuş mikro hizmetler kullanarak uygulama oluşturmak, dağıtmak ve ölçeklendirmek isteyen deneyimli geliştiricilere yöneliktir ve React ile entegre çalışır.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- Farklı mikro hizmetler kullanarak uygulamalar geliştirmek, dağıtmak ve ölçeklendirmek.
- Sunucu tarafında oluşturulan bir React uygulaması inşa etmek.
- Docker ve Kubernetes kullanarak çoklu hizmetli uygulamaları buluta dağıtmak.
- Mikro hizmetler üzerinde uygulama testleri gerçekleştirmek.
Next.js 14 Advanced Development
21 SaatBu eğitmen liderliğindeki, canlı eğitim (Türkiye çevrimiçi veya yerinde), karmaşık web uygulamaları oluşturmak için Next.js 14'ün gelişmelerini keşfetmek ve bilgi edinmek isteyen orta seviye ve üst düzey web geliştiricileri ve teknik mimarlar için tasarlanmıştır.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- Karmaşık uygulamalar oluşturmak için Next.js 14'ün tüm potansiyelinden yararlanmak.
- Middleware, React Server Components ve Edge Functions gibi en son özellikleri kullanmak.
- Performans, ölçeklenebilirlik ve SEO için en iyi uygulamaları uygulamak.
- Next.js uygulamalarındaki yaygın sorunları etkili bir şekilde gidermek.
Next.js 14 - Advanced
21 SaatBu eğitmen liderliğindeki, canlı eğitim (Türkiye çevrimiçi veya yerinde), Next.js 14'teki en son özellikleri öğrenmek, performansı optimize etmek ve modern React tekniklerini uygulamak isteyen ileri düzey geliştiricilere yöneliktir.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- Gelişmiş React kancalarını ve eşzamanlı özellikleri uygulayın.
- Next.js yönlendirme stratejilerini anlayın ve etkili bir şekilde kullanın.
- Sunucu Bileşenlerini, Sunucu Eylemlerini ve hibrit oluşturma yaklaşımlarından yararlanın.
- Veri getirme, önbellekleme ve artımlı statik yeniden oluşturmayı optimize edin.
- Next.js'i Edge İşlevleri ve Edge Runtime ile bir backend çözümü olarak kullanın.
- React Context, Redux ve atomik durum kitaplıklarını kullanarak durumu yönetin.
- Web Core Vitals için uygulama performansını optimize edin.
- Next.js uygulamalarını verimli bir şekilde test edin, izleyin ve dağıtın.
React with Next.js
14 SaatBu eğitmen liderliğindeki, canlı eğitim (Türkiye çevrimiçi veya yerinde), React uygulamaları oluşturmak için Next.js'ü kullanmak isteyen web geliştiricilerine yöneliktir.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- Sunucu tarafı web uygulamalarını ve statik siteleri Next.js ile geliştirme.
- MongoDB ile verileri işleme ve depolama.
- AuthO kimlik doğrulaması ile bir web uygulamasını güvence altına alma.
TypeScript
7 SaatBu eğitmen liderliğindeki canlı eğitimde Türkiye, TypeScript'un temel özelliklerini tanıtacak ve katılımcılara gerçek bir JavaScript uygulaması oluşturma sürecinde rehberlik edilecektir.
Typescript Unit Testing
14 SaatTypeScript, kurumsal Javascript uygulamaları oluşturmak için açık kaynaklı bir dildir. JavaScript'nın katı bir üst kümesidir ve düz Javascript'e derlenir ve dile statik türlendirme ve nesne yönelimli geliştirme getirir.
Bu eğitmen liderliğindeki, canlı eğitim, TypeScript'nın birim testi özelliklerini ve çerçevelerini tanıtıyor. Katılımcılar, gerçek dünya uygulamalarına karşı çalıştırılabilen bir birim testi koleksiyonu oluşturarak teoriyi pratiğe dökme fırsatı buluyor.
Kurs Formatı
- İnteraktif ders ve tartışma.
- Bolca alıştırma ve uygulama.
- Canlı laboratuvar ortamında uygulamalı uygulama.
Kurs Özelleştirme Seçenekleri
- Bu kurs, bir Javascript veya Typescript uygulamasını birim testi yapmak için kullanılabilecek çerçevelere (Jasmine, Mocha, Jest, Chai vb.) odaklanacaktır.
- React gibi kullanıcı arayüzü çerçeveleri isteğe bağlıdır ve istenirse kapsanabilir.
- Bu kurs için özelleştirilmiş bir eğitim talep etmek için lütfen bizimle iletişime geçin.