React ile Web Programlama

React ile Web Programlama

Yeni nesil JavaScript teknikleri, State Management örnegi, Redux, React Hooks yapısı yer almaktadır.

Planlanmış bir eğitim bulunamadı. Açılacak eğitimlerden haberdar olmak istiyor musunuz?

Haber Ver

EĞİTİM MODÜLLERİ

  • İnternet Nasıl Çalışır?
  • Bir Web Sitesi Nasıl Çalışır?
  • BackEnd, FrontEnd, FullStack Developer Kimdir?
  • Editor Nedir? Editörümüzü Tanıyalım ve Kuralım
  • Plunker Online Editörümüzü Tanıyalım
  • Html Nedir?
  • Temel Html Elementleri
  • Linklerle Çalışmak
  • Tablolarla Çalışmak
  • Formatlama
  • Layout
  • Form Tagleri
  • Html 5 İle Gelen Form Tagleri
  • CSS Nedir ?
  • Temel CSS Kullanımları
  • CSS Özellikleriyle Çalışmak
  • Tablolarla Eventlerle Çalışmak
  • Inputlarla Çalışmak
  • Class Yapısı
  • Id Yapısı
  • Bootstrap Nedir? - Neler Yapabiliriz?
  • Bootstrap Yaşam Döngüsünü Anlamak Ve Şablon Giydirmek
  • Container - Layout Ve Grid Mimarisi
  • Tablolarla Çalışmak
  • Dropdown İle Çalışmak
  • Formlarla Çalışmak
  • İnputlarla Çalışmak
  • Listelerle Çalışmak
  • Temel Operasyonlar Ve Tiplerle Çalışmak 1
  • Temel Operasyonlar Ve Tiplerle Çalışmak 2
  • Şart Bloklarına Giriş
  • Şart Bloklarıyla Çalışmak 2
  • Fonksiyonlarla Çalışmak
  • Diziler
  • Dizi Fonksiyonlarıyla Çalışmak
  • Nesnelerle Çalışmak
  • Recap Demo 1
  • Döngülerle Çalışmak
  • Recap Demo 2
  • DOM Manipulasyonu Nedir?
  • Demo YouTube Üzerinde DOM Manipulasyonu
  • Demo GetElementsByTagName
  • Demo GetElementsByClassName
  • Demo QuerySelectorAll
  • Demo GetElementsByName
  • Demo AddEventListener
  • Demo Nodlarla Çalışmak
  • Demo ReplaceChild İle Çalışmak
  • EcmaScript Nedir?
  • Scope Kavramı - Var Let Const
  • İleri Fonksiyonlar
  • İleri Diziler
  • İleri Nesneler - Referanslar Ve This İle Çalışmak
  • Classlarla Çalışmak
  • Temel Operasyonlar Ve Tiplerle Çalışmak 1
  • Temel Operasyonlar Ve Tiplerle Çalışmak 2
  • Şart Bloklarına Giriş
  • Şart Bloklarıyla Çalışmak 2
  • Fonksiyonlarla Çalışmak
  • Diziler
  • Dizi Fonksiyonlarıyla Çalışmak
  • Nesnelerle Çalışmak
  • Recap Demo 1
  • Döngülerle Çalışmak
  • Recap Demo 2
  • DOM Manipulasyonu Nedir?
  • Demo YouTube Üzerinde DOM Manipulasyonu
  • Demo GetElementsByTagName
  • Demo GetElementsByClassName
  • Demo QuerySelectorAll
  • Demo GetElementsByName
  • Demo AddEventListener
  • Demo Nodlarla Çalışmak
  • Demo ReplaceChild İle Çalışmak
  • EcmaScript Nedir?
  • Scope Kavramı - Var Let Const
  • İleri Fonksiyonlar
  • İleri Diziler
  • İleri Nesneler - Referanslar Ve This İle Çalışmak
  • Classlarla Çalışmak
  • Node Ve Visual Studio Code Kurulumu
  • Create-React-App Kurulumu
  • İlk React Projemizin Oluşturulması
  • Component Mimarisini Derinlemesine Anlamak
  • İlk Componentlerimizi Oluşturalım
  • ReactStrap İle Çalışmak
  • Props İle Çalışmaya Başlamak
  • Best Practice - Props ile Encapsulation
  • State ile Çalışmaya Başlamak
  • Eventlerle Çalışmaya Başlamak
  • Componentler Arası Veri Ve Event Transferi
  • JsonServer ile Api Kurulumu
  • ComponentDidMount Ve Fetch İle Çalışmak
  • Ürünlerin Listelenmesi
  • Componentler Arası İletişim Trafiğinin Yönetilmesi
  • Şartlı İfadelerle Çalışmak
  • Sepete Ürün Eklemek
  • Component Drilling
  • Component Drilling İle Event Taşıma
  • AlertifyJs İmplementasyonu
  • Routing İmplementasyonu
  • Sepet Detay Sayfasının Yazılması
  • Sepetten Silme İşleminin Yapılması
  • Formlarla Çalışmaya Başlamak
  • Form Submit İşlemleriyle Çalışmaya Başlamak
  • Çoklu Form Elemanlarıyla Çalışmak
  • Zengin Form Demosu
  • Redux Nedir?
  • Redux Projesinin Oluşturulması Ve Paketler
  • Action Yapısını Anlamak
  • Reducer Ve Store İle Çalışmak
  • Genel Tekrar Ve ConfigureStore
  • Componentin Reducera Bağlanması
  • Dispatch İle Çalışmak
  • Projenin Tamamlanması
  • Redux Projesinin Kurulması
  • Klasör Yapılandırmasının Yapılması
  • Temel Bileşenlerin Yapılandırılması
  • Action İle Çalışmak
  • Reducer İle Çalışmaya Başlamak
  • Redux Store Konfigurasyonu
  • Connect İle Çalışmak
  • Özel Tekrar
  • Redux Thunk İle Çalışmak
  • Seçili Kategorinin Yönetilmesi
  • Ürünlerin Listelenmesi
  • Sepete Ekleme Redux
  • Sepete Ekleme React
  • Sepet Özetinin Yazılması
  • Sepetten Ürün Silinmesi
  • Routing Altyapısının Kurulması
  • Sepet Detayının Gösterilmesi
  • Hata Yönetimi Yapmak
  • Reducer Yazılması
  • React Hooksa Giriş
  • UseEffect ve Redux ile Çalışmak 1
  • UseEffect ve Redux ile Çalışmak 2
  • Detay Sayfasının Yazılması
  • Select Inputun Yazılması
  • Ürün Detaylarının Tamamlanması
  • Küçük Hataların Düzeltilmesi
  • Uygulamanın Test Edilmesi
  • Validasyonun Yapılması

Bu eğitim için herhangi bir ön koşul bulunmamaktadır.

Önerilen eğitimleri yoktur.

  • Web Uygulama Geliştiricisi

Eğitimin sınavları yoktur.

Bu eğitimi alanlar aşağıdaki katılım sertifikasına sahip olacaklardır. Diğer sertifikalar için katılımcıların ilgili sınavları almaları gerekmektedir.

Bilge Adam

Eğitimin yorumları yoktur.

Planlanmış bir eğitim bulunamadı. Açılacak eğitimlerden haberdar olmak istiyor musunuz?