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

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

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

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

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

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

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

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

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

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

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

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

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

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

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