Css
Html & Css Projeleri
HTML5 & CSS3
HTML5 & CSS3 PROJELER
Git/Github
BOOTSTRAP PROJE
SCSS
JAVASCRİPT
-
Javascript çıktı metotları,değişkenler,veri tipleri (String,Number,Boolean),aritmetik operatörler,mantıksal operatörler,karşılaştırma operatörleri,fonksiyonlar,prompt &confirm metodları,if-else,string metotları (203:02)
-
Javascript string metotları,number metotları,templates literal,arrow functions,diziler,objeler,dizi metotları,döngüler,for döngüsü (204:25)
-
Javascript while,do-while döngüleri,map,forEach,switch-case,try-catch,scope kavramı,Set-Map yapıları,Javascript hoisting,useStrict,object get-set yapısı,Javascript moduler dosya yönetimi (212:45)
-
Javascript date objesi,call,bind,apply,class,for-in,for-of,json,api,async-await (208:09)
-
Javascript setTimeout,setInterval,DOM (194:40)
-
Linkedin, Cv, Swagger, Postman, Mulakat, PlayList Projesi, Host-Domain, Cloud Flare (181:19)
JAVASCRİPT PROJELERİ
-
Localstrage Nedir? | NoteKeeper Projesi Stillendirme & Note Ekleme İşlemleri (200:15)
-
E-Commerce,Ürün Listeleme,Sepete Ürün Ekleme (207:49)
-
E-Commerce Sepet İşlemleri,Sepet Sayfasının Stillendirilmesi,E-Commerce Bitiş (192:35)
-
NoteKeeper Note Listeleme,Note Silme,Note Düzenleme Özellikleri || Qr Menu Başlangıç (194:06)
-
Qr Menu Menü Elemanlarının Listelenmesi,Filtreleme,Detay Sayfası || Spotif Clone Başlangıç (203:55)
-
Spotify Arayüz Oluşturulması& Stillendirilmesi,Dinamik Şarkı Listelenmesi,Arama Özelliği (191:36)
-
Spotify Şarkı Oynatma Özelliği,Spotify Clone Bitiş || MapNote Bitiş (196:21)
-
Map Notes Not Ekleme,Marker Renderlama,Not Silme,Uçuş Özelliği (195:41)
REACT
-
React Nedir?,SPA,Component,VDOM Nedir?,Nodejs Kurulum,React Proje Oluşturulması,Klasör Yapısı İncelenmesi,Jsx Nedir? (167:28)
-
Koşullu Renderlama,Çoklu Renderlama,Props,useState,Class Components,Function Components (203:11)
-
Lifecycle Metotları,useEffect,useRef,VDOM nedir nasıl çalışır ? (194:04)
-
Vite Nedir? Vite'ın Avantajları Nelerdir?,JsonServer,Axios,Http Methods || Rehber Projesi Başlangıç (200:09)
-
Rehber Projesi Ekleme,Silme,Güncelleme İşlemleri (201:35)
-
React Router Dom Nedir,Kurulum (71:49)
-
Kitap Kurdu Navigasyon Kurulumu,Sayfaların Oluşturulması,Arama Özelliği (192:21)
-
Kitap Kurdu Sıralama Özelliği,Nested Routes,useNavigate,createBrowserRouter,Higher-Order Components (160:49)
-
Context Nedir,Context Store Anasayfa,ürün & kategori listeleme,Sepet Sayfası (205:06)
-
Context Store - Tamamlandı | Tailwind | Youtube Clone (196:36)
-
Youtube Clone | Anasayfa (193:48)
-
Youtube Clone | Detay Sayfası (186:07)
-
Youtube Clone | Arama Sonuçları Sayfası | Pagination | Enviroment Variables | Memorization (186:17)
-
Memorization Hooks | useMemo() | React.memo() | useCallback() | useReducer() (192:06)
Redux
-
Redux Temel Kullanım | Crud Örneği (196:22)
-
Redux Gelişmiş Kullanım | Redux Thunk (185:50)
-
Redux Thunk | Yemek Sepeti - Anasayfa - Restoran Sayfasu - Sepet Sayfası (188:09)
-
Redux Thunk | Yemek Sepeti - Sepet Sayfası | Netflix - Anasayfa (184:54)
-
Redux Thunk | Netflix - Detay - İzleme Listesi | Redux Toolkit Nedir ? (191:28)
-
Redux Toolkit | Crud Application | Job Application Tracker (190:29)
-
Redux Toolkit | Job Application Tracker | Listeleme | Oluşturma (192:31)
-
Redux Toolkit | Job Application Tracker | Oluşturma | Silme | Güncelleme | Thunk (187:06)
-
Redux Toolkit Thunk | Translate | Flight Radar (190:39)
-
Redux Toolkit Thunk | Flight Radar- Map - Markers - Detail Modal (189:51)
-
Redux Toolkit Thunk | Flight Radar - Live Data - List - Pagination - Mimari (191:21)
Software Architecture
Firebase
-
Chat App - Authentication - Firestore Database (188:21)
-
Chat App - Send & List Message - Auto Scroll (190:56)
-
Twitter - Authentication - Email Verify - Password Reset (191:03)
-
Twitter - Authorization - Storage - Medya Depolama - Tweet Atma (192:53)
-
Twitter - List - Edit - Delete - Like | UnitTest Nedir? (190:12)
Unit Test
-
Matchers - Selectors - Element Roles - Test Basics (192:50)
-
Covid Map | home-page | mocking | api tests (192:57)
-
Covid Map | Detail Page - Redux Tests (187:08)
-
Ice Cream App | List - Tests (188:33)
-
Ice Cream App | Basket - Tests (193:35)
-
Ice Cream App - Toplam Testleri | Typescript Nedir ? - Temeller (194:36)
Typescript
-
Typescript Temeller | Function Type (192:36)
-
Default & Optional & Rest Params - Void & Never - OOP - Class - Inheritance (188:39)
-
Abstract Class - Interface - Intersection Type - Types Guard (189:56)
-
Type Casting - Interface - Omit - Partial - React Typescript (192:28)
-
Car Rental - Animasyonlar - Listeleme - Detay Modal (192:59)
-
Cursor Ai - En Verimli Kullanım | Car Rental - Adv. Filter - Pagination (195:02)
-
Note App | Material Ui - Redux Persist - Note Oluşturma (191:09)
-
Notes App | Listeleme - Filtreleme - Düzenleme - Silme (188:01)
Proje Yayınlama
Tanstack Query
Next.js
-
Next 15 | Routing - Nested & Dynamic Routes - Loading - Error - SSG (196:45)
-
Catch-All Segments - Intercepting & Parallel Routes - Image (191:57)
-
SSR & CSR - SSG - generateStaticParams - Data Fetching (195:18)
-
Fonts - Next Methods | Manav E-ticaret - Anasayfa (187:34)
-
Manav E-ticaret | Ürün Listeleme - Detay Sayfası (189:08)
-
Manav E-ticaret | Sepet Sayfası - Ödeme İşlemleri (191:22)
-
Manav E-ticaret - Ufak Eksikler | Admin Dashboard - Anasayfa (190:09)
-
Admin Dashboard | Products CRUD - Listeleme - Oluşturma - Silme (190:48)
-
Admin Dashboard | Edit Product - User Table - Order Table - Mülakat (210:00)
