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