PROWIDIT Education Academy

Bloq
Haqqımızda
Necə işləyir?
FAQ

+994 77 333 38 36 Sınaq dərsi Kabinet

AZ RU EN

Kursu dəyişinVue.js kursu

Proqramçılar üçün AI kursu104
Alqoritmlər və verilənlər strukturları kursu129
Django & FastAPI kursu140
Docker və Deploy kursu103
Full Stack Developer kursu270
Git & GitHub kursu103
HTML & CSS kursu154
JavaScript kursu169
Laravel kursu136
Operator şəbəkələri: MPLS, BGP və BNG81
Next.js kursu113
Node.js kursu123
PHP kursu144
Python kursu153
React kursu122
SQL və verilənlər bazaları kursu122
TypeScript kursu112
Vue.js kursu111

Vue ilə tanışlıq
Vue nədir və nə üçün lazımdır Pulsuz
Layihənin yaradılması: create-vue və Vite
Layihənin strukturu və giriş nöqtəsi: createApp və mount
Tək fayllı komponentlər (SFC): template, script setup və style
Tərtibatçı alətləri: VS Code, Vue DevTools, ESLint və Prettier
Şablon sintaksisi və direktivlər
İnterpolyasiya və şablonda JavaScript ifadələri
Direktivlər: sintaksis, arqumentlər, modifikatorlar və qısaltmalar
v-bind: atribut və xassələrin bağlanması
Şərti render: v-if, v-else-if, v-else və v-show
v-for: massivlərin, obyektlərin və diapazonların render edilməsi
key atributu və Vue siyahıları necə yeniləyir
Xüsusi direktivlər: v-html, v-text, v-once, v-pre və v-cloak
Reaktivlik
ref: reaktiv dəyərlər və .value
reactive: reaktiv obyektlər və ref-i nə vaxt seçmək lazımdır
Reaktivlik necə işləyir: Proxy, track və trigger
Reaktivliyin tələləri: destrukturizasiya, toRef və toRefs
shallowRef, readonly, markRaw və toRaw
computed: hesablanan xassələr və keşləmə
computed ilə siyahılarda axtarış, filtrləmə və sıralama
watch: dəyişikliklərin izlənməsi və onun parametrləri
watchEffect və yan effektlərin təmizlənməsi
Layihə: viktorina tətbiqi
Üslublar, hadisələr və formalar
Dinamik siniflər: obyekt və massiv sintaksisi
Dinamik inline üslublar və CSS dəyişənləri
SFC-də üslublar: scoped, :deep, CSS Modules və CSS-də v-bind
Hadisələrin emalı: v-on, metodlar və inline işləyicilər
Hadisə modifikatorları: .prevent, .stop, .once və digərləri
Klaviatura və siçan modifikatorları: .enter, .esc, .ctrl, .exact
v-model: mətn sahələrinin ikitərəfli bağlanması və modifikatorlar
checkbox, radio və select üçün v-model
Formanın göndərilməsi və sadə əl ilə validasiya
Layihə: tapşırıqlar siyahısı (Todo)
Komponentlər: əsaslar
Komponentlərin yaradılması, qeydiyyatı və təşkili
Props: defineProps ilə komponentə məlumat ötürülməsi
Props validasiyası: tiplər, required, default və validator
Komponent hadisələri: defineEmits və məlumatın yuxarı ötürülməsi
Komponentlərdə v-model: defineModel
defineModel: bir neçə v-model, arqumentlər və fərdi modifikatorlar
Atributların ötürülməsi: $attrs, inheritAttrs və useAttrs
Slotlar: əsas slot, adlandırılmış slotlar və ehtiyat məzmun
Parametrli slotlar (scoped slots) və renderless komponentlər
Layihə: filtrli məhsul kataloqu
Həyat dövrü, DOM və animasiyalar
Həyat dövrü hook-ları: onMounted, onUpdated, onUnmounted
Elementlərə istinadlar: useTemplateRef və şablonda ref
Komponentlərə istinadlar və defineExpose
nextTick və DOM-un asinxron yenilənməsi
Fərdi direktivlərin yaradılması
Transition: CSS keçidləri, görünmə və yox olma animasiyaları
Keçid rejimləri, appear və JavaScript hook-ları
TransitionGroup: siyahıların animasiyası
Qabaqcıl komponentlər
provide və inject: məlumatın komponent ağacı boyunca ötürülməsi
Dinamik komponentlər: <component :is>
KeepAlive: komponentlərin keşlənməsi
Asinxron komponentlər: defineAsyncComponent və Suspense
Teleport: modal pəncərələr və açılan elementlər
Render funksiyaları və h(): şablon kifayət etmədikdə
Options API: Composition API ilə müqayisə
Layihə: mini UI-kit — Modal, Tabs və Accordion
Composable-lar, VueUse və plaginlər
Composable-lar: məntiqin komponentlərdən ayrılması
Reaktiv arqumentli composable-lar: toValue və MaybeRefOrGetter
VueUse: vəziyyət, yaddaş və brauzer API-ləri
VueUse: elementlər, hadisələr, debounce və throttle
Vue plaginləri: app.use və öz plagininizi yazmaq
UI kitabxanalarına baxış: Vuetify, PrimeVue, Element Plus və digərləri
Layihə: useToast composable-ı ilə bildiriş (toast) plagini
HTTP sorğuları və API ilə iş
fetch ilə məlumatların yüklənməsi: loading, error və data vəziyyətləri
Axios: klient nüsxəsi, interceptor-lar və xətaların emalı
API qatı və mühit dəyişənləri: .env və import.meta.env
Öz useFetch-imizi yazırıq: asinxron composable, ləğvetmə və race condition
Layihə: xarici API ilə hava proqnozu tətbiqi
Vue Router ilə marşrutlaşdırma
Vue Router: quraşdırma, ilk marşrutlar və RouterView
Naviqasiya: RouterLink, aktiv linklər və router.push
Dinamik marşrutlar: parametrlər, props və 404 səhifəsi
Query parametrləri: filtr və səhifələmə vəziyyətinin URL-də saxlanması
İç-içə marşrutlar, layout-lar və adlandırılmış görünüşlər
Naviqasiya qoruyucuları: beforeEach, beforeEnter və komponent qoruyucuları
Marşrutların qorunması: meta, avtorizasiya və girişdən sonra yönləndirmə
Lazy loading marşrutlar, scrollBehavior və səhifə animasiyaları
Layihə: avtorizasiyalı çoxsəhifəli tətbiq
Pinia ilə state idarəetməsi
Pinia: store nə üçün lazımdır və ilk store
Pinia-da state: oxunma, dəyişdirmə, $patch və storeToRefs
Pinia-da getter-lər: törəmə məlumatlar
Pinia-da action-lar: sinxron və asinxron məntiq
Komponentlərdən kənarda Pinia: store-lar arası əlaqə və router guard-lar
Pinia plaginləri və vəziyyətin saxlanması (persistedstate)
Layihə: Pinia ilə səbətli onlayn mağaza
TypeScript və formaların validasiyası
Vue layihəsində TypeScript: quraşdırma və vue-tsc
props, emits və defineModel-in tipləşdirilməsi
ref, reactive, computed, hadisələr və template ref-lərin tipləşdirilməsi
provide/inject və composable-ların tipləşdirilməsi
Generic komponentlər və slotların tipləşdirilməsi
API cavablarının, Vue Router və Pinia-nın tipləşdirilməsi
VeeValidate: useForm, defineField və xəta mesajları
Zod ilə validasiya sxemləri və VeeValidate inteqrasiyası
Mürəkkəb formalar: sahə massivləri, asinxron yoxlama və server xətaları
Layihə: tipləşdirilmiş çoxaddımlı qeydiyyat forması
Performans və testləşdirmə
Xətaların emalı: errorHandler, onErrorCaptured və monitorinq
Render performansı: lazımsız yenilənmələr, v-memo və böyük siyahılar
Yükləmənin optimallaşdırılması: bundle ölçüsü, code splitting və şəkillər
Vitest: unit testlərin əsasları
Vue Test Utils: komponentlərin mount edilməsi və nəticənin yoxlanması
Hadisələrin, emit-lərin və formaların testləşdirilməsi
Asinxron kodun, Pinia və Vue Router-in testləşdirilməsi
Layihə: mağazanı testlərlə əhatə edirik
Build, deploy və Nuxt
Production üçün build: vite build, rejimlər və Vite konfiqurasiyası
SPA-nın deploy-u: Netlify, Vercel, GitHub Pages və nginx
Nuxt: nə üçün lazımdır, layihənin yaradılması və strukturu
Nuxt: fayl əsaslı marşrutlaşdırma, layout-lar və middleware
Nuxt: məlumatların alınması — useFetch, useAsyncData və server/api
Nuxt: render rejimləri, SEO və deploy
Final layihə: Vue ilə tam funksional tətbiq

Vue.js kursu · Komponentlər: əsaslar

Komponentlərin yaradılması, qeydiyyatı və təşkili

🔒 Bu, dərsin əvvəlidir. Tam versiyası abunə ilə əlçatandır.

Hesab yarat Daxil ol

← Əvvəlki dərs🔒 Layihə: tapşırıqlar siyahısı (Todo)Növbəti dərs →🔒 Props: defineProps ilə komponentə məlumat ötürülməsi

PROWIDIT Education Academy

Bakıda onlayn proqramlaşdırma kursları. Canlı dərslər, 80% praktika, mentor dəstəyi və işə düzəlməyə kömək.

Front End

HTML & CSS JavaScript TypeScript React Next.js Vue.js

Back End

SQL (PostgreSQL, MySQL) PHP Laravel Python Alqoritmlər Django & FastAPI Node.js Full Stack

Alətlər və AI

Git & GitHub Docker və Deploy Proqramçılar üçün AI

Faydalı

Pulsuz sınaq dərsi Mentorluq və müsahibəyə hazırlıq Şirkətlər üçün Bloq FAQ

Əlaqə

+994 77 333 38 36 info@prowid.com Video dərslər Müraciət göndər

© 2021 – 2026 Prowid — IT Education Academy. Bütün hüquqlar qorunur. Bakı, Azərbaycan