Css
-
Html Form Yapısı | Css Nedir?,Inline Css,Internal Css,External Css,Background Color,Color,Font Size,Padding,Margin,Border (166:02)
-
Font Family,Font Weight,Block && İnline Eleman,Class & Id Kullanımı,Width,Height,Arkaplan Resimi Kullanımı,List Style,Text Transform,Text Decoration,Flexbox Yapısı (162:58)
-
Flexbox Yapısı,Text-align,Float,Display,Visibility,Position,Z-index,Flex-Basis,Flex-Shrink,Flex-Grow,Hover (165:36)
Html & Css Projeleri
HTML5 & CSS3
HTML5 & CSS3 PROJELER
Git/Github
BOOTSTRAP PROJE
Scss projeleri
JAVASCRİPT DERSLERİ
-
JBL Clone Bitiş || Javascript Nedir?,Çıktı Metotları,Değişkenler,Veri Tipleri String,Number (162:40)
-
Javascript Veri Tipleri Number,Boolean,Null,Aritmetik & Karşılaştırma Operatörleri,Fonksiyonlar,Prompt,Confirm,String Metotları (193:42)
-
Javascript Number Metotları,Diziler,Dizi Metotları,Objeler (197:17)
-
Javascript Templates Literal,Arrow Functions,İf-else,Switch-case,Döngüler,For,While,Do-While (186:56)
-
Javascript ForEach&Map,Try-Catch Yapısı,Scope Kavramı,Set&Map,useStrict,Hoisting,Date Objesi (197:05)
-
Javascript Modüler Dosya Yönetimi,Object Get-Set,Call && Bind && Apply,JSON,Api,DOM (208:51)
JAVASCRİPT PROJELERİ
-
mp3Player Projesi, Linkedin, Cv, Postman, Swagger, Trello, Mulakat (157:45)
-
Javascript DOM,Class,Localstorage || NoteKeeper Arayüz Oluşturulması (189:53)
-
Örnek Linkedin ve Cv incelenmesi,NoteKeeper Dinamik Popup Yapısı,Note Ekleme,Dinamik Menu Yapısı,Note Silme (190:08)
-
NoteKeeper Not Düzenleme Özelliği || E-Commerce Arayüz Oluşturulması,Veri Çekme İşlemleri (192:34)
-
E-commerce Ürünlerin Renderlanması,Sepete Ürün Ekleme,Sepetten Ürün Kaldırma,Sepetteki Toplam Fiyat Hesaplama (188:25)
-
E-commerce Sepette Ürün Miktarı Güncelleme,Sepet İkonu Güncelleme || Qr Menu Projesi Ürün Verisi Alınması,Ürünlerin Listelenmesi,Filtreleme (192:49)
-
Qr Menü Detay Sayfası || Spotify Clone Başlangıç,Arayüz Stillendirilmesi,Arama Özelliği (197:00)
-
Spotify Clone Dinamik Arayüz İşlemleri,Şarkı Oynatma Özelliği || NoteMap Harita Kurulumu,Kullanıcıdan Konum Bilgisi Alma,Arayüz Stillendirilmesi (196:42)
-
NoteMap Note ve Marker Renderlama,Note Silme ve Uçuş Özellikleri || Proje Yayınlanma,Netlify,Vercel Kullanımı || React Nedir?,Reactın Artıları Nelerdir? (191:49)
REACT
-
NodeJs Nedir?,React Proje Oluşturulması,React Klasör Yapısı,Component Nedir?,Jsx Nedir?,Jsx-Html Farkları,Paket İndirilmesi,Koşullu Renderlama,Çoklu Renderlama,Props,State Nedir? (194:56)
-
useState,useEffect,Object Destructuring,Vite Nedir?,useRef (193:05)
-
useRef Örneği,Json-Server Nedir?,Http Metotları,Axios,Rehber Projesi Başlangıç (195:44)
-
Rehber Projesi,Ekleme,Güncelleme,Silme İşlemleri,React Router Dom Nedir? (191:43)
-
React Router Dom Bileşenleri BrowserRouter-Routes-Route Nedir?,Nesting Routes,Dynamic Routes,useParams,useSearchParams,Kitap Kurdu Başlangıç (207:14)
-
Nested Routes,Kitap Kurdu Bitiş || Props Drilling Nedir?,Context Nedir?,Context Store Başlangıç,Ürün Listeleme,Filtreleme Özellikleri (199:12)
-
Context Store Sepete Ürün Ekleme,Ürün Silme,Sepetten Ürün Kaldırma || Tailwind Nedir?,Youtube Clone Başlangıç (200:52)
-
Youtube Clone Dinamik Sidebar,Feed Sayfası Arayüz Oluşturulması,Dinamik Card Renderlama,Detay Sayfası Başlangıç (197:55)
-
Youtube Clone Detay Sayfası,Arama Özelliği (196:10)
-
Youtube Clone Loading & Error Componentleri,Youtube Clone Bitiş || Cryptoplace Başlangıç,Arayüz Oluşturulması,Api İşlemleri,Detay Sayfası (206:10)
-
Cryptoplace Detay Sayfası,Cryptoplace bitiş || Memorization,useMemo,React.memo,useCallBack || useReducer Nedir ?,Count Örneği (196:10)
REDUX
-
useReducer TodoList Örneği || Redux Nedir?,Redux Kurulumu,Redux CrudApp Örneği (204:00)
-
Redux CrudApp Api Entegresi || Redux Thunk Nedir? YemekSepeti Başlangıç (193:24)
-
Yemek Sepeti Detay Sayfası,Sepet İşlemleri (202:57)
-
Yemek Sepeti Sepet Sayfası,Sepetteki Ürün Miktarının Güncellenmesi,Yemek Sepeti Bitiş || Netflix Clone Başlangıç,Header,Banner,Genres Kısımları,Detay Sayfası Başlangıç (205:07)
-
Netflix Clone Detay Sayfası,İzleme Listesi İşlemleri,Listeye Film Ekleme,Silme İşlemleri,Netflix Clone Bitiş (215:19)
-
Redux Toolkit Nedir? Klasik Redux vs Redux Toolkit,Counter ve Crud Örnekleri,React Bootstrap,Arayüz Stillendirme Kütüphanelerinin İncelenmesi (203:09)
-
Redux Toolkit Job Tracker,Arayüz oluşturulması,Ekleme,Silme Özellikleri (198:45)
-
Job Tracker | Filter - Sort | Redux Toolkit Thunk | Translate App - UI (202:27)
-
Toolkit Thunk | Translate App - Diller - Çeviri (192:00)
-
Toolkit Thunk | Flight Radar- Map - Markers - Detail Modal (190:21)
-
Toolkit Thunk | Flight Radar - Detail - Route - List - Pagination (197:17)
Yazılım Mimarisi | Software Architecture
Firebase
-
Chat App | Google Login - Room Page - Firestore Database (187:48)
-
Chat App | Chat Page - Messaging - Notification - Details (184:12)
-
Twitter | Login Page - Authentication - Authorization (189:07)
-
Twitter | Feed Page - Medya Yükleme - Tweet Gönderme (187:52)
-
Twitter | Tweet Listeleme - Silme - Düzenleme (193:46)
Unit Test
Typescript
-
Typescript Nedir ? | Type Aliases - Custom Type - Union Type ++ (218:07)
-
String Literal - Function Types - Default & Optional & Rest Params (158:51)
-
Void - Never - OOP - Class - Constructor - Inheritance - Access Modifiers ++ (195:44)
-
Abstract Class - Interface - Type Guards - Type Casting - Intersection Type (192:40)
-
Generic - Omit - Partial - React'ı Typescript ile Yazma (191:45)
-
Car Rental | Anasayfa - Listeleme - Detay Modalı (187:53)
-
Car Rental | Detay Modal - Filtreleme - Pagination - Animasyonlar (190:12)
Proje Yayınlama
Tanstack Query
-
Tanstack Kurulum - Kullanım | Hotels Projesi (201:31)
-
Hotels Projesi | Filtreleme - Detay Sayfası - Silme - Ekleme - useMutation (193:37)
-
Shoes Projesi | Login - Register - GetProfile (190:31)
-
Shoes Projesi | Anasayfa - Detay Sayfası - Oto. Token Yenileme (191:07)
-
Shoes Projesi - Admin Paneli | Next.js - Routing Temeller (186:19)
Next.js
-
Next.js Routing | Parallel Routes - Intercepting Routes - Image - Catch All Segments (195:17)
-
Data Fetching - Fonts - Next Methods - CSR & SSR - use client (174:48)
-
Static Site Generation (SSG) | Grocery Ecommerce - Main Page (185:37)
-
Grocery Ecommerce | Sepet İşlemleri | Detay Sayası | Ödeme İşlemleri (188:41)
-
Grocery Ecommerce | Sepet - Siparişler - Admin Dashboard | Layout (184:44)
-
Admin Dashboard | Anasayfa - Grafikler - Ürünler (186:44)
-
Admin Dashboard | Ürün Ekleme / Silme - Kullanıcı / Sipariş Tablosu - Mülakat Süreci (203:12)
