One Page App With Drupal 8 and Vue.js

In this series we are going to learn how to make a single page app. We are going to be using Drupal 8 as a backend and Vue.js is going to be used as a front end. So we are basically going to make an API form our Drupal installation and make it serve data to our app.

Link to video
Intro To Vue.js cover

One Page App With Drupal 8 and Vue.jsIntro To Vue.js

In this Drupal 8 and Vue.js video series we are going to be creating a one page app using Drupal 8 as backend and Vue.js as front end for our application.

Episode  01  / Duration 21:08  / 
Link to video
Getting The Data From Drupal 8 cover

One Page App With Drupal 8 and Vue.jsGetting The Data From Drupal 8

In this Drupal 8 and Vue.js video we are going to learn how we can connect to the API that we will make with Drupal 8 and then display the data from it.

Episode  02  / Duration 32:00  / 
Link to video
Enable CORS for Drupal 8 cover

One Page App With Drupal 8 and Vue.jsEnable CORS for Drupal 8

In this quick Drupal 8 and Vue.js video I'm going to show you how to enable CORS (Cross-Origin Resource Sharing) for Drupal 8.

Episode  03  / Duration 04:44  / 
Link to video
Live Filtering With Vue.js cover

One Page App With Drupal 8 and Vue.jsLive Filtering With Vue.js

In this episode of Drupal 8 and Vue.js tutorial series we are going to create live filters for our movies app using the power of Vue.js

Episode  04  / Duration 19:55  / 
Link to video
Making Filter Dynamic cover

One Page App With Drupal 8 and Vue.jsMaking Filter Dynamic

In this episode of Drupal 8 and Vue.js learn how to make our genre filter dynamic. And for that we are going to use jQuery.

Episode  05  / Duration 15:52  / 
Link to video
Displaying Single Data Item cover

One Page App With Drupal 8 and Vue.jsDisplaying Single Data Item

In this tutorial we are going setup our Drupal 8 API so that it will send only one movie to our Vue.js app. And then we are going to display that movie.

Episode  06  / Duration 24:47  / 
Link to video
Vue Components cover

One Page App With Drupal 8 and Vue.jsVue Components

In this Vue.js tutorial I'm going to make a short introduction to components in Vue.js, before we start putting our single-page app together.

Episode  07  / Duration 09:42  / 
Link to video
Vue Routing cover

One Page App With Drupal 8 and Vue.jsVue Routing

In this Vue.js tutorial I'm going to show you how to setup routes for your Vue.js application.

Episode  08  / Duration 14:26  / 
Link to video
Routing and Components cover

One Page App With Drupal 8 and Vue.jsRouting and Components

In this Vue.js tutorial we are going to connect together Vue routing and Vue components to make our single-page app work the way we want.

Episode  09  / Duration 21:10  / 
Link to video
Creating Movie With Vue.js cover

One Page App With Drupal 8 and Vue.jsCreating Movie With Vue.js

In this tutorial you will learn how to connect to the Drupal 8 REST API and create a new movie node using Vue.js and Vue resource plugin.

Episode  10  / Duration 31:35  / 
Link to video
Delete Movie With Vue.js cover

One Page App With Drupal 8 and Vue.jsDelete Movie With Vue.js

In this tutorial I'm going to show you how to delete an item using Drupal 8 REST API and Vue.js.

Episode  11  / Duration 14:35  / 
Link to video
Update Movie With Vue.js cover

One Page App With Drupal 8 and Vue.jsUpdate Movie With Vue.js

In this tutorial we are going to finish our CRUD system with Drupal 8 and Vue.js. The last thing we need to do is make an update system.

Episode  12  / Duration 23:01  / 
Link to video
Register a User on Drupal 8 cover

One Page App With Drupal 8 and Vue.jsRegister a User on Drupal 8

In this episode of Drupal 8 and Vue.js tutorials we are going to create a way for our users to register on our Drupal 8 site.

Episode  13  / Duration 25:16  / 
Link to video
Vue Transitions cover

One Page App With Drupal 8 and Vue.jsVue Transitions

In this episode of Drupal 8 and Vue.js tutorials I'm going to show you how you can make transitions between your components for better user experience.

Episode  14  / Duration 13:35  / 
Get in touch