Eğitimi Paylaş
İş'te Mükemmellik

Frontend: ReactJS

Eğitimi Paylaş
Frontend: ReactJS
enocta image placeholder
Bu Bölümde React Nedir? ve Kullanılan Bazı Projeler, Real Dom/Virtual Dom Nedir?, Kurulumlar (NodeJS, React Dev Tools) ve VS Code, Node JS Temelleri, NPM Paketi İndirme ve Kullanma, EcmaScript 6 Bilinmesi Gerekenler, Component'ler (Bileşenler), Props'lar ile çalışmak, State Management, Fetching, React Router ve Form Yönetimini öğrenerek örnek Projeler Oluşturacağız.
  • NodeJS temellerini tanıma
  • React hakkında bilgi edinme
  • Real Dom ve Virtual Dom hakkında bilgi edinme
0
ReactJS - Giriş
Konu Uzmanı Video
2
dakika
Bu video, Frontend: ReactJS eğitiminde öğrenecekleriniz hakkında genel bilgilendirmelerin yapıldığı bir giriş videosudur.
1
React Nedir?
Konu Uzmanı Video
7
dakika
Bu bölümde "React" kütüphanesi hakkında bilgi verilmiştir.
2
Real Dom / Virtual Dom Nedir?
Konu Uzmanı Video
7
dakika
Bu bölümde React ile kullanılan "Real DOM" ve "Virtual DOM" kavramlarının ne olduğu aktarılmıştır.
3
Kurulumlar (NodeJS React Dev Tools) ve VS Code
Konu Uzmanı Video
8
dakika
Bu Bölümde "Kurulumlar (NodeJS React Dev Tools)" ve "VS Code" detaylarını Öğreneceğiz.
4
Node JS Temelleri
Konu Uzmanı Video
11
dakika
Bu Bölümde "Node JS Temelleri"ni Öğreneceğiz.
5
NPM Paketi İndirme ve Kullanma
Konu Uzmanı Video
7
dakika
Bu Bölümde NPM Paketi İndirmeyi ve Kullanmayı Öğreneceğiz.
6
ES6 Modül Sistemi
Konu Uzmanı Video
4
dakika
Bu Bölümde "ES6 Modül Sistemi"ni Öğreneceğiz.
7
Custom Module
Konu Uzmanı Video
9
dakika
Bu Bölümde "Custom Module" Kavramını Öğreneceğiz.
8
Kendi Modülümüz
Konu Uzmanı Video
10
dakika
Bu Bölümde Kendi Modülümüzün Detaylarını Öğreneceğiz.
9
Callback Functions
Konu Uzmanı Video
9
dakika
Bu Bölümde "Callback Functions" Kavramını Öğreneceğiz.
10
Async / Await
Konu Uzmanı Video
10
dakika
Bu Bölümde "Async / Await" Kavramını Öğreneceğiz.
11
Promises
Konu Uzmanı Video
12
dakika
Bu Bölümde "Promises" Kavramını Öğreneceğiz.
12
Promises All
Konu Uzmanı Video
9
dakika
Bu Bölümde "Promises All" Kavramını Öğreneceğiz.
13
Array Functions
Konu Uzmanı Video
12
dakika
Bu Bölümde "Array Functions" Kavramını Öğreneceğiz.
14
Proje Oluşturma -YE
Konu Uzmanı Video
14
dakika
Bu Bölümde Proje Oluşturmayı Öğreneceğiz.
15
Component
Konu Uzmanı Video
12
dakika
Bu Bölümde "Component" Kavramını Öğreneceğiz.
16
Component Oluşturma
Konu Uzmanı Video
8
dakika
Bu Bölümde "Component" Oluşturmayı Öğreneceğiz.
17
Emmet
Konu Uzmanı Video
16
dakika
Bu Bölümde "Emmet" Kavramını Öğreneceğiz.
18
JSX Detayları
Konu Uzmanı Video
11
dakika
Bu Bölümde "JSX" Detaylarını Öğreneceğiz.
19
Değişken ve Koşul
Konu Uzmanı Video
12
dakika
Bu Bölümde "Değişken" ve "Koşul" Kavramlarını Öğreneceğiz.
20
Props Nedir? Nasıl Kullanılır?
Konu Uzmanı Video
12
dakika
Bu bölümde "Props" kavramını ve propsun nasıl kullanılacağını öğreneceğiz.
21
Döngü ile Key Prop Kullanımı
Konu Uzmanı Video
12
dakika
Bu Bölümde "Döngü ile Key Prop" Kullanımını Öğreneceğiz.
22
PropTypes
Konu Uzmanı Video
13
dakika
Bu Bölümde "PropTypes" Kavramını Öğreneceğiz.
23
PropTypes Oluşturma
Konu Uzmanı Video
11
dakika
Bu Bölümde" PropTypes Oluşturma"yı Öğreneceğiz.
24
State Nedir? Temel Kullanımı
Konu Uzmanı Video
14
dakika
Bu Bölümde "State"in ne olduğunu ve Temel Kullanımını Öğreneceğiz.
25
Array State Kullanımı
Konu Uzmanı Video
9
dakika
Bu Bölümde "Array State Kullanımı"nı Öğreneceğiz.
26
Object State Kullanımı
Konu Uzmanı Video
8
dakika
Bu Bölümde "Object State Kullanımı"nı Öğreneceğiz.
27
Input ile State Kullanımı - 1
Konu Uzmanı Video
11
dakika
Bu Bölümde "Input ile State Kullanımı"nı Öğreneceğiz.
28
Input ile State Kullanımı - 2
Konu Uzmanı Video
9
dakika
Bu Bölümde "Input ile State Kullanımı"nı Öğreneceğiz.
29
UseEffect Kullanımı
Konu Uzmanı Video
14
dakika
Bu Bölümde "UseEffect Kullanımı"nı Öğreneceğiz.
30
Mount ve Unmount Kavramı
Konu Uzmanı Video
13
dakika
Bu Bölümde "Mount ve Unmount" Kavramlarını Öğreneceğiz.
31
CSS ile Çalışmak
Konu Uzmanı Video
10
dakika
Bu Bölümde "CSS ile Çalışma"yı Öğreneceğiz.
32
Module CSS
Konu Uzmanı Video
11
dakika
Bu Bölümde "Module CSS" Kavramını Öğreneceğiz.
33
Örnek Detayları ve Oluşturma
Konu Uzmanı Video
8
dakika
Bu Bölümde ToDo App Örnek Detayları ve Oluşturmayı Öğreneceğiz.
34
Component'leri Oluşturma
Konu Uzmanı Video
11
dakika
Bu Bölümde Component Oluşturmayı Öğreneceğiz.
35
Header ve List Component Tasarımı
Konu Uzmanı Video
12
dakika
Bu Bölümde "Header" ve "List Component Tasarımı"nı Öğreneceğiz.
36
Form Component Tasarımı
Konu Uzmanı Video
10
dakika
Bu Bölümde "Form Component Tasarımı"nı Öğreneceğiz.
37
Form Component ToDo Objesi Oluşturma
Konu Uzmanı Video
10
dakika
Bu Bölümde Form Component Todo Objesi Oluşturmayı Öğreneceğiz.
38
Form Component ToDo Ekleme
Konu Uzmanı Video
8
dakika
Bu Bölümde Form Component ToDo Eklemeyi Öğreneceğiz.
39
List Component Verileri Listeleme
Konu Uzmanı Video
11
dakika
Bu Bölümde List Component Verileri Listelemeyi Öğreneceğiz.
40
List Component Verilerin Filtreleme
Konu Uzmanı Video
10
dakika
Bu Bölümde List Component Verileri Filtrelemeyi Öğreneceğiz.
41
List Component Görev Silime
Konu Uzmanı Video
15
dakika
Bu Bölümde List Component Görev Silmeyi Öğreneceğiz.
42
Fetch ile Veri Çekme
Konu Uzmanı Video
13
dakika
Bu Bölümde Fetch ile Veri Çekmeyi Öğreneceğiz.
43
Fetch ile Veri Çekme - Yükleniyor İfadesi
Konu Uzmanı Video
9
dakika
Bu Bölümde Fetch ile Veri çekme - Yükleniyor İfadesini Öğreneceğiz.
44
Axios ile Veri Çekme İşlemi
Konu Uzmanı Video
7
dakika
Bu Bölümde Axios ile Veri Çekme İşlemini Öğreneceğiz.
45
React Router Kurulumu
Konu Uzmanı Video
11
dakika
Bu Bölümde React Router Kurulumunu Öğreneceğiz.
46
React Router ile Bootstrap Navbar Kullanımı
Konu Uzmanı Video
11
dakika
Bu Bölümde React Router ile Bootstrap Navbar Kullanımını Öğreneceğiz.
47
React Router ile UseMatch Kullanımı
Konu Uzmanı Video
6
dakika
Bu Bölümde React Router ile UseMatch Kullanımını Öğreneceğiz.
48
React Router ile UseParams Kullanımı
Konu Uzmanı Video
16
dakika
Bu Bölümde React Router ile UseParams Kullanımını Öğreneceğiz.
49
React Router ile Outlet ve Nested Component
Konu Uzmanı Video
8
dakika
Bu Bölümde React Router ile Outlet ve Nested Component Kavramlarını Öğreneceğiz.
50
React Router ile NoMatch Kullanımı
Konu Uzmanı Video
7
dakika
Bu Bölümde React Router ile NoMatch Kullanımını Öğreneceğiz.
51
Formik ile Form İşlemleri
Konu Uzmanı Video
15
dakika
Bu Bölümde Formik ile Form İşlemlerini Öğreneceğiz.
52
UseFormik Kullanımı
Konu Uzmanı Video
11
dakika
Bu Bölümde UseFormik Kullanımını Öğreneceğiz.
53
YUP Kütüphanesi ile Validation
Konu Uzmanı Video
20
dakika
Bu Bölümde YUP Kütüphanesi ile Validation Kavramını Öğreneceğiz.
54
Proje Tanımı
Konu Uzmanı Video
7
dakika
Bu Bölümde Örnek Projemizde Proje Tanımını Yapacağız.
55
NPM Paketlerinin Kurulması
Konu Uzmanı Video
4
dakika
Bu Bölümde Örnek Projemizde NPM Paketlerinin Kurulmasını Öğreneceğiz.
56
React Router ile Menü Oluşturma
Konu Uzmanı Video
14
dakika
Bu Bölümde Örnek Projemizde React Router ile Menü Oluşturmayı Öğreneceğiz.
57
Components Yapısının Ayarlanması
Konu Uzmanı Video
8
dakika
Bu Bölümde Örnek Projemizde Components Yapısının Ayarlarını Öğreneceğiz.
58
Müşteriler Component Tasarımı - 1
Konu Uzmanı Video
14
dakika
Bu Bölümde Örnek Projemizde Müşteriler Component Tasarımını Öğreneceğiz.
59
Müşteriler Component Tasarımı - 2
Konu Uzmanı Video
15
dakika
Bu Bölümde Örnek Projemizde Müşteriler Component Tasarımını Öğreneceğiz.
60
Yeni Müşteri Oluşturma : Form ve Validasyon
Konu Uzmanı Video
12
dakika
Bu Bölümde Örnek Projemizde Yeni Müşteri Oluşturma: Form ve Validasyon Kavramlarını Öğreneceğiz.
61
Dashboard Tasarım
Konu Uzmanı Video
12
dakika
Bu Bölümde Örnek Projemizde Dashboard Tasarımını Öğreneceğiz.
62
Dashboard Sahte Müşteri Verisi Oluşturma
Konu Uzmanı Video
10
dakika
Bu Bölümde Örnek Projemizde Dashboard Sahte Müşteri Verisi Oluşturmayı Öğreneceğiz.
63
Müşteri Verisinin Listelenmesi
Konu Uzmanı Video
12
dakika
Bu Bölümde Örnek Projemizde Müşteri Verisinin Listelenmesini Öğreneceğiz.
64
Müşteri Ekleme ve Güncelleme
Konu Uzmanı Video
14
dakika
Bu Bölümde Örnek Projemizde Müşteri Ekleme ve Güncellemeyi Öğreneceğiz.
65
Müşteri Silme İşlemi
Konu Uzmanı Video
6
dakika
Bu Bölümde Örnek Projemizde Müşteri Silme İşlemini Öğreneceğiz.
66
Görevler Component Tasarımı
Konu Uzmanı Video
11
dakika
Bu Bölümde Örnek Projemizde Görevler Component Tasarımını Öğreneceğiz.
67
Görev Ekleme, Güncelleme ve Silme
Konu Uzmanı Video
14
dakika
Bu Bölümde Örnek Projemizde Görev Ekleme, Güncelleme ve Silmeyi Öğreneceğiz.
68
Dashboard Sahte Görev Verisi Oluşturma
Konu Uzmanı Video
8
dakika
Bu Bölümde Örnek Projemizde Dashboard Sahte Görev Verisi Oluşturmayı Öğreneceğiz.
69
Müşteriye Ait Görevlerin Listelenmesi
Konu Uzmanı Video
16
dakika
Bu Bölümde Örnek Projemizde Müşteriye Ait Görevleri Listelemeyi Öğreneceğiz.
70
ReactJS - Çıkış
Konu Uzmanı Video
1
dakika
Bu video, Frontend: ReactJS eğitiminde aktarılan konular hakkında toparlayıcı ve özet bilgilerin yer aldığı bir kapanış videosudur.
Modül 1: Giriş
Modül 2: EcmaScript 6 Bilinmesi Gerekenler
Modül 3: Component'ler (Bileşenler)
Modül 4: Props'lar ile Çalışmak
Modül 5: State
Modül 6: ToDo App Örneği
Modül 7: Fetching
Modül 8: React Router
Modül 9: Form Yönetimi
Modül 10: Örnek Uygulama
Herkes
Bu eğitim, kendini geliştirmek isteyen herkese yöneliktir.
İş'te Mükemmellik
Kampüs365
Kampüs365, 1999 yılında e-öğrenme alanında faaliyet göstermek üzere kurulan Advancity’nin gittikçe genişleyen ürün ve hizmet çeşitliliğini tek bir çatı altında, bütünsel bir yaklaşımla sunmayı hedefleyen markasıdır.

Önerilen Eğitimler

Bu eğitimin kategorisinde bulunan ilginizi çekebilecek diğer eğitimler
enocta image placeholder
enocta image placeholder
Basic
Basic
Premium
Abonelik Dışı
Category
0
dakika
Text
Label
JavaScript'e Giriş
JavaScript'e Giriş
Basic
Basic
Premium
Abonelik Dışı
Programlama
128
dakika
Video
JavaScript'e Giriş
Operasyonel Mükemmellik - Toplam Ekipman Etkinliği (OEE)
Operasyonel Mükemmellik - Toplam Ekipman Etkinliği (OEE)
Basic
Basic
Premium
Abonelik Dışı
Operasyonel Mükemmellik (OpEx)
30
dakika
Etkileşimli Eğitim
Operasyonel Mükemmellik - Toplam Ekipman Etkinliği (OEE)
Temel Web Programlama: SASS
Temel Web Programlama: SASS
Basic
Basic
Premium
Abonelik Dışı
Programlama
62
dakika
Video
Temel Web Programlama: SASS
Frontend: NextJS
Frontend: NextJS
Basic
Basic
Premium
Abonelik Dışı
Programlama
132
dakika
Video
Frontend: NextJS
E-Dönüşüm - (İşaret Dili)
E-Dönüşüm - (İşaret Dili)
Basic
Basic
Premium
Abonelik Dışı
Girişimcilik
30
dakika
Video
E-Dönüşüm - (İşaret Dili)
Çağrı Merkezi Müşteri Temsilcileri için Başlangıç Videoları
Çağrı Merkezi Müşteri Temsilcileri için Başlangıç Videoları
Basic
Basic
Premium
Abonelik Dışı
Çağrı Merkezinde Mükemmellik
76
dakika
Video
Çağrı Merkezi Müşteri Temsilcileri için Başlangıç Videoları
Bankacılar için Çek Hukuku
Bankacılar için Çek Hukuku
Basic
Basic
Premium
Abonelik Dışı
Bankacılar İçin Mükemmellik
60
dakika
Etkileşimli Eğitim
Bankacılar için Çek Hukuku
Yazılım Geliştirme ve Programlama Temel Kavramları
Yazılım Geliştirme ve Programlama Temel Kavramları
Basic
Basic
Premium
Abonelik Dışı
Programlama
70
dakika
Video
Yazılım Geliştirme ve Programlama Temel Kavramları

Tamamlayıcı Eğitimler

Bu eğitimin faydasını ve etkinliğini artırmak için birlikte alabileceğiniz diğer eğitimler
enocta image placeholder
enocta image placeholder
Basic
Basic
Premium
Abonelik Dışı
Category
0
dakika
Text
Label
Frontend: BOOTSTRAP
enocta image placeholder
Basic
Basic
Premium
Abonelik Dışı
Programlama
118
dakika
Video
Frontend: BOOTSTRAP
Frontend: JQUERY-AJAX
enocta image placeholder
Basic
Basic
Premium
Abonelik Dışı
Programlama
133
dakika
Video
Frontend: JQUERY-AJAX
Frontend: NextJS
enocta image placeholder
Basic
Basic
Premium
Abonelik Dışı
Programlama
132
dakika
Video
Frontend: NextJS
Frontend: Redux
enocta image placeholder
Basic
Basic
Premium
Abonelik Dışı
Programlama
111
dakika
Video
Frontend: Redux
Bu Eğitime Özel Bilgi
Almak İster Misin?
Bizimle İletişime Geçin.
Ad
Soyad
E-Posta Adresi
Telefon Numarası
Firma Adı
pageUrl
Teşekkürler, bilgilerin ilgili birime iletildi!
Lütfen bilgilerinizi kontrol edin.

Teklif Listem


s


Teklif Listem

Teklif listende 50 adet eğitime ulaştın!

Teklif listende 50 adet eğitim bulunuyor. Bu eğitimlere paket aboneliği alarak daha avantajlı bir şekilde erişebilirsin.

Basic

Kurumun temelde ihtiyaç duyacağı, hem özel hem de iş hayatı için gerekli olabilecek, ana konuları ve yetkinlikleri kapsar.

Basic Paketi Kapsar
Premium

Basic Katalog içerisindeki eğitimlere ek olarak, hazır öğrenme deneyimleri haline getirdiğimiz gelişim yolculukları; liderlik eğitimleri ve yenilikçi öğrenme yöntemleri ile hazırlanmış eğitimleri kapsar.