Prowid loqosu — proqramlaşdırma kursları PROWIDIT Education Academy

Vue.js

Vue.js kursu — Prowid
Kursun müddəti
2 ay/ 10 dərs
Fərdi
Ayda 160 AZN
Qrupda
Ayda 130 AZN
Bütün kurs üçün ödəniş edərkən
15% endirim
Ödəniş hissə-hissə
50/50
Abunəlik ilə
ayda 30 AZN-dən
Vue.js istifadəçi interfeysləri və tək səhifəli tətbiqlər (SPA) yaratmaq üçün proqressiv JavaScript freymvorkudur. Kurs Vue 3 və Composition API üzərində qurulub.

Yeni qrup toplanır — yerinizi ayırmaq üçün müraciət edin

Kursa yazıl Pulsuz sınaq dərsi

Və ya şəxsi kabinetdə özünüz öyrənin → abunə ilə ayda 30 AZN-dən

Kurs proqramı

Vue 3-ə giriş: Vite ilə layihə, Single File Components
Şablon sintaksisi və direktivlər: v-if, v-for, v-bind, v-model
Reaktivlik: ref, reactive, computed, watch
Composition API və <script setup>
Siniflər və üslublarla iş
Hadisələr və formalar
Komponentlər: props, emits, slots
Komponentlər arası əlaqə: provide/inject və composables
Keçidlər və animasiyalar
Vue Router: SPA və marşrutların qorunması
Pinia ilə state idarəetməsi
API ilə iş və asinxron əməliyyatlar
Vue + TypeScript
Nuxt ilə tanışlıq: SSR və SEO
Testləşdirmə (Vitest) və deploy
Final layihə
Necə öyrədirik?

Tədris mərhələləri

01

Vebinar

Tələbələr dərsə canlı yayım vasitəsilə qoşulurlar. Hər dərsin sonunda keçirilən dərsin video formatı tələbələrə göndərilir.

02

Ev tapşırığı

Bütün tapşırıqlar vebinarda keçilən mövzuya əsaslanır. Ev tapşırığı materialın möhkəmləndirilməsinə və daha yaxşı anlaşılmasına kömək edir.

03

Mentorla iş

Təlimçi həm tədris zamanı, həm də dərsdən kənar vaxtlarda qrupla əlaqədə olur. Yaranan suallar dərhal cavablandırılır.

04

Portfolio

Kurs müddətində müxtəlif mövzulu bir neçə layihə hazırlanacaq. Bu, bacarıqlarınızı işəgötürənlərə nümayiş etdirməyə imkan yaradacaq.

Müstəqil öyrənmə

Şəxsi kabinetdə tam proqram

Nəzəriyyə, nümunələr və praktika ilə 111 mövzu. İlk 4 mövzu pulsuzdur, qalanları abunə ilə. Slaydlı və trenajorlu interaktiv dərslər: 100.

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

Qrup və fərdi dərslər — müəllim, tapşırıqların yoxlanması və sertifikat. Abunəlik — öz tempinizdə materiallar, trenajorlar və irəliləyiş, müəllim rəyi olmadan.

Vue.js kursu — kursa yazılın

Formanı doldurun — növbəti qrupun başlama tarixini, dərs cədvəlini və ödəniş şərtlərini sizə bildirəcəyik. Və ya əvvəlcə pulsuz sınaq dərsinə gəlin.

+994 77 333 38 36 Və ya dərhal WhatsApp-a yazın info@prowid.com

Formanı göndərməklə məlumatlarınızın yalnız sizinlə əlaqə saxlamaq üçün istifadə olunmasına razılıq verirsiniz.

WhatsApp