Find the perfect coding resourcesLearn more

Learn Vue

ScrimbaScrimba
Recommended
Meet Your Instructor
Rachel Johnson avatar

Rachel Johnson

Instructor

Web developer, educator, and education researcher who loves to make programming approachable for beginners.

1h 36m

Format

Interactive coding

Free

What You'll Learn

What Vue.js is and why it's popular

Setting up Vue with CDN and local installations

Creating your first Vue applications

Understanding Vue project structure

Working with Vue components and reactivity

Overview

What is Vue.js? Vue.js is a progressive JavaScript framework for building user interfaces and single-page applications. Loved for its simplicity, flexibility, and performance, it allows developers to start small and scale up to complex applications with ease. Whether you're creating quick prototypes or production-ready projects, Vue's approachable syntax and strong community make it an excellent tool to have in your toolkit. In Section 1: - Learn what Vue is and why it's so popular - Get set up with both CDN and local installs - Create your first apps - Explore the structure of a Vue project so you know where everything lives In Section 2: - Work with Vue's core building blocks: components, reactivity, template syntax - Handle images and assets - Split your app into reusable parts - Bind data dynamically - Display content that updates instantly - A simple Vue Facts app Still to come: - Pass data between components with props - Respond to user interaction with event handling (v-on: / @) - Conditional and list rendering - Reusable components with props - Emits and more advanced event handling - Computed properties - v-model bindings for forms and components - Nested components and dynamic props - Larger projects such as a pet shelter listing page, a gratitude journal, a Pokedex, and a capstone project

Table of Contents
1
Discover what Vue is5:00
2
Set up your environment and build your first apps20:00
3
Vue components and reactivity15:00
4
Template syntax10:00
5
Handling images and assets8:00
6
Building reusable components12:00
7
Data binding10:00
8
Dynamic content updates8:00
9
Vue Facts app project7:00

Share Your Experience

Sign in to leave a review and help others

No reviews yet. Be the first to review!