Vue Academy

Name: Vue Academy
Availability: InStock

HTMLFrontendWebBeginner

Vue.js ile Vue Academy aracılığıyla etkileşimli ve verimli kullanıcı arayüzleri oluşturun.

🤖 Yapay Zeka Destekli📚 42 kurs👥 100.000+ öğrenci⭐ 4,9 puan

Öğrenmeye Başla →Müfredatı Keşfet ↓

Kurs Özeti

Vue.js: Gerçek Kullanıcı Arayüzleri İnşa Etmek için Progressive Framework

Vue.js, bileşen odaklı kullanıcı arayüzleri oluşturmak için tasarlanmış progressive JavaScript framework'üdür — mevcut bir sayfaya gömülü tek bir etkileşimli widget'tan Nuxt ile tam sunucu tarafında işlenen bir uygulamaya kadar. Composition API'si, ince taneli reactivity sistemi ve birinci sınıf TypeScript desteği, hem yeni projeler hem de eski frontend'lerden geçiş yapan ekipler için pratik bir seçimdir. Bu track, Vue 3'ü baştan sona kapsar; şablon söz diziminden production deployment'a kadar.

Öğrenecekleriniz

Composition API ve script setup söz dizimi, Vue yönergeleri, computed properties ve reactivity temelleri üzerinde çalışacaksınız. Track, bileşen iletişimi, slots, provide/inject ve paylaşılan mantık için composables'ı kapsar. Pinia ve Vuex ile uygulama durumunu yönetecek, Vue Router ile routing işleyeceksiniz (gelişmiş kalıplar da dahil), formları doğrulayacak ve REST API'larını WebSockets aracılığıyla gerçek zamanlı verinin yanında kullanacaksınız. Sonraki kurslar TypeScript entegrasyonu, uluslararasılaştırma, Storybook, Vitest ile test etme, performans optimizasyonu, Nuxt 3 ile sunucu tarafında rendering, Apollo ile GraphQL, Progressive Web Apps ve Vue güvenlik uygulamalarını ele alır.

Öğrenme Yolu

Kırk iki kurs A1'den C1'e kadar uzanır. A1 ve A2 kursları Vue CLI, şablon söz dizimi, veri bağlama, yönergeler, formlar ve bileşen temellerini oluşturur. B1 kursları tam ekosistemi genişletir: lifecycle hooks, transitions, Pinia, Vuex, Vue Router, TypeScript, i18n ve async veri. B2, sunucu tarafında rendering ile Nuxt 3, GraphQL, WebSockets, bileşen test etme, render functions, PWA desteği ve bir bileşen kütüphanesi yayınlamak gibi zorluğu artırır. C1 capstone kursları micro-frontend mimarisi, gelişmiş Composition API kalıpları, Suspense ile SSR streaming, ölçekte Vue performansı ve Fastify ile inşa edilmiş ve authentication'ı içeren tam stack bir uygulamayı ele alır.

Nasıl Çalışır

Her kurs, yerleşik kod editöründe gerçek zamanlı geri bildirim ile tamamladığınız kısa, odaklı dersler halinde bölünmüştür. Takılıp kalırsanız bir AI tutor mevcuttur, böylece söz dizimi alıştırmaları, bileşen zorlukları ve mimari sorunları uygulamayı terk etmeden kendi hızınızda ilerleyebilirsiniz.

Öğrenmeye Başla →

Araçlar

Kurs Araçlarını Keşfet

AI destekli araçlar ve özelliklerle öğrenimini güçlendir

Kod hatalarını bul ve düzelt

AI öğretmen ile sohbet et

🧠

Süper Soru SorPRO

Uzman seviyesi yanıtlar al

📝

Ders OluşturPRO

AI destekli ders oluşturucu

🏆

Sertifikasyon Sınavını BaşlatPRO

Nasıl Öğreneceksin

🎯

Etkileşimli Dersler

Gerçek zamanlı geri bildirim ile uygulamalı kodlama alıştırmaları

🤖

AI Öğretmen

Takılırsan AI'dan anında yardım al

💻

Yerleşik Editör

Tarayıcında doğrudan kod yaz ve çalıştır

🏆

Sertifika

Kursu tamamladığında sertifika kazan

Müfredat

42 Kurs

Vue Academy öğrenme yolundaki tüm kurslar.

Vue.js'e Giriş

A13 ders

Vue.js ile çalışmaya başlayın; ne olduğunu anlayın, ortamınızı kurun ve ilk reaktif uygulamanızı oluşturun.

Vue CLI ve Proje Yapısını Anlama

A13 dersPRO

CLI ile Vue projelerini iskelet olarak oluşturmayı ve üretilen dosya yapısını ve araçları anlamayı öğrenin.

Şablon Sözdizimi ve Veri Bağlama

A13 dersPRO

Vue'nun bildirimsel şablon sözdiziminde; enterpolasyon, yönergeler, koşullar, döngüler ve bağlamalarda uzmanlaşın.

Vue 3 Composition API Temelleri

A24 dersPRO

Modern Vue geliştirme için Options API'den Vue 3'ün Composition API'sine setup(), ref ve reactive kullanarak geçiş yapın.

Vue 3 Script Setup Sözdizimi

A24 dersPRO

Vue 3'teki kolaylık sözdizimini kullanarak daha temiz ve kullanışlı bileşenler yazın.

Vue Yönergelerine Derinlemesine Bakış

A24 dersPRO

Vue'nun tüm yerleşik yönergelerinde uzmanlaşın ve kendi özel yönergelerinizi yazmayı öğrenin.

Vue'da Formlar ve Doğrulama

A24 dersPRO

v-model, yerel doğrulama ve VeeValidate kütüphanesiyle sağlam formlar oluşturun.

Bileşen Temelleri ve İletişim

A23 dersPRO

Yeniden kullanılabilir Vue bileşenleri oluşturun ve bunları özellikler, özel olaylar ve slotlarla birbirine bağlayın.

Reaktivite ve Hesaplanan Özellikler

A23 dersPRO

Vue'nun reaktivite sistemini anlayın ve hesaplanan özellikleri ve izleyicileri etkili biçimde kullanın.

Vue Bileşen Yaşam Döngüsü

B14 dersPRO

Vue 3 bileşenlerinin yaşam döngüsü kancalarında uzmanlaşın ve her aşamanın ne zaman çalıştığını anlayın.

Vue'da Geçişler ve Animasyonlar

B14 dersPRO

Vue'nun ve bileşenlerini kullanarak akıcı giriş-çıkış geçişleri ve liste animasyonları ekleyin.

Vue Slot'larında İleri Düzey

B14 dersPRO

Son derece yeniden kullanılabilir bileşen API'leri oluşturmak için adlandırılmış slotlarda, kapsamlı slotlarda ve dinamik slot içeriğinde u…

Provide ve Inject

B14 dersPRO

Vue'nun provide/inject mekanizmasıyla özellikleri katmanlar boyunca aktarmadan derin iç içe bileşenler arasında veri paylaşın.

Vue 3 Composable'ları

B14 dersPRO

Vue 3'teki birincil kod yeniden kullanma deseni olan durum bilgili mantığı composable'lar olarak yazın.

Vue'da Hata Yönetimi

B14 dersPRO

Uygun hata sınırları, geri dönüş arayüzleri ve küresel hata yönetimiyle dayanıklı Vue uygulamaları oluşturun.

Pinia Durum Yönetimi

B14 dersPRO

Daha basit ve TypeScript öncelikli olan Vue 3'ün resmî durum yönetimi kütüphanesi Pinia ile Vuex'i değiştirin.

Vue 3 ile TypeScript

B14 dersPRO

TypeScript kullanarak tür güvenli özellikler, olaylar ve composable'larla tamamen tür güvenli Vue 3 bileşenleri yazın.

Vue Uluslararasılaştırma (i18n)

B14 dersPRO

vue-i18n v9, yerel ayar değiştirme ve doğru çoğul kullanımıyla çok dilli Vue uygulamaları oluşturun.

Vue Storybook Entegrasyonu

B14 dersPRO

Storybook ile Vue bileşenlerini yalıtılmış biçimde belgeleyin ve geliştirin; hikâyeler ile etkileşimli kontroller yazın.

Vue Router ile Yönlendirme

B13 dersPRO

Vue Router ile Vue uygulamalarına istemci taraflı gezinme ekleyin: rotalar, parametreler ve gezinme korumaları.

Vuex ile Durum Yönetimi

B13 dersPRO

Vuex ile paylaşılan uygulama durumunu yönetin: durum, değişiklikler, eylemler, alıcılar ve modüller.

API'leri ve Eşzamansız Verileri Yönetme

B13 dersPRO

Axios, yaşam döngüsü kancaları ve sağlam hata yönetimiyle Vue uygulamalarında uzak verileri alın ve yönetin.

Vue Uygulamalarını Dağıtma ve Sürdürme

B13 dersPRO

Barındırma platformları ve izlemeyle Vue uygulamalarını üretim ortamında oluşturun, dağıtın ve sürdürün.

Vue Ekosistemi ve Sırada Ne Var

B14 dersPRO

Vue geliştirmenin geleceğini şekillendiren öncü Vue araçlarını, Vapor modunu ve yeni ortaya çıkan desenleri keşfedin.

Vue Router'da İleri Düzey Desenler

B24 dersPRO

Rota meta verileri, kaydırma davranışı, geçişler ve programatik gezinme gibi gelişmiş Vue Router özelliklerinde uzmanlaşın.

Nuxt 3 ile Sunucu Taraflı İşleme

B24 dersPRO

Nuxt 3'ün dosya tabanlı yönlendirme, sunucu rotaları ve SSR/SSG özellikleriyle tam yığın Vue uygulamaları oluşturun.

GraphQL ve Apollo ile Vue

B24 dersPRO

Sorgular, değişiklikler ve gerçek zamanlı abonelikler için Apollo Client kullanarak GraphQL'i Vue uygulamalarına entegre edin.

Vue ve WebSockets ile Gerçek Zamanlı Uygulamalar

B24 dersPRO

Sohbet, panolar ve iş birliği için WebSockets ve Socket.io kullanarak canlı güncellenen Vue uygulamaları oluşturun.

Vitest ile Bileşen Testleri

B24 dersPRO

Alaylama ve kapsam raporlamasıyla Vitest ve Vue Test Utils kullanarak Vue bileşenlerini güvenilir biçimde test edin.

Vue'da Performans İyileştirme

B23 dersPRO

Tembel yükleme, kod bölme, anımsama ve darboğaz profillemesiyle Vue uygulamalarını hızlandırın.

Vue Uygulamalarını Test Etme

B23 dersPRO

Tam kapsam için Vue Test Utils kullanarak Vue uygulamalarını birim testleriyle ve uçtan uca testlerle test edin.

İleri Düzey Desenler ve En İyi Uygulamalar

B23 dersPRO

Mixin'ler, özel yönergeler, eklentiler ve ölçeklenebilir proje organizasyonu gibi gelişmiş Vue desenlerini uygulayın.

Vue Render Fonksiyonları ve JSX

B24 dersPRO

Dinamik ve programatik bileşen oluşturma için Vue'nun h() render fonksiyonu ve JSX'iyle şablonların ötesine geçin.

Vue ile Aşamalı Web Uygulamaları

B24 dersPRO

Çevrim dışı destek, hizmet çalışanları ve yerel uygulama benzeri kurulumla Vue uygulamalarını PWA'lara dönüştürün.

Vue Güvenliği İçin En İyi Uygulamalar

B24 dersPRO

Pratik savunma desenleriyle Vue uygulamalarını XSS, CSRF ve diğer web açıklarına karşı güvenceye alın.

Vue Bileşen Kütüphanesi Yayınlama

B24 dersPRO

Vite'ın kütüphane modunu kullanarak yeniden kullanılabilir Vue bileşen kütüphaneleri oluşturun, belgeleyin ve npm'de yayımlayın.

Vue 3 Eklenti Geliştirme

B24 dersPRO

Genel bileşenler, yönergeler, composable'lar ve uygulama çapında yapılandırma ekleyen kurulabilir Vue eklentileri oluşturun.

Vue ile Mikro Ön Uygulamalar

C14 dersPRO

Module Federation kullanarak büyük ölçekli Vue uygulamalarını bağımsız mikro ön uygulamalar olarak tasarlayın.

İleri Düzey Composition API Desenleri

C14 dersPRO

Karmaşık Vue uygulamaları için gelişmiş reaktivite desenlerinde, durum makinelerinde ve composable fabrikalarında uzmanlaşın.

Vue'da İleri Düzey Performans

C14 dersPRO

v-memo, tembel yükleme ve reaktif sistem ayarlamasıyla Vue uygulamalarının performansını ölçün ve iyileştirin.

Vue SSR Akışı ve Suspense

C14 dersPRO

Aşamalı sayfa yükleme ve iyileştirilmiş Core Web Vitals için akış tabanlı SSR ve Vue Suspense uygulayın.

Fastify ve Kimlik Doğrulamayla Tam Yığın Vue

C14 dersPRO

Vue 3 ön yüzü, Fastify arka ucu ve JWT kimlik doğrulamasıyla üretime hazır tam yığın bir uygulama oluşturun.

SSS

Sıkça Sorulan Sorular

Vue Academy kursu ücretsiz mi?

Evet. Vue Academy kursunu ücretsiz olarak başlayabilir ve etkileşimli derslerini hiç ücret ödemeden tamamlayabilirsin. İsteğe bağlı PRO aboneliği gelişmiş yapay zeka araçlarını ve paylaşılabilir bir sertifikayı açar.

HTML öğrenmek için önceki deneyim gerekli mi?

Hayır. Kurs temel bilgilerle başlar ve giderek daha ileri konulara ilerler, bu nedenle HTML deneyimi olmasa bile başlayabilirsin.

CoddyKit'te HTML nasıl öğreneceksin?

Yaparak öğrenirsin. Kısa etkileşimli dersler, açık bir açıklama ile gerçek zamanlı çalışan uygulamalı bir kodlama alıştırmasını bir araya getirir ve 24/7 AI öğretmen takılırsan kişiselleştirilmiş yardım sağlar.

Vue Academy kursunu tamamladığımda sertifika alır mıyım?

Evet. PRO öğrenenler sınav yapabilir ve Vue Academy kursu için doğrulanabilir bir koduyla paylaşılabilir bir tamamlama sertifikası kazanabilirler.

HTML öğrenimini telefonumda yapabilir miyim?

Evet. CoddyKit web ve yerel iOS ile Android uygulamaları olarak erişilebilir, böylece HTML öğrenimini herhangi bir cihazda yapabilir ve ilerlemeniz cihazlar arasında senkronize olur.

Vue Academy Kursuna Şimdi Başla

Yapay zeka destekli derslerle programlamayı öğrenen binlerce öğrenciye katıl.

Ücretsiz Başla →Tüm Kursları Gözden Geçir