Skip Navigation

Introduction Vue.js Demos

In this first episode, we will introduce what we will be covering and some basics that you will need to know.

Transcript

Hello, and welcome to Code Time. My name's Trevor Greenleaf. Today, we're going to be covering Vue JS, and I'm going to be doing it a little bit different. I'm going to show you a series of demos and these demos we'll break down how you might be doing certain things in your projects, for example, a modal or a dropdown, or maybe some cool animation, or even working with audio. And by breaking these down into these smaller chunks or demos, the intention is that you might learn a little bit more about Vue JS and how you might be able to tweak it and make it work for your project. We'll be course using Vue JS, but we'll also be using Tailwind CSS. This is Tailwind CSS. Tailwind CSS is a utility for CSS framework. You may not be that familiar with it, though it is growing in popularity.

The idea behind it is that you can add just classes and create interfaces or layout very quickly without actually having to write any lines of CSS, meaning just include the Tailwind CSS framework and then you're able to start running. On Code Time io, we have a lot of series on Tailwind CSS, and we have another series on Vue JS. And that Vue JS series is a thorough intro to what Vue JS is and what's involved. This is not that series. This series is just going to show you some demos and show you how we sort of work with Vue JS and how to get started with that. So with that, I want to keep this short and let's jump into our very first demo in this next episode.