Skip to content

Developing Work Skills · Career & Development

Vue: An Alternative Frontend

Build a Vue resource finder from single-file components and compare it with React.

Level
Intermediate
Estimated study
About 10 hours
Lessons
9 lessons in 3 modules
Format
Online, self-paced
Start your free 7-day trialAlready a student? Open course

Monthly: $0 today with a card, then $34 on day 8 unless you cancel before then. After the trial, 30 days' notice applies. Active on-campus students have academy access included. Check your existing student account before buying another subscription.

About this course

An elective for learners who finished the React course. In about 10 hours you will build a resource finder with Vue 3 single-file components and compare Vue's reactivity, props and events with React's state model.

What you will be able to do

  • Build Vue components with explicit props and events.
  • Manage reactive data and forms with useful feedback.
  • Explain the choices behind a small Vue application.

Course outline

Module 1: Templates and components

3 lessons · 3 h 15 min

Connect templates, reactive data and reusable interface parts.

  1. Set up a Vue project with single-file components1 h 15 min
  2. Derive resource results with computed values1 h
  3. Build a card component with props and events1 h

Module 2: Interactions and data

3 lessons · 3 h

Handle forms, component events and asynchronous requests.

  1. Create a resource with useful validation feedback1 h
  2. Save resources through explicit component events1 h
  3. Load resource fixtures with lifecycle cleanup1 h

Module 3: Review the application

3 lessons · 3 h 45 min

Check an important interaction, accessibility and project documentation.

  1. Test the finder with Vitest and Vue Test Utils1 h 15 min
  2. Review forms, focus and asynchronous feedback1 h
  3. Deliver the Vue resource finder and explain its choices1 h 30 min
Get helpStart 7-day trial