Vue 3 - Dersleri
Youtube üzerinden paylaştığım ücretsiz eğitimler.
Vue3 ile TypeScript Kullanımı - Giriş TypeScript is JavaScript with syntax for types. https://www.typescriptlang.org Using Vue with TypeScript https://vuejs.o...
Vue 3 Reactivity - ref vs reactive Reactivity Fundamentals https://vuejs.org/guide/essentials/reactivity-fundamentals.html Bu videonun sesi digerlerine g...
Vue 3 Dersleri - Giriş ve Geliştirme Ortamı Bu videoda, Vue 3 ile ilk uygulamanızı nasıl oluşturacağınızı ve geliştirme ortamınızı nasıl kuracağınızı öğreneceksiniz...
Vue 3 Dersleri - Proje Yapısı Bu videoda, Vue 3 proje yapısına göz atıyoruz. Hangi klasörde ne var, hangi klasörü ne için kullanıyoruz.. 00:00 - Giri...
Vue 3 Dersleri - Options Vs Composition API Bu videoda Options ve Composition API yi karşılaştırıyoruz. Artıları, eksileri ve hangisini ne zaman kullanmalıyız bu so...
Vue 3 Dersleri - Template Vue deki Template notasyonuna göz atıyoruz. Script içerisinde tanımlanan değişkenlerin, fonksiyonların template içerisin...
Vue 3 Dersleri - Reactivity (ref, reactive, watch ve computed) 00:00 Giriş 00:30 Reaktiv ne demek? 01:00 ref() 02:50 reactive() 04:47 TypeScript types 05:35 ref ve reactive arasındaki...
Vue 3 Dersleri - List Rendering (v-for) 00:00 Giriş 01:15 v-for - array 02:12 key 03:00 v-for - object 04:53 v-if Bana bu kanallardan da ulaşabilirsiniz; http...
Vue 3 Dersleri - Form Input Bindings (v-model) 00:00 Giriş 00:52 v-model - Two Way Binding - input - textbox 01:58 textare 02:30 checkbox 03:10 radio 03:44 selectbox ...
Vue 3 Dersleri - Event Handling - Template Refs - Class and Style Bindings 00:00 Giriş 00:10 Event Handling 04:24 Life Cycle 05:42 Template Ref 07:04 Class & Style Binding 11:46 Style Scoped Ban...
Vue 3 Eklentileri - FormKit - Eklentiler Nasıl Kullanılır? Popüler form kütüphanesi olan FormKit i tanıyoruz ve Vue 3 e nasıl eklenti (plugin) eklenir ve kullanılır bunu öğreniyor...
Vue 3 Dersleri - Composable 00:00 Giriş 00:45 Örneğe giriş (tarayıcı genişliğine göre breakpointlerin hesaplanması (responsive helper)) 06:22 Yaptığ...
Vue 3 Dersleri - Components 00:00 Giriş 01:04 İlk componentimizi oluşturuyoruz 02:40 Global import 03:40 Props Declaration (dışardan parametre almak...
Vue 3 Dersleri - Router - Routing Vue 3 de sayfalar arası geçişleri kontrol eden Router mekanızmasına göz atıyoruz. 00:00 Başlangıç 03:00 RouterLink 04:0...
Vue 3 Eklentileri - VueUse Her daim elimizin altında bulunması gereken özellikleri ayağımıza getiren VueUse kütüphanesini inceliyoruz.
Vue 3 Dersleri - Fetch Api ile Http Request Vue 3 ile JavaScript Fetch Api sini kullanıp HTTP Get Requesti yapıyoruz, aldığımız datayı ekranda gösteriyoruz ve sonra...
Vue 3 Dersleri - State Management - Pinia Vue nun resmi state management kütüphanesi olan Vuex i tahtından eden Pinia yı kullanarak, uygulamamızın state ini yönet...
Vue 3 Eklentileri - Axios JavaScript dünyasının en popüler HTTP kütüphanelerinden biri olan Axios u Vue 3 projemizde kullanıyor ve pratiklere göz ...
Vue 3 Eklentileri - Ant Design Vue Vue için yazılımış en popüler UI kütüphanelerinden biri olan Ant Desing a göz atıyoruz. 00:00 Giriş Bana bu kanalla...
Vue 3 Dersleri - Pinia ile Authentication Senaryosu Bu video da Vue 3 de fake bir Authentication senaryosunu gerçekleştiriyoruz. Basit bir fake auth servisi yazıyoruz ve Pi...
Vue 3 Dersleri - Supabase ile Authentication Senaryosu Bir önceki videoda yaptığımız Authentication senaryosuna (https://www.youtube.com/watch?v=7JdpdU4sSuU) Supabase Auth u e...
Vue 3 Dersleri - Layout Tasarımı ve Yönetimi "Layout" (düzen), genel olarak bir tasarımın veya belgenin düzeni, yerleşimi veya konumu anlamına gelir. Web geliştirme ...
Vue 3 Dersleri - Async Components Async Component Nedir? Async component, Vue uygulamalarında dinamik olarak yüklenen bileşenleri ifade eder. Bunu kullana...
Vue 3 Dersleri - Build App Vue 3 uygulamasının buildini nasıl alıyoruz? Build; kaynak kodunun tarayıcılar tarafından daha hızlı ve verimli bir şe...
Vue 3 Dersleri - Katalog - Gerçek Dünya Uygulaması - Bölüm 1 00:00 Giriş 00:40 Kullanacağımız araçlar (Supabase, Antdesign) 01:24 Backend - Frontend Nedir? 05:30 Uygulama tasarımı (...
Vue 3 Dersleri - Katalog - Gerçek Dünya Uygulaması - Bölüm 2 Gerçek dünya örneği olarak basit bir katalog (e-ticaret) sistemi yapıyoruz. İçerisinde kategori, ürün listesi ve ilgili ...
Vue 3 Dersleri - Katalog - Gerçek Dünya Uygulaması - Bölüm 3 Önceki bölümde geliştirdiğimiz katalog uygulamasını düzenliyoruz (refactor) ediyoruz. Geliştirdiğimiz uygulamanın repos...
Vue 3 Dersleri - Katalog - Gerçek Dünya Uygulaması - Bölüm 4 - SON Bazı bölümleri component haline getirip, görsel olarak bazı düzenlemeler yapıyoruz. Geliştirdiğimiz uygulamanın reposu...
Vue 3.4 Güncellemesi ile Gelen Yenilikler. (defineModel, v-bind Same-name Shorthand) Vue 3.4 ile gelen önemli değişikliklere göz atıyoruz. Announcing Vue 3.4 https://blog.vuejs.org/posts/vue-3-4 Component...
Vue ile Tailwind CSS, Headless UI ve Hero Icons Konusuna Giriş Yapıyoruz Bu videoda web dünyasının popüler frameworklerinden biri olan Tailwind CSS ve onun en yakın arkadaşları Headless UI, Her...
Vue 3 UI Kit - PrimeVue The Next-Gen UI Suite for Vue.js - http://primevue.org Tailwind CSS Based UI Component Library for Vue.js - https://tail...
React Vue Karşılaştırma - Hangisi Sizin İçin Daha Uygun? React.js 101 - https://youtu.be/tm4wYXdvszk Konsepte odaklaniyoruz. Vue ile SwiftUI ne kadar benzer olabilir? - https://...
React ve Vue Hakkında Soru Cevap Videosu React Vue Karşılaştırma - Hangisi Sizin İçin Daha Uygun? (https://youtu.be/zmiuevQJkRs) Adındaki videoya gelen yorumları...
Vue 3 ile Data Fetching Hiç Bu kadar Kolay Olmamıştı! 00:00 Giriş 01:00 Vue ile Geleneksel Fetch işlemi (axios ile) 03:10 DataProvider componentini oluşturuyoruz 04:00 Compon...
Vue İçin Kendi Cache Pluginimizi Yazıyoruz. Cache Nedir? Bu videoda bir çok konuya değindik, bazı başlıklar şu şekilde; - Vue ya nasıl plugin yazılır? - Inject / Provide Mekan...
Vue ve Nuxt Videolarına Gelen Yorumları Cevaplıyorum - 01 Bana bu kanallardan da ulaşabilirsiniz; https://twitter.com/apostylee https://instagram.com/apostylee
Front-End Yol Haritası - Zamansız - Temeller - JavaScript - Temel mekanızmalar - Dom nedir? - Fetch / Ajax (XHR) - Frameworks - Vue - React...
Http Nedir? Tarayıcılar Nasıl Çalışır? Cookie, Local - Session Storage Nedir? 00:00 Giriş 00:15 Http nedir? 01:15 Developer tools ile Network sekmesinden Request / Response u gözlemliyoruz. 04:00 Ht...
Docker Nedir? Nasıl Kullanılır? Front-End geliştiriciler kullanmalı mı? Önceki docker videolarım; Docker - Giriş https://www.youtube.com/watch?v=pxXOsDzLr9I Docker - Image & Compose https://ww...
Cursor - AI Code Editor The AI Code Editor - https://www.cursor.com Kanalıma Katılıp Destek Olabilirsiniz - https://www.youtube.com/channel/UCO...
Vue 3.5 ile Birlikte Gelen Yenilikler Announcing Vue 3.5 https://blog.vuejs.org/posts/vue-3-5 Vue 3 Eğitim Serisi - https://www.youtube.com/playlist?list=PLf...