4 Essential ES2015 Features for Vue.js Development

ES2015 (aka ES6) is the current specification of the JavaScript language. If you’re new to JavaScript or haven’t updated your JavaScript knowledge recently, there are a number of new features in ES2015 that make development much better and more enjoyable.
If you’re a Vue developer, you’d benefit from learning all these new features. But as a means of triage, you might start with those features that apply to Vue specifically.

Link: https://dzone.com/articles/4-essential-es2015-features-for-vuejs-development

Build a Secure To-Do App With Vue, ASP.NET Core, and Okta

I love lists. I keep everything I need to do (too many things, usually) in a big to-do list, and the list helps keep me sane throughout the day. It’s like having a second brain!
There are hundreds of to-do apps out there, but today I’ll show you how to build your own from scratch. Why? It’s the perfect exercise for learning a new language or framework! A to-do app is more complex than “Hello World”, but simple enough to build in an afternoon or on the weekend. Building a simple app is a great way to stretch your legs and try a language or framework you haven’t used before.

Link: https://dzone.com/articles/build-a-secure-to-do-app-with-vue-aspnet-core-and-okta?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Managing User Permissions in a Vue.js App

In authenticated front-end apps, we often want to change what’s visible to the user depending on their assigned role. For example, a guest user might be able to see a post, but only a registered user or an admin sees a button to edit that post.
Managing permissions in a front-end app can be messy. You may have written code like this before:

Link: https://dzone.com/articles/managing-user-permissions-in-a-vuejs-app?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

4 Awesome Things You Can Do With the Vue.js CLI

By now, you’ve probably heard of Vue.js, that relatively new kid on the block in the front-end world that’s been dominated by Angular and React for the past few years. Many of you reading this, in fact, likely identify strongly with either Angular or React as your framework of choice. And while I’d never try to talk you out of that preference, I do think that you should consider adding Vue.js to your toolbelt, even if only for prototyping and trying out new ideas.
Editor’s Note: If you are planning a Vue project, we recommend you review the “Planning a Vue Application" whitepaper Brandon Satrom authored before you start.

Link: https://dzone.com/articles/4-awesome-things-you-can-do-with-the-vuejs-cli?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

How to Not Screw Up UX in a Single-Page Application

If there were a Hippocratic oath for web developers, it would surely include a promise that any modification to a web page will provide a net improvement to User Experience.
And yet, there are many sites that have multi-megabyte code bundles, break native browser features like page history or make users wait too long before showing page content. Most often the root cause of these infractions is a poor or unnecessary implementation of the single-page application (SPA) architecture.

Link: https://dzone.com/articles/how-to-not-screw-up-ux-in-a-single-page-applicatio?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Jargon-Free Webpack Intro for Vue.js Users

For many developers, Vue.js is the first front-end JavaScript framework they’ve learned. If that’s true for you, you probably haven’t had a reason to learn Webpack yet. But as you continue with Vue, you’ll see Webpack popping up over and over again in the documentation, example projects and in relation to tools like Vue CLI.
Webpack promises great things for Vue users:

Link: https://dzone.com/articles/jargon-free-webpack-intro-for-vuejs-users?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Why Everything Must Change Every Five Years

You complain about JavaScript fatigue, and that’s valid. The ecosystem moves fast, and it’s hard to keep up. Dare I say impossible?
But won’t you think of the authors and the conferences and the speakers and the trainers and video course makers and everyone else working hard to teach you all the new things?

Link: https://dzone.com/articles/why-everything-must-change-every-five-years?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Advanced Server-Side Rendering With Laravel and Vue: Multi-Page App

A few weeks ago I wrote a tutorial on the new Vue server-side rendering capabilities for Laravel. That tutorial mostly focused on the set up of SSR in a Laravel environment and so I only had time to demonstrate a simple “Hello World" app with no significant features.
Now I want to build on that previous tutorial and demonstrate how to server render a Vue app that includes multiple pages with Vue Router since most of your Laravel projects will have more than one page.

Link: https://dzone.com/articles/advanced-server-side-rendering-with-laravel-amp-vu?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Vuebnb: A Full-Stack Vue.js and Laravel App

This year I’ve been writing a new book called Full-Stack Vue Web Development: Vue.js, Vuex, and Laravel. It’ll be published in early 2018 by Packt Publishing.
The book is centered around a case study project, Vuebnb, a simple clone of Airbnb. In this post, I’ll give a high-level overview of how it works so you get a sense of what’s involved in building a full-stack Vue/Laravel app from scratch.

Link: https://dzone.com/articles/vuebnb-a-full-stack-vuejs-and-laravel-app?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev