Vue

Learn Vue in a practical order—from the fundamentals to work you can confidently share.

In short— Hakuna kurukaruka tutorials. Follow the route, practice each stage, then ship kitu real.

Free roadmap

What you'll learn

Click any stage kufungua full details.

01Stage 01Get the core rightAsync Components • Component Registration • Components

Understand the browser, syntax and main building blocks first.

Focus on

  • Async Components
  • Component Registration
  • Components
Build check: Write a one-page Vue glossary in your own words.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

02Stage 02Core building blocksSingle File Components • Teleport Components • State Management

Connect the important concepts so you can explain what the tools are doing—not just copy commands.

Focus on

  • Single File Components
  • Teleport Components
  • State Management
Build check: Complete three focused Vue exercises without following a full tutorial.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

03Stage 03Everyday workflowAPI Calls • API Styles • Composition API

Practice the techniques you will use repeatedly in real projects and team environments.

Focus on

  • API Calls
  • API Styles
  • Composition API
Build check: Recreate a small Vue example, then change one major requirement.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

04Stage 04Build something usefulOptions API • Vue Testing Library • Vitest

Turn the knowledge into a small project with a clear user, purpose and finish line.

Focus on

  • Options API
  • Vue Testing Library
  • Vitest
Build check: Build a useful mini-project with Vue.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

05Stage 05Quality and productionPerformance • Apollo • App Configurations

Add testing, security, performance and maintainability before calling the work complete.

Focus on

  • Performance
  • Apollo
  • App Configurations
Build check: Review, test and improve the project like it is going to real users.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

06Stage 06Ship proofAttribute Inheritance • Axios • Binding Events

Publish a polished project, document your decisions and make the learning visible.

Focus on

  • Attribute Inheritance
  • Axios
  • Binding Events
Build check: Publish the project with a clear README and a short build story.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

Now build kitu real.

Pick a project that solves an actual problem, ship it, then explain your choices. Hapo ndio skill inakuwa proof.

Choose another path