Vue.js Course
Reactive Frontend & Nuxt Full-Stack
MODULE 1
Web & JS Foundation
DOM
- ES6+
- DOM & events
- Fetch
- HTTP
MODULE 2
Vue Fundamentals
Core
- Vue intro
- Architecture
- Reactivity
- Setup
MODULE 3
Templates & Rendering
Directives
- v-if
- v-for
- v-bind
- v-on
MODULE 4
Components
Props
- Props
- Slots
- Events
- Lifecycle
MODULE 5
Reactivity
ref
- ref/reactive
- Computed
- Watch
MODULE 6
Composition API
setup
- setup()
- Composables
- Lifecycle
MODULE 7
State (Pinia)
Store
- Pinia
- Modules
- Persistence
MODULE 8
Routing
Vue Router
- Routes
- Params
- Guards
MODULE 9
Forms
v-model
- v-model
- Validation
- VeeValidate
MODULE 10
Styling & UI
Vuetify
- Scoped CSS
- Tailwind
- Vuetify
MODULE 11
API & Data
Axios
- REST
- Loading
- Error
MODULE 12
Testing
Vitest
- Vue Test Utils
- Component tests
- E2E
MODULE 13
Performance
Optimize
- Lazy
- KeepAlive
- Suspense
MODULE 14
Nuxt
SSR
- Nuxt
- Routing
- SSR/SSG
MODULE 15
Full-Stack
Nuxt
- API routes
- Auth
- DB
MODULE 16
Security
Auth
- JWT
- OAuth
- XSS
MODULE 17
Database
Prisma
- Models
- Queries
- Migrations
MODULE 18
Vue Internals
VDOM
- Reactivity
- Diffing
- Compiler
MODULE 19
Architecture
Scaling
- Structure
- Patterns
- Microfrontends
MODULE 20
DevOps
Deploy
- Docker
- CI/CD
- CDN
MODULE 21
Projects
Apps
- Dashboard
- SaaS
- Nuxt app
MODULE 22
Career
Tracks
- Vue dev
- Nuxt full-stack
- SPA architect