React, Relay, and GraphQL Eğitimi
2010 yılından sonra, yerel web platformlarından mobil karşılıklarına geçiş, daha verimli bir veri istek sistemi gerektirdi. O zaman şirketler, React uygulamalarındaki karmaşık isteklere uyum sağlayamamaları nedeniyle hatalı olduğu kanıtlanan RESTful hizmetlere güveniyordu; bu da yavaş yanıt sürelerine neden oluyordu. Bu engeli aşmak için Facebook mühendisler GraphQL ve Relay olarak bilinen hizmetler oluşturdu. GraphQL, istekleri otomatikleştirerek istemci ile API arasındaki ilişkiyi basitleştirirken, Relay çerçevesi, React uygulamalarındaki verileri yönetir. Hem Relay hem de GraphQL, bir React uygulamasının kullanıcı arabirimini optimize etmek için kullanılır.
Bu eğitmen liderliğindeki, canlı eğitim (çevrimiçi veya yerinde), GraphQL ve Relay'i kullanarak React uygulamalarındaki verileri yönetmek isteyen geliştiricilere yöneliktir.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- React uygulamaları için veri kontrolüne başlamak için gerekli geliştirme ortamını kurmak.
- Anında kullanıcı arabirimi yanıt etkileşimleri sağlamak.
- Çoklu kütüphanelerden verileri tek bir kullanışlı API'de toplamak.
- GraphQL ve Relay kullanarak önceden getirmek.
Kurs Formatı
- Etkileşimli ders ve tartışma.
- Bol alıştırma ve pratik.
- Canlı laboratuvar ortamında uygulamalı uygulama.
Kurs Özelleştirme Seçenekleri
- Bu kurs için özelleştirilmiş bir eğitim talep etmek için lütfen bizimle iletişime geçin.
Eğitim İçeriği
Giriş
Web Development Döngüsüne Genel Bakış
- Sürüm kontrolü, kodlama, oluşturma, test etme ve dağıtma
- Süreci otomatikleştirme
API'lerin Temelleri ve İşlevselliği
- Web Mimari Desenleri: bileşik desen, vekil desen ve cephe deseni
- İşlemler: sorgular ve mutasyonlar
Geliştirme Ortamının Hazırlanması
- Kod deposunun hazırlanması (GitHub, GitLab, vb.)
- NPM'nin kurulması
- Dosya bağımlılıklarının hazırlanması
Bir Uygulama Geliştirme
- Veri klasörü içeriğini yükleyen bir veri deposu oluşturma
- Bir sunucu dosyası oluşturma ve GraphQL'i yapılandırma
- React'u Relay'i JavaScript çerçevesi olarak kullanarak çalıştırma
- Ön getirme ile çalışmayı otomatikleştirme
- Farklı sorguları kullanarak kritik verileri bulmak için özellikler tanımlama
- Verileri Relay kullanarak bölümlere ayırma
Uygulamanın Test Edilmesi
- JSHint ile kod hatalarını bulma
- web.dev ile optimizasyon testi
Uygulamanın Güvenliğinin Sağlanması
- Kullanıcıların kimliğini doğrulama
Sorun Giderme
Özet ve Sonuç
Kurs İçin Gerekli Önbilgiler
- API’lerin anlaşılması
Hedef Kitle
- Geliştiriciler
Açık Eğitim Kursları 5 ve üzeri katılımcı gerektirir.
React, Relay, and GraphQL Eğitimi - Booking
React, Relay, and GraphQL Eğitimi - Enquiry
React, Relay, and GraphQL - Danışmanlık Talebi
Danışmanlık Talebi
Danışanlarımızın Yorumları (5)
Friendly environment. Also, I liked one on one training. It’s very productive. I would definitely recommend it to my friends and colleagues.
Zeed - Tamkeen Technologies
Eğitim - Building Microservices with NodeJS and React
The situation was atypical because an intensive training for developers was to be conducted with non-developers. Lukasz took up this challenge with empathy and a lot of humour. Through his intelligent and flexible manner, he was able to ensure that a concrete learning gain was achieved for everyone. I enjoyed this very much and would gladly take a seminar with Lukasz again.
Christoph - Honda Bank GmbH
Eğitim - MERN Fullstack Development
He is very patient and understanding towards the participants. Always there to provide us with valuable insights and advice to adopting micro-frontend in our own organisation. He also taught us how to implement micro frontend without utilising any boilerplate codes.
Alvin Chin - Ministry of Defence
Eğitim - Building Micro Frontends with React
No powerpoint
Raymond Chan - Hospital Authority
Eğitim - Advanced React
The training has good content and easy to follow
David Phetole Leshabela - Vodacom SA
Eğitim - React with Next.js
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.
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.
GraphQL Basics
7 SaatBu eğitmen liderliğindeki, canlı eğitimde Türkiye, katılımcılar GraphQL temellerini öğrenirken GraphQL ile basit bir API oluşturma sürecini adım adım takip edeceklerdir.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- GraphQL'in ne olduğunu ve REST'ten farkını anlayabilecekler.
- En üst düzey GraphQL terimlerini anlayabilecekler.
- GraphQL için bir kodlama ortamı kurabilecekler.
- Bir GraphQL API oluşturup geliştirebilecekler.
Hasura GraphQL Engine
14 SaatBu eğitmen liderliğindeki, canlı eğitim (in Türkiye)(çevrimiçi veya yerinde), veritabanı yöneticilerine ve Hasura kullanarak veritabanları ve uygulamaları verimli bir şekilde oluşturmak, erişmek ve yönetmek isteyen geliştiricilere yöneliktir; bu süreçte GraphQL kullanılacaktır.
Bu eğitimin sonunda katılımcılar şunları yapabilecektir:
- Hasura ile veritabanları oluşturmaya başlamak için gerekli geliştirme ortamını kurmak.
- GraphQL modellerini kullanarak Hasura üzerinde veritabanı oluşturmak, çalıştırmak, veri erişimini ve sorguları yönetmek.
- JSON Web Token'ları ve Firebase kullanarak veri erişimini güvenli hale getirmek.
- İş mantığını entegre ederek veritabanı işlevlerini genişletmek.
- Veri kaybını önlemek için Hasura üzerinde veritabanı geçişlerini ve meta verileri etkili bir şekilde yönetmek.
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 uygulama geliştirme, dağıtma ve ölçeklendirme.
- Sunucu tarafında oluşturulmuş bir React uygulaması oluşturma.
- Docker ve Kubernetes kullanarak çok hizmetli uygulamaları buluta dağıtma.
- Mikro hizmetler üzerinde uygulama testi gerçekleştirme.
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.
Building Interactive Applications with React, Redux and GraphQL
28 SaatBu eğitmen liderliğindeki canlı eğitimde, katılımcılar Türkiye kullanarak React uygulamaları nasıl oluşturacaklarını öğrenecekler. Kurs, kurulumu, yapılandırmayı, entegrasyonu, test etmeyi, dağıtımı ve en iyi uygulamaları kapsar ve katılımcılara, en gelişmiş araç setlerini ve teknikleri kullanarak bir uygulamaya ek karmaşıklık ve "havalı" özellikler eklemenin nasıl yapılacağını gösteren bir dizi örnek uygulama oluşturma sürecinde rehberlik eder.
React ile uygulama geliştirmek, bazı geliştiricilerin alışkın olduğu düşünce yapısından farklı bir yaklaşım gerektirir; özellikle AngularJS ve Bootstrap gibi diğer MVC çerçevelerinden gelenler için. Bu eğitim, her adımda kullanılan teknolojilerin temel prensiplerini kapsar, böylece katılımcılar yalnızca işlevsel bir uygulama oluşturmakla kalmaz, aynı zamanda belirli bir yaklaşımın neden kullanıldığını da anlar. Bu, gelecekte kendi uygulamalarını oluştururken bağımsız ve yaratıcı düşünmenin temelini oluşturur.
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.