Learn Vue: Code & Build

Learn Vue.js on your phone with a step-by-step tutorial that takes you from your first template to the Composition API, Pinia, Vue Router and Nuxt 3. Short interactive lessons, a code editor, 20 guided projects and a hands-on lab turn reading about components into building them. YOUR FIRST COURSE IS FREE Start with "Introduction to Vue.js" at no cost. Every other lesson opens with a free preview, and Pro unlocks the full curriculum. Each course is tagged with a level from A1 to C1, so you always know where to start and what comes next. WHAT YOU'LL LEARN: 42 COURSES, 156 LESSONS • Beginner (A1–A2): template syntax and data binding, directives, forms and validation, component communication with props and events, reactivity and computed properties, the Composition API and script setup • Intermediate (B1): the component lifecycle, slots, provide/inject, composables, transitions and animations, error handling, Pinia and Vuex state management, routing, TypeScript, i18n, Storybook, API calls and async data, deployment • Advanced (B2–C1): server-side rendering with Nuxt 3, component testing with Vitest, GraphQL and Apollo, real-time apps with WebSockets, progressive web apps, render functions and JSX, plugin development and component library publishing, performance, security, micro-frontends, SSR streaming with Suspense, and full-stack apps with Fastify and authentication BUILD REAL APPS • 20 guided projects that grow an app one step at a time • 28 coding missions, from easy to hard • Single-file components compile right on your device, so projects, missions and lab puzzles run without a server • App Studio: build multi-screen apps with a router and a store, starting from ready-made blueprints • When a preview breaks, the error card shows you what went wrong VUE LAB: PRACTICE BY DOING • Reactivity inspector: see how state changes as you click, and tweak a component's props with live controls • Daily bug hunt: a broken component every day; find the bug and fix it • Style Lab: 12 levels where you match a target design with CSS • Speed-build duels: race the clock on 12 component problems • Options to Composition API dojo: rewrite classic components in the modern style • My Components: keep a library of the components you build and share them as an image card INTERVIEW PREP AND REVIEW • Vue interview questions to prepare for front-end developer job interviews • Quizzes, flashcard review sessions and a cheat sheet you can open at any time • Streaks, reminders and a leaderboard to keep your practice going AI MENTOR (PRO) • Ask about a concept or an error, get your code explained, and generate a custom lesson on any topic you want to study FREE AND PRO • Free: the first course, a preview of every lesson, the first guided project, the first mission, the daily bug hunt, three Style Lab levels, quizzes, interview questions and the cheat sheet. The free version shows ads. • Pro: every course and lesson, all projects and missions, the full lab (time-travel in the inspector, all dojo exercises, every App Studio blueprint and Vite project export), the AI mentor, the final exam with a certificate of completion, and no ads. WHO IT'S FOR • Beginners who know a little HTML and JavaScript and want to learn their first framework • Developers moving from the Options API to the Composition API, or from Vuex to Pinia • Anyone getting ready for a Vue.js developer interview or a first front-end job This is an independent learning app. It is not affiliated with or endorsed by the Vue.js project. Privacy Policy: https://www.coddykit.com/terms/privacy-policy