Açıklama
React ile Uygulama Geliştirme Eğitimi, React bileşenleri, state, formlar ve yönlendirme konularını ele alan 4 günlük bir eğitim programıdır.
Props, state, veri çağrıları, React Router, Context API, memoization ve Jest ile test konuları uygulama geliştirme süreci içinde ele alınır.
React, özellikle tek sayfa uygulamaları (SPA – Single Page Applications) ve mobil uygulamalar geliştirmek için kullanılır.
Kimler Katılmalı?
Bu, modern web geliştirme alanındaki becerilerini geliştirme ihtiyacı duyan temel düzeydeki Web geliştiricileri için tasarlanmış giriş niteliğinde bir React geliştirme eğitimidir. HTML5, CSS3 ve JavaScript ile en azından temel düzeyde deneyime sahip olan alanda yeni Web geliştiricilerine yöneliktir.
Eğitim İçeriği
Giriş
- React nedir?
- Real DOM/Virtual DOM nedir?
- One Way/Two Way binding nedir?
- React’i kullanmak ne zaman mantıklı?
- IDE/Text editor seçimi
- VSCode React Snippets
Temel Node.JS
- JS kurulumu
- NPM/Yarn
- Bir JavaScript dosyasını çalıştırmak
- Bir modül indirip kullanmak
- Bağımlılık yönetimi
- Scriptler
ES6 Modül Sistemi
- ES nedir? ES5/6 farkları nelerdir?
- Sucrase
- Modül oluşturmak
- Varsayılan modül belirlemek
- ‘as’ ile yeniden isimlendirme
- Çok fonksiyonlu modüllerde as operatörü
- Temiz modül yazmak
Merhaba React
- create-react-app kurulumu
- React Dev Tools kurulumu
- Merhaba Dünya uygulaması
- JSX ve Kuralları
Component’ler ile Çalışmak
- Component nedir?
- Component oluşturmak/kullanmak
- Özel tanımlı keywordler
- Componentlerde değişken render etmek
- Koşullu render etmek
- children
Props’lar ile Çalışmak • Props nedir? Nasıl kullanılır?
- Döngülerde “key” prop’u.
- propTypes: isRequired
- propTypes: oneOfType
- propTypes: shape
- defaultProps
State’ler ile Çalışmak
- State nedir? Nasıl oluşturulur?
- useState :: Array
- useState :: Object
- Counter uygulaması
- Re-Render mantığını anlamak (jQuery vs React)
Component Yaşam Döngüsü
- useEffect
- Dependency array / component did mount
- Spesifik bir state’in değiştiğini anlamak
- Component unmount
Fetching
- Native Fetch
- Axios
React Router
- Kurulum
- Strict
- Component
- Route’a data göndermek
- Link
- NavLink
- Redirect
- Hata yakalama
Form Yönetimi ve Validasyonlar
- Formik Yup
Memoization
- memo
- useMemo
- useCallback
Context API ile State Yönetimi
- createContext hook
- Context Provider
- useContext hook
Real-Time Çalışan Uygulamalar Geliştirmek
- Real-time Colors App
- Chat App
Localization
- React-intl
Unit Testing (Jest)
- Neden test yazarız?
- Test ortamı
- Component unit testleri nasıl yazılır?
Deploying
- sh
- Netlify
- Custom server
Ön Koşullar
Javascript Programlama bilgisine sahip olmak
İlgili Eğitimler
React Native ile Mobil Uygulama Geliştirme Eğitimi ve Node.js Uygulama Geliştirme Eğitimi programlarını da inceleyebilirsiniz.
Kurumsal Eğitim İçin Bilgi Alın
React ile Uygulama Geliştirme Eğitimi için kurumunuza uygun program ve teklif bilgisi almak üzere bu sayfadaki İletişim Formu’nu doldurabilirsiniz.
Sıkça Sorulan Sorular
Eğitim ne kadar sürer?
Eğitim süresi 4 gündür.
Kimler katılabilir?
Temel web geliştirme deneyimiyle React öğrenmek isteyen geliştiriciler için uygundur.
Katılım için ön koşul var mı?
JavaScript programlama bilgisi gereklidir. HTML5 ve CSS3 ile temel deneyim de beklenir.
Eğitimde hangi konular ele alınır?
React bileşenleri, state, formlar ve yönlendirme konuları ele alınır.
Programın uygulama odağı nedir?
Props, state, veri çağrıları, React Router, Context API, memoization ve Jest ile test konuları uygulama geliştirme süreci içinde ele alınır.
Kurumumuz için nasıl teklif alabiliriz?
Bu sayfadaki İletişim Formu üzerinden eğitim programı ve teklif bilgisi talep edebilirsiniz. Eğitimler kurumlara ve firmalara yöneliktir.