The Beginner's Guide to Vue 3

Overview

Vue is a progressive framework for building UIs that allows you to incrementally integrate the technology into any existing project that you're working on. This makes it a great tool for you to learn as you can bring it anywhere.
This course is for learners just starting out in web development as well as for those who want to get up to speed on Vue 3 as fast as possible. You'll learn all the foundational skills of web development and how they are presented in Vue.
We will start with an HTML, CSS, and JavaScript file as to not distract you with any possible tooling that goes on top of the building websites with Vue.
You will incrementally build an app that sells comedy event tickets. In the end, you'll see how to deploy the application with Netlify Drag and Drop.
Whether you're looking to get up to speed with Vue 3 or want to learn the foundational concepts of developing websites with a modern tool, Kevin has you covered with this course.

Syllabus

Set up the Minimum Files Needed to Run Vue 3
Mount a Vue Application to the DOM and Render Reactive Data
Add Vue Devtools and Use Them to Help in Development
Interpolate JavaScript Expressions in Vue
Bind Reactive Properties to HTML Element Attributes
Render Content Conditionally with v-if in Vue
Render Arrays of Data as Lists with the Vue v-for directive
Respond to Events with the v-on (@) Directive in Vue
Define and Use Methods in the Vue Configuration Object for Complex Logic
Respond to a mouseover event in Vue with the v-on directive
Use Computed Properties in Vue to Be More Efficient
Conditionally Apply CSS Classes to Elements with v-bind in Vue
Conditionally Apply an Array of CSS Classes to Elements in Vue
Create a Two Way Binding to Update Data Throughout an App with Vue v-model
Decide when to use a component in Vue
Build a Component and Pass Props to It in Vue
Create and Manipulate State within a Vue Component by Defining Methods and Properties
Send an Emit Event with Data From a Vue Component to It's Parent
Use Axios for Remote Data Fetching with Vue Mounted Property
Handle Errors when Data Fetching in Vue with Axios
Deploy a static site using Netlify's Drop
Install the vue/cli
Refactor to use Vue files