Home » Vue.js

Tag Archives: Vue.js

Build Secure User Management with Vue.js, Node, and Okta

“I love writing authentication and authorization code.” ~ No Web Developer Ever. Tired of building the same login screens over and over? Try the Okta API for hosted authentication, authorization, and multi-factor auth. Many of us have danced the JavaScript framework shuffle for years starting with jQuery, then on to Angular. But Angular is complex, so we turn to React. ...

Read More »

VueJS Components with CoffeeScript for Rails

The components aspect of VueJS is one of the most attractive features VueJS brings to your frontend development. It allows for composable, reusable, and protected scope code, styles, and HTML. Working with protected scopes is the smart way for implementing coherent systems. And with the added benefit of VueJS protecting your style’s scope to only affect your specific component, you’ll ...

Read More »

A walk through the GWT wrapper for Vue.js: vue-gwt

Introduction: Vue.js is one of the most popular JavaScript frameworks, along with Angular and React. It leverages modern techniques for building front end applications, and can come handy in maintaining apps that require considerable amount of JavaScript and CSS. The perks of Vue.js are numerous, and can be found in their documentation. In this post, we would like to focus ...

Read More »

VueJS as a Frontend for Rails

VueJS is one of the fastest rising stars in the JavaScript frontend ecosystem. It largely embodies simplicity and composability of frontend design solutions without going overboard. It provides a more elegant way to reduce complexity in both scripting and your styling by grouping them into components. This protects your site’s styles from conflicts and also provides logical organization for individual ...

Read More »

Creating Simple Component in Vuejs

Introduction In this article, we will look at creating a very simple component in Vuejs. Let me pick the example from my previous post and create a component for showing the loading message. Vuejs Component There are two ways to create Vuejs component Single file component (.vue file) – this contains the component HTML template, Javascript and CSS in a ...

Read More »

Creating Bootpag Like Pagination Component Using Vuejs

Introduction In this article, I will try to create a pagination Vuejs component similar to the one supported by jQuery Bootpag plugin. Component State The component should track the following: Current Page Callback to be executed page click Max visible page numbers Start and end of the range of page numbers visible Component Event Handlers The component handles 3 events: ...

Read More »

Get Started with vue-test-utils and Jest

In late September, Vue.js released the beta of vue-test-utils. Let’s take this opportunity to dive a little deeper and take a look at the official Vue testing solution named vue-test-utils. We’ll be using Jest for testing. For us at Codeship, it turned out to be an excellent tool that’s fast and reliable when it comes to continuously running JavaScript unit ...

Read More »

Building a Simple Notes Manager with Vue.js

Vue.js fascinates me. The author is Evan You, a former Angular developer. Somehow he managed to take the best of the two worlds — Angular and React — and build a simple, easy to learn, and extremely productive framework. To show you the benefits of using Vue.js, I thought I’d make something useful from the ground up. I decided to ...

Read More »