YoVDO

The Beginner's Guide to Vue 3

Offered By: egghead.io

Tags

Vue JS Courses Web Development Courses Javascript Courses Event Handling Courses

Course Description

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

Taught by

Kevin Cunningham

Related Courses

Introduction to Programming for Musicians and Digital Artists
California Institute of the Arts via Coursera
¡A Programar! Una introducción a la programación
University of Edinburgh via Coursera
Interactivity with JavaScript
University of Michigan via Coursera
Windows可视化程序设计
Xi'an Jiaotong University via Coursera
Android Basics: User Input
Google via Udacity