One Day Introduction to Vue.js with Hassan Djirdeh [Workshop]

Learn Vue.js with Industry Expert Hassan Djirdeh

Vue is "the progressive framework" for building user interfaces. For the last few years, it's been one of the fastest-growing software projects in the world, thanks to its intuitive API, great docs, and first-class tooling. In this hands-on workshop, Hassan Djirdeh, author of Fullstack Vue, shares the Vue philosophy, demonstrates how it helps you solve common UI problems, and teaches how to integrate Vue into your existing apps.

In this lesson, Hassan gives an introduction to and overview of Vue.js as a JavaScript UI framework built to be "approachable, versatile and performant". As part of this introduction to Vue, students will learn about:

  • Instances: The heart of every Vue application
  • Data: An option that is an object
  • Mustache Syntax
  • Directives: A special type of command that can be added to HTML content. The 5 most common directives include v-bind, v-if/v-show, v-for, v-on, and v-model.

Hassan concludes this lesson with a practice exercise on building an "Up Vote" application.