Vue Öğren - Kodlama Kursu
Vue Öğren - Kodlama Kursu — Telefonunda bileşenler oluşturarak Vue.js öğren
Vue Öğren - Kodlama Kursu, biraz HTML ve JavaScript bilen yeni başlayanlara ve Options API'den Composition API'ye geçen geliştiricilere Vue.js öğreten, ücretsiz başlayabileceğin bir iOS ve Android uygulamasıdır. İlk template'inden Pinia, Vue Router ve Nuxt 3'e kadar uzanan 42 kurs ve 156 ders içerir; tek dosyalı bileşenler cihazında derlenir — böylece 20 rehberli proje, görevler ve Vue Lab sunucu olmadan çalışır.
- Fiyat
- Ücretsiz, Pro yükseltmesi
- Platformlar
- iOS ve Android
- Diller
- 22
- Yaş derecelendirmesi
- 4+
- Sürüm
- 82.6.0
- Gereksinimler
- iOS 15.1 veya üzeri
- App Store
- 3.0 ★ (2)
Bir bileşeni parçalara ayırdığında anlamak daha kolay olur.
Vue Lab her gün sana bozuk bir bileşen verir ve hatayı bulmanı ister; canlı kontrollerle bir bileşenin props değerlerini değiştirmeni sağlar ve tıkladıkça state'in nasıl değiştiğini gösterir. Tek dosyalı bileşenler telefonda derlenir; böylece önizleme gözlerinin önünde bozulup düzelir ve neyin yanlış gittiğini açıklayan bir hata kartı gösterilir.
Nedir
Vue Öğren - Kodlama Kursu, 42 kurs ve 156 ders üzerinden template sözdiziminden ve data binding'den Composition API, Pinia, Vue Router ve TypeScript'e, oradan da Nuxt 3, Vitest ile test ve full-stack uygulamalara kadar Vue.js öğreten ücretsiz bir iOS ve Android uygulamasıdır. Tek dosyalı bileşenler cihazda derlendiği için rehberli projeler, kodlama görevleri ve uygulamalı Vue Lab telefonda sunucu olmadan çalışır; Pro'daki AI mentor ise kodu ve hataları açıklar.
Uygulamanın içinde
Nasıl görünüyor
Kurs
Vue kursunda neler var?
Uygulamanın kendi kurs listesinden 42 kurs ve 156 ders; ilk şablondan sunucu tarafı işleme ve production kalıplarına kadar.
Vue.js'e Başlarken
Vue.js, Vue CLI ve proje yapısına giriş; şablon söz dizimi ve veri bağlama.
Reaktivite ve Composition API
Vue 3 Composition API temelleri, script setup söz dizimi, reaktivite ve computed özellikleri ile Vue yönergeleri.
Bileşenler ve Formlar
Bileşen temelleri ve iletişimi, slot'lar, provide ve inject, formlar ve doğrulama ile bileşen yaşam döngüsü.
Yeniden Kullanım ve Son Dokunuşlar
Vue 3 composable'ları, geçişler ve animasyonlar, hata yönetimi ile render fonksiyonları ve JSX.
Durum ve Yönlendirme
Pinia durum yönetimi, Vuex, Vue Router ile yönlendirme ve gelişmiş router kalıpları ile API'leri ve asenkron verileri yönetme.
TypeScript, i18n ve Araçlar
Vue 3 ile TypeScript, uluslararasılaştırma, Storybook entegrasyonu ile Vue uygulamalarını dağıtma ve sürdürme.
Nuxt 3, Test ve Gerçek Zamanlı Uygulamalar
Nuxt 3 ile sunucu tarafı işleme, Vitest ile bileşen testi, Apollo ile GraphQL ve WebSockets ile gerçek zamanlı uygulamalar.
Production Kalıpları
Performans, güvenlik için en iyi uygulamalar, eklenti geliştirme, bir bileşen kütüphanesi yayımlama, progressive web app'ler ve micro-frontend'ler.
Nasıl çalışır
Vue öğrenmek uygulamada nasıl ilerler?
Her kurs seviyelendirilmiştir ve ilk ücretsiz kurstan sonraki her ders ücretsiz bir önizlemeyle açılır; böylece devam etmeye karar vermeden önce bir konunun nasıl işlendiğini görebilirsin.
Introduction to Vue.js ile başla
İlk kurs ücretsizdir; Vue'nun ne olduğunu, ortamı kurmayı ve bir Hello Vue uygulamasını öğrenerek başlarsın. Kurslar A1'den C1'e kadar etiketlenmiştir; böylece nereden başlayacağını ve sırada ne olduğunu kolayca görebilirsin.
Telefonunda bileşenler oluştur ve çalıştır
Tek dosyalı bir bileşeni düzenle ve anında önizle. Rehberli projeler bir uygulamayı adım adım büyütür; App Studio ise hazır blueprint'lerden yararlanarak router ve store içeren çok ekranlı uygulamalar oluşturmana olanak tanır.
Vue Lab'de pratik yap
Her günkü hatayı bul, Style Lab'de hedef tasarımı yakala, speed-build düellolarında zamana karşı yarış veya bir Options API bileşenini Composition stilinde yeniden yaz.
İçinde neler var
Uygulamayla birlikte gelenler
42
Kurs, 156 ders
Template sözdizimi ve directive'lerden lifecycle, slot'lar, provide ve inject, composable'lar, Nuxt 3, GraphQL, PWA'lar ve micro-frontends'e kadar.
20
Rehberli proje
Cihazında doğrudan derlenen tek dosyalı bileşenler ve önizleme bozulduğunda gösterilen bir hata kartıyla bir uygulamayı adım adım büyüt.
28
Kodlama görevi
Kolaydan zora alıştırmaların yanı sıra router ve store içeren çok ekranlı uygulamalar için App Studio blueprint'leri.
Lab
Vue Lab
Reactivity denetleyicisi, her gün yeni bir hata avı, 12 Style Lab seviyesi, speed-build düelloları, Options API'den Composition API'ye geçiş dojo'su ve görsel kart olarak paylaşabileceğin My Components kütüphanesi.
Mülakat
Vue mülakat soruları
Front-end developer mülakatlarına yönelik sorular, quiz'ler, flashcard tekrar oturumları ve istediğin zaman açabileceğin bir cheat sheet.
AI
AI mentor (Pro)
Bir kavramı veya hatayı sor, kodunun açıklanmasını iste ya da çalışmak istediğin herhangi bir konuda özel bir ders oluştur.
Arka plan
Vue.js nedir ve yeni başlayan biri ilk olarak neleri öğrenmeli?
Vue, bileşenlerden etkileşimli web arayüzleri oluşturmayı sağlayan bir JavaScript framework'üdür: Her biri template'in, mantığın ve stilin bir bölümünü barındıran küçük, yeniden kullanılabilir parçalardan oluşur. Yeni başlayanlar için çekici olmasının nedeni, öğrenmeye yumuşak bir başlangıç sunmasıdır; düz HTML ve biraz JavaScript ile başlayıp ilerledikçe yapıya kavuşabilirsin. Mantıklı bir sıra template'ler ve data binding, ardından reactivity ve bileşenler, sonra Composition API, en son da routing, state management ve server rendering öğrenmektir.
Reactivitymerkezindeki fikir
Bir veri parçasını değiştirirsin ve ona bağlı ekran kendiliğinden güncellenir. Hangi değerlerin reactive olduğunu ve computed properties ile watchers'ın ne kattığını anlamak, Vue'daki ilk kafa karışıklıklarının çoğunu ortadan kaldırır.
Options API ve Composition APIbir bileşen yazmanın iki yolu
Daha eski olan Options API, kodu data ve methods gibi türlere göre gruplar. Script setup kullanan Composition API ise kodu özelliğe göre gruplar ve yeniden kullanılabilir composable'ları kolaylaştırır. Birçok eğitim ve kod tabanı hâlâ ikisini de kullandığı için her ikisini okuyabilmek faydalı bir beceridir.
Pinia, Vuex ve routergerçek bir uygulamanın ekledikleri
Bir uygulamada birkaç ekran olduğunda, aralarında geçiş yapmak için routing'e ve birden fazla bileşenin kullandığı veriler için paylaşılan bir store'a ihtiyaç duyar. Pinia, Vue için güncel store'dur; Vuex ise daha önce kullanılan ve mevcut birçok projede hâlâ yer alan seçenektir.
Nuxt ve server renderingarama ve hız önemli olduğunda
Nuxt, sayfaları server üzerinde render etmek için Vue'nun üzerine kuruludur; bu da ilk yüklemeye ve arama görünürlüğüne yardımcı olur. Genellikle bileşenler, routing ve state konularında rahat ettikten sonra öğrenilen ikinci aşama bir konudur.
Uygunluk
Kimler için uygun — kimler için değil
Şu durumlarda senin için uygun
- Biraz HTML ve JavaScript biliyor ve ilk framework'ünü öğrenmek istiyorsan
- Options API'den Composition API'ye veya Vuex'ten Pinia'ya geçiyorsan
- Bir Vue.js geliştiricisi mülakatına veya ilk front-end işine hazırlanıyorsan
- Bozuk bir bileşeni düzelterek, onu okumakla öğrenebileceğinden daha iyi öğreniyorsan
- İşe gidip gelirken araya sıkıştırabileceğin kısa oturumlar istiyorsan
Şu durumlarda doğru araç değil
- Daha önce HTML veya JavaScript görmediysen — önce bir JavaScript kursuyla başla
- Telefonundan production uygulaması yayımlamak istiyorsan — bunun için hâlâ bir laptop gerekir
- Her şeyin ücretsiz olmasını bekliyorsan: ilk kurs ve ön izlemeler ücretsizdir, Pro tüm müfredatın kilidini açar
- Resmî Vue.js materyali istiyorsan — bu bağımsız bir öğrenme uygulamasıdır
Sorular
Sık sorulan sorular
Telefonda Vue.js öğrenmenin en iyi yolu nedir?
Sadece okuyarak değil, bileşenleri çalıştırarak öğren. Vue Öğren - Kodlama Kursu, tek dosyalı bileşenleri cihaz üzerinde derler; böylece 20 rehberli proje, 28 görev ve Vue Lab telefonda çalışır. 42 kursa yayılan kısa dersler, şablon söz diziminden Nuxt 3'e kadar ilerlemeni sağlar; başlangıç için ilk kurs ücretsizdir.
Uygulama Composition API ve Pinia'yı öğretiyor mu?
Evet. Vue Öğren - Kodlama Kursu; Vue 3 Composition API temelleri, script setup söz dizimi, composable'lar ve Pinia durum yönetiminin yanı sıra mevcut projeler için eski Vuex hakkında da kurslar sunar. Vue Lab'deki Options to Composition API dojo'su, klasik bileşenleri modern tarzda yeniden yazmanı sağlar.
Vue'da Options API ile Composition API arasındaki fark nedir?
Options API, bir bileşenin kodunu data, methods ve computed gibi türlere göre gruplarken script setup kullanan Composition API, kodu özelliklere göre gruplar ve yeniden kullanılabilir composable'ları kolaylaştırır. Vue Öğren - Kodlama Kursu, Composition API'yi script setup ile öğretir ve klasik bileşenleri modern tarzda yeniden yazman için Vue Lab'de bir Options to Composition API dojo'su içerir.
Vue öğrenmeden önce JavaScript bilmem gerekir mi?
Biraz HTML ve JavaScript bilmek büyük ölçüde yardımcı olur. Vue Öğren - Kodlama Kursu, temelleri bilen ve ilk framework'ünü öğrenmek isteyen başlangıç seviyesindeki kullanıcılara yöneliktir; bu nedenle Vue kavramlarını en baştan açıklar, ancak JavaScript öğretmez. Değişkenler ve fonksiyonlar sana yeniyse önce bir JavaScript kursuyla başlamalısın.
Vue Lab nedir?
Vue Lab, Vue Öğren - Kodlama Kursu içindeki pratik alanıdır. Bir reaktivite denetleyicisi, bozuk bir bileşenle günlük hata avı, CSS ile hedef tasarımı eşleştirdiğin Style Lab seviyeleri, hız geliştirme düelloları, bir Options to Composition API dojo'su ve oluşturduğun bileşenlerden oluşan bir My Components kütüphanesi içerir.
Nuxt 3 ve sunucu tarafı işlemeyi kapsıyor mu?
Evet. Vue Öğren - Kodlama Kursu'deki ileri düzey kurslar; Nuxt 3 ile sunucu tarafı işlemeyi, Suspense ile SSR streaming'i ve Fastify ile kimlik doğrulama kullanan full-stack Vue'yu, Vitest ile bileşen testi ve WebSockets ile gerçek zamanlı uygulamaların yanı sıra kapsar.
Vue.js mülakatlarına yardımcı oluyor mu?
Evet. Vue Öğren - Kodlama Kursu, front-end geliştirici pozisyonları için Vue mülakat sorularını; quiz'ler, bilgi kartı tekrar oturumları ve bir kısa başvuru kâğıdıyla birlikte sunar. Bunların temelindeki kurslar, mülakatlarda sık karşılaşılan reaktivite, yaşam döngüsü, composable'lar ve durum yönetimi konularını kapsar.
Vue Öğren - Kodlama Kursu ücretsiz mi?
İndirmesi ücretsizdir. İlk kurs, her dersin ön izlemesi, ilk rehberli proje, ilk görev, günlük hata avı, üç Style Lab seviyesi, quiz'ler, mülakat soruları ve kısa başvuru kâğıdı ücretsizdir; ücretsiz sürümde reklamlar gösterilir. Pro, tüm müfredatın ve lab'in, AI mentorun ve sertifika sınavının kilidini açar ve reklamları kaldırır.
Uygulama Vue.js ekibi tarafından mı yapıldı?
Hayır. Vue Öğren - Kodlama Kursu bağımsız bir öğrenme uygulamasıdır ve Vue.js projesiyle bağlantılı değildir veya proje tarafından desteklenmemektedir. Vue.js'i açık kaynaklı bir framework olarak kendi kursları ve alıştırmalarıyla öğretir.
Sertifika var mı?
Evet. Pro’nun bir parçası olan final sınavını geçmen, sana tamamlama sertifikası kazandırır. Bu sertifika yaptığın çalışmaları gösterir; akredite bir yeterlilik değildir. Bu nedenle, açıklayabileceğin bileşenler ve projelerin yanında en iyi şekilde iş görür.
Hangi platformları ve dilleri destekliyor?
Vue Öğren - Kodlama Kursu, iPhone’da App Store üzerinden (iOS 15.1 veya sonrası) ve Android’de Google Play üzerinden çalışır. Arayüz 22 dilde kullanılabilir ve uygulama App Store’da 4+ olarak derecelendirilmiştir.
Başla
İlk Vue bileşenini bugün oluştur
iOS ve Android’de, 22 dilde başlamak ücretsiz.
CoddyKit'ten daha fazlası
iOS ve Android üzerinde kullanılabilir.