Components

Auto Logout

In this lesson, we are exploring how to systematically log a user out of our application using Vue. Let's start by adding some event listeners on the windows and then starting some timers. As events start rolling in, we will restart those timers until one of those expire. When they do, we will log the user out.

Auto Format Input Fields

A cool way to spice up your forms is to add some auto format to your input fields. Allowing your users to get automatic feedback on things like phone numbers that need to follow a particular template. In this lesson, we write a phone auto format component, from scratch.

Pricing Component

We've talked about Vue's data-driven approach but in this example we are diving deep in exploring the many features that allows Vue to manipulate data effectively. We will be building a pricing page front scratch.

Autocomplete

An autocomplete dropdown menu is a nice feature to add when there's a set number of items an open field can be. Today, we are exploring how to code one from scratch using Vue and Tailwindcss.

NPM, Webpack & Single File Component

It's time for us to depart from the compiled CDN of Vue and start compiling our own assets with NPM and Webpack. We will be pulling in Laravel Mix but just for it's Webpack configurations. Finally, we are going to refactor into a Single-File Component.