Vuedo is a live example of how everything works together. The back-end is built with Laravel and the front with Vue. A lot of libraries have been combined to develop Vuedo, an open source blog platform.
Vue.js is becoming top choice for apps and maybe there is a moment when you have to combine it with jQuery or other libraries. Learn how to use it with jQuery Plugins by reading this post.
This is the 7th tutorial of the series: Building a Single Page Application from Scratch with Vue.js and Laravel - Pagination, Breadcrumb and Loading Indicator
A tutorial to help you build a very simple "todo" application, with Vue.js, SQLite and Echo. When finished you will be able to create tasks with a title, display the newly created tasks and delete them.
Create a Vue.js component, which can be used to display information while the user is hovering over something something, reusable anywhere in your projects.
A team decided to rewrite their trading platform's front-end, and they found as a replacement of Angular v.1 Vue.js. Read their short story and ask anything you like about its development.
JavaScript Guessing Game is a browser quiz game built with Vue.js, including more than 100 JavaScript frameworks and libraries to test your knowledge on the JS ecosystem.
The template for vue-cli for Vue.js 2 includes HapiJS (API), setup run on Gulp, BrowserSync, Nodemon, Webpack HMR, with independent hot reload and restart, ESLint, and Unit Testing
A Meetup regarding Vue.js, that takes place in Paris is now on schedule. dotJS conference is just two days later, so if you are attending one you should not miss the other!
Author and trainer John Farrar is giving a free introductory course to Vue.js on Friday, January 20 at 1 pm eastern standard time. A recording will be available as well to all those who register.
A modern polling app with real time updating, live chat, and a savable WYSIWYG HTML editor. Offline ready and mobile friendly. Built with Vue & SocketIO
An article on JavaScript Promises. A Promise is a feature implemented in ES2015. The idea behind it is based on callback logic, but the final result is quite different.
In this article the author compares crucial technical aspects of the two present-day frameworks. Whereby, you can get to know, which framework holds the edge in considered attributes.
Webpack is a module bundler and gulp is a programmable task runner, and in this article you can read about their aspects, and developers moving away from gulp and grunt and using webpack
This project is the Vue integration for Semantic UI. It is highly inspired on Semantic UI React: if you have used it already, you will find Semantic UI Vue's API to be almost the same.
Statusfy is a Status Page System, easy to use and completely Open Source. You can easily create a fast System either Static Generated or Server Rendered and easily deploy it to a variety of hosting services.
Level up your Vue.js dev skills for FREE! Vue School unlocks 1100+ lessons (Vue 3, Composition API, Tailwind + more) for 48hrs only (Mar 23-24). Don't miss out!
Frontend Nation, is happening June 4th-7th, 2024. This massive conference features talks from big names like Evan You (Vue), Kent C. Dodds (React), and Minko Gechev (Angular), with workshops on all the major frameworks and more.
Vue Migration Helper is a CLI tool that will help us migrate from Vue 1. to Vue 2.0. Currently its development is in progress but the tool looks awesome so far.
While we were working on the update of the book, we found out that if we demonstrate how to build each example with both Vue 1 and 2 side by side, the output is overwhelming. Therefore, we had two options. To overwrite the examples using Vue 2 or to create a second book.
Vue Material is lightweight framework built exactly according to the Material Design specs. Build powerful and well-designed web apps that can can fit on every screen.
Today is Black Friday and The Majesty of Vue.js 2 couldn't miss the party. If you haven't read it yet, this is a great time to get it at a 40% discount. Some of the topics covered in the eBook are: Vue.js Fundamentals, Consuming an API, ECMAScript 6, Advanced Workflow, Working with Single File Components, and Dynamic Components..
This article is a great introduction into Vue 2, and the author talks about how Vue gets inspiration from other libraries, and give a small app a spin.
This is the next part of the tutorial , creating a simple chat web-app using Phoenix and Vue.js, where the ability to store messages and see them later after disconnection, is implemented
Vue Places provides a fast and easy way to use an address search autocomplete JavaScript library on your website, utilizing the Algolia places library.
This Vue component can display an avatar image and if none is provided, fallback to the user initials. This component is inspired from react-user-avatar.
This post won't tell you how to write tests for Vue.js, it will cover the role of the packages that come into play which Vue.js template installs for you.
Virtual DOM is a feature of Vue.js and other major frameworks but often there is some confusion between Virtual and not, so some clarification is needed
JSON Schema Editor is an open source project, which is an intuitive editor for JSON schema. It provides a tree view to present the structure of schema, and a property inspector to edit the properties of schema element.
The first official Vue.js conference is over and it has left us only good memories. Great talks, heartwarming community & a beautiful city. By looking back at the event, we decided to write down a few words for the most memorable things, the ones that made us think of new ideas and got us saying "I want to go home and code".
The official style guide for Vue-specific code has been released. If you use Vue in a project, it’s a great reference to avoid errors, bikeshedding, and anti-patterns. Visit the page and share your feedback with the team!
A playground for CSS filter properties. It gives the ability to change blur, brightness, contrast, grayscale, invert, saturate, sepia, opacity and drop-shadow settings.
Read about Vue's growth, how it helps build new projects with ease, and why it is getting more traction everyday (apart from the fact that it is easy to learn).
This article explores using Zod, a validation library, with query string variables in Nuxt applications. It explains how to validate and extract valid data from query strings using Zod in a straightforward manner.
Vue.js 2 is coming and we are all excited about it. The new Vue, along with great improvements and new features (Virtual DOM, Server Side Rendering, JSX/Hyperscript support, and more), comes with a few deprecations and conversions.
In the special “Laracon” edition of the podcast, the hosts of the show chat with Evan You, Taylor Otwell, Adam Wathan, and Chris Fidao who are going to give the first-day workshops at Laracon 2016.
A WebApi example for the book, The Majesty of Vue.js, using ASP.NET Framework and LiteDB. In the book, the APIs for the homework solutions are created with Laravel. So, if you are a .net developer you can now choose to use this to start solving the exercises.
Learn about data flow in Vue by reading how to create a chat in three ways, each one showing how to manage sharing state with an object, sharing state with vuex and with bindings.
Now that Vue 2.0 is in RC stage, and the supporting libraries – vuex, vue-router – and build tools – vueify and vue-loader – offer preview versions that are 2.0-ready as well, is time to start building!
We have devoted a lot of time in order to collect, within Vue.js Feed, the most remarkable Vue.js resources. Our goal is to gather *everything* related to Vue in one place. Where you can learn the news, find plugins, view websites/applications built Vue, and a lot of other stuff.
The sequel of a tutorial where you can learn how to create a chat with multiple clients, this time using Vuex with modules, mixins, events and local storage.
Read Evan You's interview on Between the Wires, about his early steps and how he got into Javascript and started building the framework we all now know as Vue.js.
Vuikit is a collection of UI - Vue components, built on top of the UIkit framework, aiming to help build faster and avoiding having too many dependencies.
This tutorial might help you answer some questions about how to add support for capturing mouse events that take place within the bounds of a Vue component.
In this article, the author talks about how his team created components in a generic way, and why everyone should keep a style-guide while working on them.
Article: Integrating vue-kindergarten in order to have Role Based Authorization based on Kindergarten, a JavaScript library which helps programmers to achieve modular security
Vuex is a great way to manage state in a Vue app. For any serious app, you want tests, so in this tutorial we’ll see how to mock Vuex in Vue unit tests.
This directive can be used in any element in which you would like to achieve the ripple effect, using modifiers and different colors for better results.
SPA built with Bulma, Vue and Laravel loaded with lots of features like: json template generated datatables and forms, menu-role-permission management, comments / documents / contacts / addresses modules, and more.
Vui is an open source toolkit for developing single page applications. Quickly prototype your ideas or build your entire app with an extensive collection of prebuilt components that are easy to use and very easy to customize to fit your exact needs.
Vue School’s Free Weekend is back this weekend. You are definitely joining, right! So here is a quick how-to guide will show you how to make the best use of the offer.