Online

@rizkyhaksono

Home
Project
Blog
Application
Etan AI
Chat
Tracker
Playground
Tools
Roadmap
Stats
LightDark

Learning

Roadmap

Focused learning paths, arranged from first principles to advanced practice.

roadmap

Rizky Haksono

AI engineer building web, mobile, cloud, and AI-driven products.

© 2026 Rizky Haksono

Explore

Projects
Blog
Roadmap
Stats

Playground

Etan AI
Tools
Chat

Legal

Terms
Privacy
Changelog

V

frontend

9 Modules

Vue Fundamentals

Master Vue Fundamentals from beginner to advanced with hands-on, structured lessons.

3 Beginner · 3 Intermediate · 3 Advanced

220 min Total

Course Curriculum

1What is Vue.js?Understanding Vue.js philosophy, reactivity system, and why it's loved by developers12 minVideo
2Setting Up Vue Development EnvironmentInstall Vue CLI, Vite, and configure your IDE for Vue.js development15 minVideo
3Vue Template Syntax & ReactivityMaster Vue's template syntax, directives, and deep dive into the reactivity system25 minVideo

4Composition APIref, reactive, computed, watch, and composables for reusable logic28 min
5Pinia State ManagementStores, actions, getters, and modular state architecture with Pinia28 min
6Vue RouterDynamic routes, navigation guards, lazy-loaded views, and route meta24 min

7Vue Performance Optimizationv-memo, async components, keep-alive, and bundle size optimization28 min
8SSR with NuxtServer-side rendering, hydration, data fetching, and deployment with Nuxt34 min
9Testing Vue ApplicationsComponent testing with Vitest, Vue Test Utils, and E2E with Playwright26 min

Certificate of Completion