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.

  • Episode 01Duration 21:08

    Intro 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 02Duration 32:00

    Getting 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 03Duration 04:44

    Enable 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 04Duration 19:55

    Live 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 05Duration 15:52

    Making 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 06Duration 24:47

    Displaying 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 07Duration 09:42

    Vue 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 08Duration 14:26

    Vue Routing

    In this Vue.js tutorial I'm going to show you how to setup routes for your Vue.js application.
  • Episode 09Duration 21:10

    Routing 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 10Duration 31:35

    Creating 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 11Duration 14:35

    Delete 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 12Duration 23:01

    Update 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 13Duration 25:16

    Register 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 14Duration 13:35

    Vue 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.