CSS
Html & Css Projeleri
HTML5 & CSS3 PROJELERİ
-
Grid Yapısı || Coffee Espresso Header,Home,About Us,Menu Products Kısımları (159:23)
-
Coffe Espresso Reviews,Contact,Blogs ve Footer Kısımları,Coffe Espresso Bitiş || Amazon Clone Başlangıç,Header ve Panel Kısımları (160:12)
-
Amazon Clone Banner,Categories,Discounts,Footer Kısımları,Amazon Clone Bitiş || Github Nedir?,Git Kurulumu,Config Ayarlamaları,Repo Oluşturma (178:00)
GİT-GİTHUB
BOOTSTRAP
-
Bootstrap Class Yapısı,Component Yapısı || Cryptoverse Başlangıç,Header,Home Kısımları (166:52)
-
Cryptoverse Popular Cryptos,Features,Testimonials,News,Contact,Footer Kısımları,Cryptoverse Bitiş || Githuba Proje Yükleme,Github'dan Proje Çekme,Proje Readmesi Düzenleme (167:17)
-
Emaartech Building Başlangıç,Header,Hero,Popular,Companies,Services,Blog Alanları (154:53)
SCSS
-
Emaartech Building Reviews,Questions,Footer Kısımları,Emaartech Building Bitiş || Scss Nedir?,Live Sass Eklentisi,Variables,Nesting Yazım,Mixin Yapısı,Extend,Modüler Scss Dosya Yönetimi (162:07)
-
Udemig Educations Projesi (149:41)
-
Novaforge Header,Hero,Service,About,Portfolio Kısımları (164:23)
-
Novaforge Portfolio,Feedback,Newsletter,Footer Kısımları,Novaforge Bitiş || Js Giriş,Js Nedir?,Js Çıktı Metotları (155:26)
JAVASCRİPT
-
Javascript Değişkenler,Veri Tipleri,Aritmetik-Mantıksal-Karşılaştırma-Eşitlik Ve Denklik Operatörleri,Fonksiyonlar,Girdi Metotları (191:42)
-
Javascript String Metotları,Number Metotları,Diziler,Dizi Metotları,Template Literals,Arrow Functions,Javascript Objeler (199:05)
-
Javascript Dizi İçerisinde Obje Kullanımı,Dizilerde find,filter,sort Metotları,If-else,Switch-case Yapıları,Döngü Kavramı,for,while,do-while döngüleri,Dizilerde Döngüler,Spread Operatör,try-catch-finally Yapısı (193:08)
-
Javascript Scope Kavramı,Date Objesi,Set-Map Yapısı,setTimeout-setInterval,Apı Nedir,Asekron İşlemler,Async-await,Promise (195:23)
-
Javascript Api Yapısı,Örnek Api'dan Veri Çekme,Javascript Modüler Dosya Yönetimi,Class Yapısı,Http Metotları,Postman Nedir,Postman Kurulum - Arayüz Tanıtımı - Kullanım (198:47)
-
Javascript Call-Bind-Aplpy Metotları,DOM Yapısı,DOM Manipülasyonları (202:58)
-
Javascript LocalStorage,BOM,Linkedin ve Cv Düzenlemesi Nasıl Yapılır,Soft Skill Mülakat,Figma,Notion,Trello,Jira,Clickup İncelenmesi || NoteKeeper Projesi Başlangıç (189:30)
JAVASCRİPT PROJELER
-
NoteKeeper Note Ekleme,Note Renderlama,Note Silme İşlemleri,NoteKeeper Bitiş || Uygulama Yayınlama,Netfliy ve Vercel Tanıtımı (200:47)
-
Garden Of Flavor Arayüz Oluşturulması,Api İşlemleri,Dinamik Menü Elemanları Oluşturma,Ana Sayfa Bitiş (202:58)
-
Garden Of Flavor Detay Sayfası,Not Found İşlemleri,Garden Of Flavor Bitiş ||Costy Başlangıç,Ana Sayfa Arayüz Oluşturulması (198:11)
-
Costy Api İşlemleri,Api'dan Veri Alma,Ana Sayfa Dinamik Ürün Renderlama,Sepet İşlemleri,Sepete Ürün Ekleme,Sepete Eklenen Ürünleri Renderlama (200:09)
-
Costy Sepet İşlemleri,Sepetten Ürün Kaldırma,Sepetteki Ürün Miktarını Güncelleme,Toplam Ürün Miktarı ve Toplam Sepet Fiyatını Hesaplama,Costy Bitiş (202:29)
-
Spotify Clone Projesi Başlangıç,Aside ve Main Kısımlarının Oluşturulması,Stillendirilmesi,Dinamik İşlemler Başlangıç,Api'dan Popüler Müziklerin Alınması,Renderlanması,Şarkı Arama Özelliği (189:21)
-
Spotify Clone - Arama - Oynatma | Weather App - Arayüz (193:22)
-
Weather App | Tema Değiştirme - Şehir Arama (194:38)
-
Weather App | Birim Değişimi - Konum Alma - Son Aratılanlar (194:16)
-
Note Map | Harita - Not Oluşturma - Markers (193:18)
-
Note Map | Listeleme - Silme - Odaklama | React Nedir ? | SPA | Application (194:45)
React
-
Dosya Yapısı | Component | JSX | NPM | Çoklu & Koşullu Renderlama | Props (195:26)
-
Props | State | Class Components | Lifecycle (195:04)
-
Lifecycle | useEffect | Vite (205:44)
-
Json-Server - Axios - CRUD Example (192:05)
-
CRUD Example Finish | React Router Dom - Basics - Detail Page - Params (193:37)
-
React Router Dom | Params - Search Params - 404 Page - Nested Routes (195:32)
-
useRef | Higher Order Components | useContext (185:02)
-
useContext E-Ticaret Sepet Örneği | Tailwindcss Nedir ? (189:14)
-
Youtube Clone | Feed Sayfası (190:49)
-
Youtube Clone | Detay Sayfası (187:27)
-
Youtube Clone | Pagination - Düzeltmeler | Memorization Hooks (190:52)
-
Crypto App | Anasayfa - Listeleme (186:29)
-
Crypto App | Filtreleme - Veri Yenileme - Detay Sayfası (194:25)
-
Crypto App | Fiyat Grafiği | useReducer | action | dispatch | reducer (185:03)
Redux
-
Temeller | Store | Reducer | Action | Dispatch | Action Types (187:55)
-
Action Creater Functions | Redux Thunk Middleware | Yemek Sepeti Clone (191:48)
-
Yemek Sepeti Clone | Anasayfa - Restorant Sayfası - Sepet (189:00)
-
Netflix Clone | Anasayfa - Detay Sayfası (185:51)
-
Netflix Clone - İzleme Listesi | Redux Toolkit Nedir ? - Temeller (184:52)
-
Redux Toolkit CRUD Örneği | React Bootstrap | Module CSS (188:34)
-
Redux Toolkit | Application Tracker - Home Page - Form UI (190:29)
-
Redux Toolkit | Application Tracker - Create - Edit | Toolkit Thunk (191:35)
-
Translate App (187:40)
-
Flight Radar | Map - Detail Modal (191:07)
-
Flight Radar | Detail Modal - Flight Route - Live Data - Table (192:25)
Software Architecture
Firebase
Unit Test
-
Unit Test Nedir ? | Selectors - Matchers - Element Roles (196:51)
-
Unit Test Örnekler | Covid Map - Anasayfa (191:04)
-
Covid Map | Harita - Detay Sayfası - Mock Redux Store (191:03)
-
Covid Map - Son Testler | Yapay Zeka İle Proje Geliştirme - Cursor (1923:50)
-
Cursor Verimli Kullanım - Cursor Rules- Yapay Zeka Modelleri (192:22)
-
Ice Cream | Sepet | Card - Category Testleri (191:17)
-
Ice Cream | Sepet Testleri | Cursor MCP (194:04)
Typescript
-
Temeller | Type Annotation | Tuple | String Literal ++ (188:33)
-
Type Aliases | Enum | Union Types | Functions | Optional & Default Params (192:06)
-
Rest Params | Void | Never | OOP | Class | Constructor (186:51)
-
Class | Static | Access Modifiers | Readonly | Abstract Class (190:34)
-
Interface | Interface Extends | Type Guard | Intersection Types | Type Casting (192:04)
-
Generic | Omit | Partial | Promise | Record +++ (189:35)
-
Typescript ile React Yazımı | Car Rental - Başlangıç (187:35)
-
Car Rental | Anasayfa | Detay Modal | Image API (193:05)
-
Car Rental | Bitiş | Proje Yayınlama - Vercel - Hosting (193:17)
-
Proje Yayınlama #2 | Domain | DNS Ayarları | SEO (181:48)
-
Not Projesi | Create & Home Page (186:22)
-
Not Projesi | Detail & Edit & Delete | Tanstack Query (186:00)
Tanstack Query
-
Hotel Booking #1 | Anasayfa & Filtreleme (189:45)
-
Hotel Booking #2 | Detay & Oluşturma & Silme (192:45)
-
Shoes Ecommerce #1 | Login & Register Sayfaları (188:23)
-
Shoes Ecommerce #2 | Yetklindirme | Roller | Token Yenileme | Interceptors (186:50)
-
Shoes Ecommerce #3 | Listeleme | Detay Sayfası | Admin Paneli (179:52)
-
Shoes Ecommerce #4 | Create - Edit | Next.js Temeller | App Router (190:18)
NEXT.js
-
Loading Error | Parallel & Intercepted Routes | Image (191:42)
-
Example | Data Fetching | Fonts | Import | SSR & CSR (186:52)
-
Hooks & Methods | SSG | revalidate & dynamic & generateStaticParams (179:27)
-
Manav Projesi | Anasayfa | Detay Sayfası (189:41)
-
Manav Projesi | Sepet | Satın Alma Entegrasyonu (186:32)
-
Manav Projesi | Siparişler | Admin Dashboard | Anasayfa (190:29)
-
Admin Dashboard | Grafikler | Ürünler Sayfası | Silme (184:04)
-
Admin Dashboard | Ürün Oluşturma / Düzenleme | Siparişler | Kullanıcılar (201:58)
-
Mülakat Süreci (97:57)
