VueJs Parent Child Communication

VueJs Parent Child Communication

We’ve been learning about how components and specifically single file components work in VueJs. In this tutorial, we’ll expand our learning about components in Vue by looking at how communication happens between components. Components in and of themselves are great as they set up reusable pieces of code where we can use all of the features VueJs provides. Now we want to build connections between those components so that actions in one component can update a different component in the application.…

Single File Components In VueJS

Single File Components In VueJS

Now that we have our vue cli build environment set up and working nicely, let’s try building some components! We’ll go through the process of getting App.vue set up as the main file which will simply make use of components to display things. We can begin by just rendering some html from the main App.vue file, then we will export that markup to it’s own component.…

Vue-cli Webpack-Simple Tutorial

Vue-cli Webpack-simple Tutorial

Vue.js has an optional command line interface for quickly building out the boilerplate for Single Page type Applications. This sounds like fun, and something we should set up right away! The vue-cli tool gives us a “batteries-included” build environment that makes use of all those modern bells and whistles frontend tools you hear so much about today. Setting it up is easy and you’ll be up and running with hot-reload, lint-on-save, and production-ready builds in a snap.…

VueJS Image Upload

VueJS Image Upload

In this tutorial we’ll create a VueJS image upload component so that users can upload an image to use as an avatar in the application. The goal is to re create the mechanism of an image upload via an html form, however it will all be done in a Vue component. This will allow for real time image updating in the browser, in addition to putting the image in storage and setting the avatar image path in the database in one fell swoop.…

jQuery Autocomplete As You Type

jQuery Autocomplete As You Type

This tutorial will add the feature of autocomplete as you type. In the form where a user can enter a reply to a thread, we want the application to automatically start fetching usernames to choose from when you type a string that begins with the @ symbol. There is a jQuery plugin built for this exact purpose called At.js. In addition to autocomplete of usernames, the plugin also offers emoji like characters such as smileys, coffee cups, and more.…