Html-Css | Html5-Css3
Html-Css Projects
Github
BOOTSTRAP
-
Github Örnek Repo Ve Profil İncelenmesi || Bootstrap Nedir?,Bootstrap Nasıl Kurulur?,Bootstrap Temelleri,Component Yapısı (171:42)
-
Crptoverse Başlangıç Header,Home,Popular Cryptos,Features,Testimonials Kısımları (167:14)
-
Cryptoverse News,Contact,Footer Kısımları,Cryptoverse Bitiş || Githuba Proje Yükleme,Github'dan Proje Çekme,Proje Readmesi Düzenleme || Emaartech Building Başlangıç (167:09)
-
Emaartech Building Hero,Popular,Companies,Services,Blog,Reviews,Questions,Footer Kısımları,Emaartech Building Bitiş (166:05)
SCSS
-
Scss Nedir?Değişkenler,Nesting Yazım,Extend,Mixin,Moduler Dosya Yönetimi (156:26)
-
Udemig Education Header,Home,Top Educations,About Us ve Popular Educations Kısımları (159:23)
-
Udemig Educations Contact Us,Footer Kısımları,Udemig Education Bitiş || JBL Clone Başlangıç (159:05)
-
JBL Clone About,Favorites,Model,Sponsor ve Footer Kısımları,JBL Clone Bitiş || Javascript Giriş,Javascript Nedir ? (153:16)
JAVASCRİPT
-
Jaavscript Çıktı Metotları,Değişkenler,Veri Tipleri,Aritmetik Operatörler,Karşılaştırma Operatörleri,Bağlaçlar,Fonksiyonlar (200:44)
-
Jvascript Girdi Metotları,String Metotları,Number Metotları,Diziler,Dizi Metotları,Objeler (195:49)
-
Dizi İçerisinde Obje Kullanımı,find-filter-sort metotları,Template Literals,Arrow Functions,if-else,switch-case,Döngüler,for,while,do-while Döngüleri (199:08)
-
ForEach-Map,Spread Operatör,Try-Catch-Finally,Scope Kavramı,Global Scope,Function Scope,Block Scope,Javascript Set Yapısı (206:59)
-
Javascript Set&Map Yapısı,setTimeout-setInterval,Date Objesi,Api Nedir?,Server Nedir?,Json Veri Formatı,fetch ile Veri Çekme,Modüler Dosya Yönetimi (214:06)
-
Javascript DOM Manipülasyonları,Class Yapısı (191:51)
-
Javascript Class Yapısı,Call&Bind&Apply Metotları,HTTP Metotları,Postman Nedir?,Postman Hesap Oluşturulması,Postman Uygulaması,Proje Yayınlanma Süreci (212:38)
-
Javascript BOM,localStorage,Cv ve Linkedin Düzenlemesi,Softskill Mülakat Örneği || NoteKeeper Başlangıç (202:11)
JAVASCRİPT PROJELER
-
NoteKeeper Arayüz Stillendirmesi,Not ekleme,Not silme ve Not Güncelleme Özellikleri,NoteKeeper Bitiş (201:18)
-
Qr Menu Arayüz Oluşturulması,Dinamik Ürün Listelenmesi,Detay Sayfası,Qr Menu Bitiş || E-Commerce Başlangıç (207:05)
-
E-Commerce Ürün Listeleme,Sepete Ürün Ekleme,Sepetten Ürün Kaldırma,Sepetteki Ürün Miktarını Güncelleme (205:53)
-
E-Commerce Sepet İkonu Güncelleme,Sepetteki Toplam Ürün ve Ürün Fiyatı Hesaplama || Spotify Clone Başlangıç,Arayüz Oluşturulması,Popular Müzik İşlemleri (199:28)
-
Spotify Clone Arama ve Şarkı Oynatma Özelliği,Spotify Clone Bitiş || Weather App Başlangıç,Arayüz Oluşturulması (194:03)
-
WeatherApp Api İşlemleri,Dinamik Arayüz Renderlama,Tema İşlemleri,WeatherApp Bitiş || Note Map Başlangıç,Harita Kurulumu (205:30)
-
Note Map Note Ekleme,Silme,Uçuş Özellikleri,Note Map Bitiş (205:17)
React
-
React Nedir ? | SPA | Component | Dosya Yapısı | Create React App (185:34)
-
Component | JSX | Props | Çoklu / Koşullu Renderlama | VDOM (178:18)
-
useState | useEffect | Class Components | Lifecycle (182:33)
-
useEffect Örnekler | Vite | Json-Server (184:57)
-
Json-Server | Axios | CRUD Uygulaması - Başlangıç (182:50)
-
CRUD Uygulaması | Ekleme - Düzenleme - Silme -Filtreleme (192:37)
-
React Router Dom | Dynamic Routes | URL Yapısı (186:13)
-
React Router Dom | Nested Routes | useNavigate | createBrowserRouter++ (199:00)
-
useRef | HOC - Higher Order Components | useContext (194:04)
-
useContext | E-Ticaret Örneği | Tailwind Nedir ? (189:29)
-
Tailwind Detaylar | Youtube Clone Layout (199:42)
-
Youtube Clone | Anasayfa - Listeleme - Filtreleme (194:56)
-
Youtube Clone | Arama Sayfası - Detay Sayfası (197:32)
-
Youtube Clone - Son Detaylar | useMemo | useCallback | React.memo ++ (187:07)
-
Coin Tracker | Live Data Fetching | Listing (193:39)
-
Coin Tracker | Filter & Detail Page & Chart (194:11)
-
useReducer | action | dispatch | reducer | Redux Kurulum (192:28)
Redux
-
Redux Temeller (193:44)
-
Redux Thunk | Yemek Sepeti - Anasayfa - Restoran Sayfası (189:25)
-
Yemek Sepeti - Sepet İşlemleri | Netflix - Anasayfa (191:09)
-
Netflix | Detay Sayfası - İzleme Listesi | Redux Toolkit Nedir ? (194:03)
-
Redux Toolkit Temeller | Crud Örneği | Job Tracker - Başlangıç (188:38)
-
Job Tracker | Listeleme - Gruplama - Slme- Form Arayüzü (376:52)
-
Job Tracker | Oluşturma - Düzenleme | Toolkit Thunk - Translate UI (190:58)
-
Translate App | Dil Seçimi - Çeviri - Geçmiş (186:50)
-
Flight Radar | Harita - Uçuş Detayları (192:46)
-
Flight Radar | Uçak Rotası - Tablo - Pagination | Yazılım Mimarisi - Design Patterns - Solid (195:01)
Firebase
-
Firebase Nedir ? | Kurulum | Chat App | Auth - Database (194:48)
-
Chat App | Mesaj Gönderme | Canlı Veri Çekme | Firestore Sorgular (192:47)
-
Twitter | Authentication | Authorization | Şifre Sıfırlama | Mail Doğrulama | Layout (184:41)
-
Twitter | Post Listing - Like - Firebase Storage - Medya Depolama (190:53)
-
Twitter | Tweet Edit & Delete | Unit Test Nedir ? - Selectors - Matchers - Roles (189:49)
Unit Test
-
Basit Örnekler | Covid Map - Hero - Statistics & Tests (185:59)
-
Covid Map | Statistics Testleri - Harita - Detay Sayfası Testleri - TDD (188:48)
-
Cursor Ai | Yapay Zeka Destekli Proje Geliştirme | Ice Cream App (190:45)
-
Cursor Ai | Ice Cream App - Sepet - Unit Testler (192:01)
-
Ice Cream App | Son Testler | Typescript - Temeller - Primitive Types - Tuple (185:59)
Typescript
-
Type Aliases | Union Types | Function Types | Optional - Default - Rest Params (183:26)
-
Void - Never | OOP | Class - Constructor - Inheritance - Abstract (182:20)
-
Type Casting | Type Guards | Generic Functions & Types & Interfaces (188:14)
-
Generic Class & Extends | Partial & Omit & Promise & Array | React Typescript (184:49)
-
Car Rental Project | Listing - Images - Detail Modal (184:52)
-
Car Rental Project | Filter - Pagination - Proje Yayınlama - Hosting - Domain (190:51)
-
SEO İyileştirmesi | Note App - Layout - Create (191:29)
-
Note App | List - Filter - Edit - Delete (189:54)
Tanstack Query
-
Hotel Booking | Tanstack Query Nedir ? | useQuery | Listeleme | Filtreleme (190:45)
-
Hotel Booking | Create - Delete | Shoes App - Layout (183:51)
-
Shoes App | Authentication - Authorization - Token Refresh Interceptor (186:10)
-
Shoes App | HomePage - Detail - Admin Dashboard - Delete - Create - Edit (185:51)
-
Shoes App | Son Detaylar | Next.js Temeller - Routing (186:37)
Next.js
-
Loading & Error - Parallel Routes - Intercepting Routes - Image - Font - Import (189:42)
-
Font | Server & Client Side Rendering | Data Fetching | Static Site Generation (SSG) (187:36)
-
Static Site Generation | Manav E-Ticaret | Listeleme - Sepete Ekleme (187:36)
-
Manav E-Ticaret | Detay Sayfası - Sepet - Ödeme Entegrasyonu (149:50)
-
Manav E-Ticaret - Siparişlerim | Admin Dashboard - Anasayfa (187:44)
-
Admin Dashboard | Products CRUD | User Table (190:13)
-
Admin Dashboard | User Modal - Orders Table | Mülakat Süreci (151:27)
