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

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.

Episode   1413:35
Register a User on Drupal 8

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   1325:16
Update Movie With Vue.js

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   1223:01
Delete Movie With Vue.js

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   1114:35
Creating Movie With Vue.js

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   1031:35
Routing and Components

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   921:10
Vue Routing

Vue Routing

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

Episode   814:26
Vue Components

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   709:42
Displaying Single Data Item

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   624:47
Making Filter Dynamic

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   515:52
Enable CORS for Drupal 8

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   304:44
Live Filtering With Vue.js

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   419:55
Getting The Data From Drupal 8

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   232:00
Intro To Vue.js

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   121:08
© Watch And Learn,2024