Vue News Wednesday, February 7
Vue News TLDR / Table of Contents
- Vue.js News Announcement – The Vue Point –
- We are excited to announce the Vue.js News platform. We aim to provide a reliable way to follow on all the important news for Vue.js developers like you.
- Vue related newsletter, rapidly growing ecosystem, new subscriber notifications, Vue.js News platform, Vue Mastery team
- Building a Modal Component with Vue.js
- How to create a reusable and accessible modal component in Vue.js using slots and transitions
- px, button type, reusable modal component, modal box, div class
- The Ultimate Vue.js & Laravel CRUD Tutorial
- I’ll show you how to set up a full-stack VueJS/Laravel app and demo each of the CRUD operations. We’ll use Axios for AJAX, and I’ll also show you strategies for dealing with the tricky UX of this architecture.
- CRUD operations, Vue/Laravel CRUD app, default Laravel frontend, demo full-stack app, new Crud data
- Vue on 2018 — Interview with Evan You, author of the Vue.js framework
- Vue, Evan, React, Vue users, core team
Tweeted At: Tue Feb 06 20:23:55 +0000 2018
Publish Date: 2018-02-06T20:22:17.520000+00:00
Author: Damian Dulisz
- Vue.js News AnnouncementSome of you might have already found out, but today it’s official — we are excited to announce the Vue.js News platform.
- Right from the source.The news platform consists of:Weekly Newsletter (previously known as Vue.js Newsletter)News Podcast covering the highlights from the newsletterA webpage where you can read and listen to all of the aboveHow it all startedOne and a half year ago, some time in July, I got together with Krzysztof Jung…
- To the point we had to turn off the new subscriber notifications as the emails flooded our mailboxes in the first several minutes after announcing the newsletter.
- If you’re not a subscriber yet, subscribe here!More than just a NewsletterAlthough the Vue.js Newsletter project started as side-project for Krzysztof and me while working at Monterail, thanks to the generous donation from Monterail, the newsletter has since become the official news channel for the Vue.js organisation.
- Due to their involvement, each newsletter issue will be additionally covered in the form of a weekly podcast.Now you will be to get the news the way you like it.You can already subscribe to the podcast on: Apple Podcasts, Android, Stitcher or simply using RSS.Get involvedOf course, even we won’t…
Tweeted At: Wed Feb 07 19:06:00 +0000 2018
Author: Filipa Lacerda
- In this article you’ll learn how to create a reusable modal component using transitions and slots.
- We’ll need a div for the backdrop shade, a div to act as the modal box and some elements to define it’s structure: – – Notice the use of slots?
- Let’s set some defaults for the slots, the wrapper elements and the initial CSS to make it look like a basic modal.
- Every time a component or an element wrapped by a transition is inserted or removed, Vue will check if the given element has a CSS transitions and will add or remove them at the right time.
- First let’s start by adding a transition wrapper component to our modal: – – Now let’s add a transition for the opacity to fade slowly by using the applied classes: – – Now our modal opens and closes smoothly!
Tweeted At: Wed Feb 07 02:21:00 +0000 2018
Publish Date: 2018-02-05T00:00:00+00:00
Author: Anthony Gore
- In this tutorial, I’ll show you how to set up a full-stack Vue & Laravel app and demo each of the CRUD operations.
- This method is responsible for retrieving our Cruds from the backend and will target the action of our Laravel controller, thus using the GET endpoint /api/cruds.
- In the case of the method, we could update the Crud object in the frontend app instantly before the AJAX call is made, since we already know the new state.
- Now that you understand the key points of the architecture, you will be able to understand these last two operations without my commentary: – – As you know, our CRUD operations are asynchronous, and so there’s a small delay while we wait for the AJAX call to reach the server,…
- As you can see from the inline style, when the class is added to , it will completely cover the app, adding a greyish tinge and preventing any click events from reaching the buttons and selects: – – The last piece of the puzzle is to toggle the class by…
Top Vue Courses
Vue JS 2: From Beginner to Professional (includes Vuex) (1,798 students enrolled)By Bo Andersen
- How to build advanced Vue.js applications
- How to build single page applications (SPA)
- Understand the theory and how Vue works under the hood
- How to manage state in large applications with Vuex
- Communicating with servers with HTTP
- Use modern tools for developing and building applications (e.g. webpack)
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) (38,295 students enrolled)By Maximilian Schwarzmüller
- Build amazing Vue.js Applications - all the Way from Small and Simple Ones up to Large Enterprise-level Ones
- Understand the Theory behind Vue.js and use it in Real Projects
- Leverage Vue.js in both Multi- and Single-Page-Applications (MPAs and SPAs)
The Ultimate Vue JS 2 Developers Course (3,882 students enrolled)By Anthony Gore
- Understand all Vue concepts from beginner to advanced
- Build three real world applications using Vue.js utilising every Vue feature
- Use the Vuex statement management library
- Write basic Vue with ES5 and also modern Vue with ES6
- Setup VueJS environment with development tools including Webpack
- Create a universal application with server-side rendering
- Use popular plugins from the Vue ecosystem like vue-router and vue-resource
- Cutting-edge features like Single File Components, Render functions and Server-Side Rendering
Vue JS 2.0 - Mastering Web Apps (52,495 students enrolled)By David Katz
- Build entire Vue JS, VueRouter, and Vuex applications from scratch.
- Develop apps that deal with APIs and web requests.
- Create web apps with a full authentication service, and real-time database.
Learn by Doing: Vue JS 2.0 the Right Way (1,437 students enrolled)By Dejan Stošić
- Build your own VueJS application of any size
- Plan and structure your project
- Write maintainable code
- Use smart development tools like vue-cli