Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Vue.js Fundamentals

via CodeSignal

Go to class Write review

Overview

You'll build a dynamic greeting card from scratch! Learn to set up a modern Vue project, manage state with the Composition API, handle user clicks, and apply dynamic styles to make your app interactive and visually appealing.

Syllabus

  • Unit 1: Modern Vue Project Setup
    • Vue Project Setup and First Component
  • Unit 2: Composition API Fundamentals
    • Reactive Greeting with the Composition API
    • Reactive Input and Live Display
  • Unit 3: Handling User Events
    • Add a Button to Update Greeting
    • Reusable Event Handlers with Parameters
    • Add a Reset Button for Greeting
  • Unit 4: Dynamic Styling in Vue
    • Dynamic Class Binding in Action
    • Dynamic Inline Styles with Computed Properties
    • Add a Theme Toggle Button
    • Dynamic Card Styles with Computed Properties
    • Dynamic Input Styles with Vue
  • Unit 5: Advanced Reactivity Patterns
    • Add a Watcher for Reactive Changes
    • Track Changes with watchEffect
    • Watch Reactive Object Properties
    • Responding to Ref Changes
    • Combine and Track with Computed Properties

Reviews

Start your review of Vue.js Fundamentals

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.