beeon.academy
javascriptՍկսնակ

Vue.js

47 դաս · SFC, Composition API, Router, Pinia, ship

Vue.jsComposition APIVue RouterPiniaViteTypeScript
Տևողություն
7 weeks
Մեկնարկ
Ուսանողներ
0+
Վարկանիշ
0 / 5
Արժեքը
49 000 ֏
Ընդունելությունը բաց է
  • 7 weeks (ընդամենը 34 ժ)
  • Մեկնարկ՝
  • Ձևաչափ՝ առցանց
  • HY · EN · RU
  • Վկայական ավարտելուց հետո

Գրանցման համար վճարում պետք չէ · Կկապվենք ձեզ հետ 24 ժամվա ընթացքում

Ինչի մասին է դասընթացը

Դասընթացի մասին

47 դաս · SFC, Composition API, Router, Pinia, ship

7 weeks ընթացքում (34 ժամ դասեր և նախագծային աշխատանք) կանցնեք հիմունքներից մինչև իրական, պրոդակշն մակարդակի նախագիծ՝ Tigran Hakobyan-ի և beeon.academy-ի մենթորների թիմի ուղեկցությամբ։

Ուսուցման արդյունքներ

Ինչ կսովորեք

Կառուցիր SFC՝ <script setup> և scoped style-ով
Օգտագործիր ref/computed/watch և դուրս բեր composable
Wire արա Vue Router և Pinia՝ առանց հավերժ prop-drilling
Բաժանիր VITE_-ը secret-ից և ship արա CI/build-ով
Ինտերակտիվ դասընթաց

Դասեր

47 դաս · բոլորը բաց են, սկսեք ցանկացածից
  1. 1Progressive framework, ոչ SPA religion26 րոպե
  2. 2Vue 3-ը հիմա default պատմությունն է24 րոպե
  3. 3create-vue առանց cargo-cult checkbox24 րոպե
  4. 4Երբ ավելի բարակ stack է հաղթում22 րոպե
  5. 5Template + reactive state + component26 րոպե
  6. 6Քարտեզ. SFC → reactivity → router → Pinia → ship22 րոպե
  7. 7Single-File Component՝ աշխատանքի միավոր28 րոպե
  8. 8Template syntax, որ readable է մնում26 րոպե
  9. 9v-bind, v-on, v-if, v-for — օրական չորսը28 րոպե
  10. 10Key, որ կայունացնում է list identity24 րոպե
  11. 11Scoped style և երբ :deep-ը ազնիվ է24 րոպե
  12. 12<script setup>՝ որպես default script ձև28 րոպե
  13. 13Workshop. մեկ feature SFC՝ end-to-end28 րոպե
  14. 14ref՝ մեկ արժեքի համար28 րոպե
  15. 15reactive՝ object graph-ի համար26 րոպե
  16. 16computed, որ derive է անում, ոչ mutate26 րոպե
  17. 17watch և watchEffect՝ intent-ով28 րոպե
  18. 18Lifecycle hook, որ համընկնում է browser-ին24 րոպե
  19. 19Composable՝ reusable reactive միավոր30 րոպե
  20. 20Reactivity pitfall, որ մեկ անգամ կհանդիպես26 րոպե
  21. 21Workshop. search box՝ computed + watch28 րոպե
  22. 22Props՝ typed contract դեպի ներքև26 րոպե
  23. 23Emit՝ event դեպի վեր26 րոպե
  24. 24v-model՝ prop + emit sugar26 րոպե
  25. 25Slot՝ layout առանց prop soup28 րոպե
  26. 26provide/inject առանց secret bus դառնալու24 րոպե
  27. 27Async component և Suspense boundary24 րոպե
  28. 28Workshop. card՝ slot + emit28 րոպե
  29. 29Vue Router՝ որպես URL contract24 րոպե
  30. 30Route record, param և nested view28 րոպե
  31. 31Navigation, որ չի կռվում back button-ի հետ24 րոպե
  32. 32Navigation guard՝ auth և dirty form-ի համար28 րոպե
  33. 33Lazy route component՝ փոքր first load-ի համար24 րոպե
  34. 34Workshop. nested layout + param page28 րոպե
  35. 35Pinia store՝ փոխարեն հավերժ prop drilling-ի28 րոպե
  36. 36Setup store ընդդեմ options store — ընտրիր մեկ style26 րոպե
  37. 37Data fetch՝ առանց promise-ը template-ում թաղելու28 րոպե
  38. 38Form, որ validate է անում submit-ից առաջ28 րոպե
  39. 39Vite env. VITE_ public ընդդեմ server secret24 րոպե
  40. 40Workshop. Pinia list + fetch + form create28 րոպե
  41. 41TypeScript, որ օգնում է Vue-ին՝ առանց SFC-ի հետ կռվելու26 րոպե
  42. 42Test արա component՝ առանց միայն preview click-ի26 րոպե
  43. 43Performance սովորություն, որ շարժում է իրական metric24 րոպե
  44. 44Build և deploy՝ Vite Vue app24 րոպե
  45. 45CI. lint, typecheck, test, build՝ ամեն PR-ում24 րոպե
  46. 46Playbook. tiny Vue app՝ զրոյից28 րոպե
  47. 47Պրակտիկայի loop՝ հաջորդ շաբաթ22 րոպե
Դասընթացի մոդուլներ

Ծրագիր

  1. 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    Ինչ է պետք սկսելու համար

    Պահանջներ

    • HTML/CSS և modern JavaScript հիմք
    • Node.js տեղում՝ Vite lab-երի համար
    • Նախորդ Vue փորձ պարտադիր չէ
    Սովորեք գործող ինժեներից

    Ձեր դասավանդողը

    TH

    Tigran Hakobyan

    Frontend Mentor · beeon.academy

    Instructor at beeon.academy. Vue.js path (ArT): 47 lessons through Composition API ship habits.

    Ինչ են ասում շրջանավարտները

    Ուսանողների կարծիքներ

    Հաճախ տրվող հարցեր

    ՀՏՀ

    Արժեքը
    49 000 ֏
    Գրանցվել