HTML-CSS
HTML & CSS PROJE
HTML5 & CSS3 PROJELER
Git&Github
Bootstrap Projeleri
Scss Projeleri
-
Scss Nesting Yazım,Moduler Dosya Kullanımı,Mixin Yapısı,Miras Yapısı || Udemig Education Başlangıç,Header,Home Kısımları (153:25)
-
Udemig Educations Educations,About Us,Top Educations,Contact,Footer Kısımları,Udemig Education Bitiş || JBL Clone Başlangıç,JBL Clone Header&Home Kısımları (144:59)
-
JBL Clone About,Favorites,Model,Sponsor,Footer Kısımları,JBL Clone Bitiş || Javascript Giriş,Javascript Nedir?Neden Bu Kadar Popüler?,Javascript Çıktı Metotları (153:52)
JAVASCRİPT
-
Javascript Değişkenler,Veri Tipleri,Aritmetik Operatörler,Karşılaştırma Operatörleri,Mantıksal Operatörler,Fonksiyonlar,Prompt,Confirm Metotları,String Metotları (197:51)
-
Javascript Number Metotları,Diziler,Dizi Metotları,Objeler,Templates Literal,Arrow Functions (187:17)
-
Javascript if-else,switch-case yapıları,Döngüler,for,while,do-while döngüleri,map-forEach,try-catch,scope,Set-Map yapıları (193:56)
-
Javascript Date Objesi,Api Nedir?,Async-Await,Promise Yapısı,Postman,Json,Javascript Class Yapısı,setTimeOut,setInterval,Modüler Dosya Yönetimi (196:04)
-
Javascript Dom Manipülasyonları,Olay İzleyicileri,Object.defineProperties ,Apply & Call & Bind,Linkedin ve Cv Hazırlama (208:24)
JAVASCRİPT PROJELERİ
-
NoteKeeper Arayüz Oluşturulması & Stillendirilmesi,Dinamik Popup Yapısı,Note Ekleme,Dinamik Menu Yapısı (203:27)
-
NoteKeeper Note Note Silme & Güncelleme Özellikleri,NoteKeeper Bitiş || Qr Menu Başlangıç,Api'dan Verilerin Alınması,Dinamik Menü Elemanlarının Render Edilmesi,Filtreleme (196:56)
-
Qr Menu Detay Sayfası,Not Founded Sayfası || E-Commerce Arayüz Oluşturulması,Api'dan Veri Alınması,Arayüz Elemanların Renderlanması (205:47)
-
E-Commerce Sepet İşlemleri Ürün Ekleme,Silme,Miktar Güncelleme,Dinamik Ürün Miktarı,Dinamik Toplam Fiyat, E-Commerce Bitiş (195:44)
-
Spotify Clone Arayüz Oluşturulması,Api'dan Şarkı Verileri Alınması,Şarkı Arama ve Oynatma Özellikleri (197:13)
-
Spotify Clone Animasyon Özelliği, Spotify Clone Bitiş || Weather App Başlangıç,Arayüz Oluşturulması,Api'dan Hava Durumu Ve Bayrak Verilerinin Alınması,Dinamik Arayüz Oluşturulması (202:54)
-
Weather App Input Şehir Tamamlama Özelliği,Dinamik Tema,Weather App Bitiş || NoteMap Harita Kurulumu,Kullanıcıdan Konum Alma,Harita Üzerindeki Tıklanmaları İzleme,Dinamik Marker Render Etme,Note Ekleme Özelliği (204:28)
-
NoteMap Note Ekleme,Silme Özellikleri,Marker Renderlama,Note Uçuş Özelliği,NoteMap Bitiş || Proje Yayınlama,Hoisting,Domain,Netlify,Vercel,React Nedir?,React Kullanan Şirketler,React ve Klasik Site Karşılaştırması (202:32)
REACT
-
Node.js Nedir?,Npm Nedir?,React Proje Oluşturulması,React Dosya Yapısının İncelenmesi,React Projesine Kütüphane İndirilmesi,Kütüphane Silinmesi ve Güncellenmesi (207:43)
-
State Nedir?,useState,Koşullu Renderlama,Bileşenlerde Props Kullanımı,Çoklu Renderlama,Function & Class Componentler,Lifecycle,useEffect (202:22)
-
Vite Nedir?,Vite İle React Uygulaması Oluşturulması,useRef Nedir?,useRef ile Form Kontrolü,useEffect ile Api İsteği Atma,Axios Nedir?,Json-Server Nedir?,HTTP Metotları,Swagger (197:43)
-
Rehber Projesi Kişi Ekleme,Silme ve Güncelleme Özellikleri,Rehber Projesi Bitiş (209:37)
-
React Router Dom Nedir?Dynamic Routes,Nested Routes,Kitap Kurdu Home-Products-Detail Sayfaları (191:27)
-
React Router Dom useOutletContext,useNavigate Nedir?,Kitap Kurdu Not Found Page,Kitap Kurdu Bitiş || HOC Nedir?,Context Nedir?,Context Store Başlangıç (191:44)
-
Context Store Kategoriye Göre Filtreleme,Sepet İşlemleri,Sepete Ürün Ekleme,Sepetteki Ürünün Miktarını Güncelleme,Sepetten Ürün Kaldırma,Context Store Bitiş (201:09)
-
Tailwind Nedir?Youtube Clone Başlangıç,Dinamik Sidebar,Home Sayfası,Detay Sayfası (195:42)
-
Youtube Clone Detail Page Channel Info&Video Description Kısımları (31:57)
-
Youtube Clone Comments Kısmı,Arama Özelliği,Skeleton Loader,Youtube Clone Bitiş || Cryptoplace Başlangıç (206:17)
-
Cryptoplace Api İşlemleri,Ana Sayfa,Detay Sayfası,Arama Özelliği (199:28)
-
Memorization,useMemo,React.memo,useCallBack,userReducer Nedir,Reducer Yapıları (204:52)
REDUX
-
Redux Nedir?,Redux Temelleri,Counter & Crud Örnekleri (202:10)
-
Crud Örneği Api Entegrasyonu,Api ile Redux Kullanımı,Redux Thunk Nedir?,Thunk Sepeti Başlangıç (196:35)
-
Thunk Sepeti Detay Sayfası,Sepete Ürün Ekleme (148:46)
-
Yemek Sepeti - Sepet Sayfası | Netflix Clone - Anasayfa (186:49)
-
Netflix Clone | Slider - Detay Sayfası - İzleme Listesi (193:03)
Redux Toolkit
-
Redux Toolkit Nedir ? | Slice - Örnekler - React Bootstrap (194:57)
-
Job Tracker | Anasayfa - Listeleme - Module SCSS (189:06)
-
Job Tracker | Silme - Oluşturma - Düzenleme | Redux Toolkit Thunk (191:30)
-
Translate App - Bitiş | Flight Radar - Uçuş Verilerini Çekme (191:02)
-
Flight Radar | Haritada Listeleme - Detay Modalı - Uçuş Rotası (193:32)
-
Flight Radar | Tablo - Pagination | Software Architecture - Design Patterns (191:36)
Firebase
-
Firebase Nedir ? - Firebase Auth | Chat App - Login - RoomPage (188:42)
-
Chat App | Firebase Firestore - Mesaj Atma - Listeleme - Filtreleme (189:26)
-
Twitter | Authentication & Authorization (189:27)
-
Twitter | Feed & Form & Medya Yükleme & Firestore Canlı Veri Çekme (189:44)
-
Twitter | List & Like & Edit & Delete (185:28)
Unit Test
Typescript
-
Typescript Nedir ? | Primitive / Refferance Types & Type Annotation +++ (379:08)
-
Union Types | String Literal | Function Types | Void & Never +++ (188:22)
-
OOP | Class | Constructor | Inheritance | Access Modifiers +++ (194:46)
-
Interface | Type Casting | Type Guards | Intersection Types | Generic (191:22)
-
Generic | Typescript ile React Yazımı (191:29)
-
Car Rental Projesi | Hero - Listeleme (191:31)
