Learners who know basic HTML and JavaScript and are starting with Vue. The examples focus on front-end application behavior.
About this course
Learn how Vue adds interactive behavior to web pages. The course moves from creating an application and binding data to handling user input, working with forms, and organizing reusable components.
Skills you will explore
- Vue.js
- Data binding
- Events
- Forms
- Reusable components
Course at a glance
| Provider | Microsoft |
|---|---|
| Platform | YouTube · Microsoft Developer |
| Access | Free Video |
| Level | Beginner — WikiFree audience assessment |
| Main language | English |
| Available videos | 16 |
| Video duration | 1h 23m · allow extra time for practice |
| Details checked | 8 October 2026 |
Who is this for?
Learners who know basic HTML and JavaScript and are starting with Vue. The examples focus on front-end application behavior.
Make the lessons useful
Design a small form and list which pieces of state it needs. Bind one value, respond to one event, then split a repeated part of the interface into a component.
Use the lesson list to study in sequence or return to a specific topic. Search by title, move between videos with Previous and Next, and mark a lesson complete when you finish. Your progress is kept in this browser; a WikiFree account is not required.
What is free?
The lessons in this listing are free YouTube videos. Free Video describes viewing access; cloud resources, AI services, software licenses, or other tools demonstrated in the recordings may have separate requirements or charges. You can watch without purchasing those optional services.
This listing does not include a certification exam or promise a certificate. Check current product documentation before applying older demonstrations to a new project.
Official Microsoft Developer course playlist ↗
Related courses for your next step
- Explore a higher-level optionjQuery and Interactive Web Pages: Free Course
Focus: jQuery · DOM manipulation
Intermediate - Explore a higher-level optionFull Stack Web Applications with Vue.js and Express.js: Free Course
Focus: Express.js · Sequelize
Intermediate - Explore a higher-level optionVue.js Projects and Unit Testing: Free Course
Focus: Components · Project development
Intermediate
Compare course focus, level and study time
| Course | Level | Focus | Study time |
|---|---|---|---|
| This course — Free Vue.js Course: Build Interactive Web Interfaces | Beginner | Vue.js · Data binding · Events | 1h 23m of video; practice time is additional |
| jQuery and Interactive Web Pages: Free Course | Intermediate | jQuery · DOM manipulation · Events | 59m of video; practice time is additional |
| Full Stack Web Applications with Vue.js and Express.js: Free Course | Intermediate | Vue.js · Express.js · Sequelize | 7h 11m of video; practice time is additional |
| Vue.js Projects and Unit Testing: Free Course | Intermediate | Vue.js · Components · Project development | 13h 51m of video; practice time is additional |
Provider: Microsoft. Videos play from the Microsoft Developer channel on YouTube.
Report a correction
Questions & discussion
Share a useful question or correction. Comments appear after moderation. Please avoid personal or sensitive information.