beeon.academy
javascriptBeginner

Vue.js

47 lessons · SFC, Composition API, Router, Pinia, ship

Vue.jsComposition APIVue RouterPiniaViteTypeScript
Duration
7 weeks
Starts
Students
0+
Rating
0 / 5
Starting from
49 000 ֏
Enrolling now
  • 7 weeks (34h total)
  • Starts
  • online format
  • HY · EN · RU
  • Certificate on completion
Register nowStart learning

No payment required to register · We’ll contact you within 24h

What this course is about

Overview

47 lessons · SFC, Composition API, Router, Pinia, ship

Across 7 weeks (34 hours of live + project work) you’ll move from fundamentals to shipping a real, production-grade project — guided by Tigran Hakobyan and the beeon.academy mentor team.

Learning outcomes

What you will learn

Build SFCs with <script setup> and scoped styles
Use ref/computed/watch and extract composables
Wire Vue Router and Pinia without prop-drilling forever
Split VITE_ from secrets and ship via CI/build
Interactive course

Lessons

47 lessons · all open, start with any
  1. 1Progressive framework, not a SPA religion26 min
  2. 2Vue 3 is the default story now24 min
  3. 3create-vue without cargo-cult checkboxes24 min
  4. 4When a thinner stack wins22 min
  5. 5Template + reactive state + components26 min
  6. 6Course map: SFC → reactivity → router → Pinia → ship22 min
  7. 7Single-File Components as the unit of work28 min
  8. 8Template syntax that stays readable26 min
  9. 9v-bind, v-on, v-if, v-for — the daily four28 min
  10. 10Keys that stabilize list identity24 min
  11. 11Scoped styles and when :deep is honest24 min
  12. 12<script setup> as the default script form28 min
  13. 13Workshop: one feature SFC end-to-end28 min
  14. 14ref for single values28 min
  15. 15reactive for object graphs26 min
  16. 16computed that derives, not mutates26 min
  17. 17watch and watchEffect with intent28 min
  18. 18Lifecycle hooks that match the browser24 min
  19. 19Composables as reusable reactive units30 min
  20. 20Reactivity pitfalls you will hit once26 min
  21. 21Workshop: search box with computed + watch28 min
  22. 22Props as a typed contract down26 min
  23. 23Emits as events up26 min
  24. 24v-model as sugar for prop + emit26 min
  25. 25Slots for layout without prop soup28 min
  26. 26provide/inject without becoming a secret bus24 min
  27. 27Async components and Suspense boundaries24 min
  28. 28Workshop: card with slots + emits28 min
  29. 29Vue Router as the URL contract24 min
  30. 30Route records, params, and nested views28 min
  31. 31Navigation that does not fight the back button24 min
  32. 32Navigation guards for auth and dirty forms28 min
  33. 33Lazy route components for smaller first loads24 min
  34. 34Workshop: nested layout + param page28 min
  35. 35Pinia stores instead of prop drilling forever28 min
  36. 36Setup stores vs options stores — pick one style26 min
  37. 37Fetching data without burying promises in templates28 min
  38. 38Forms that validate before they submit28 min
  39. 39Vite env: VITE_ public vs server secrets24 min
  40. 40Workshop: Pinia list + fetch + form create28 min
  41. 41TypeScript that helps Vue without fighting SFC26 min
  42. 42Test components without only clicking preview26 min
  43. 43Performance habits that move real metrics24 min
  44. 44Build and deploy a Vite Vue app24 min
  45. 45CI: lint, typecheck, test, build on every PR24 min
  46. 46Playbook: tiny Vue app from zero28 min
  47. 47Practice loop for next week22 min
Course modules

Syllabus

  1. 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    What you need to start

    Requirements

    • Comfortable with HTML/CSS and modern JavaScript
    • Node.js installed for Vite labs
    • No prior Vue experience required
    Learn from a working engineer

    Your instructor

    TH

    Tigran Hakobyan

    Frontend Mentor · beeon.academy

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

    What graduates say

    Student reviews

    Common questions

    FAQ

    Starting from
    49 000 ֏
    Register