Episode 01 • One Page App With Drupal 8 and 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.

In the last few years we have seen a big rise in JavaScript frameworks like Angular.js, React.js, Ember.js and many others. These are so called front end frameworks. And they mostly help us develop one page applications.

Also there is a trend right now of separating front end from back end. So traditionally you would have a CMS like WordPress, Drupal or some custom made one, and the front end of the site would be tightly bound with the sites back end. But right now we can see a move from that kind of development.

So to stay ahead of this trend I'm starting this new series of video tutorials. In this series we are going to be using Drupal 8 as our back end - because it already has a nice way to create an API from your data. And for the front end we are going to be using Vue.js mostly because I think it's much easier to get into than most of the other JS frameworks.

I hope you will find this subject interesting as it is for me.

Download code
  • Episode 01 • Duration 21:08

    Intro To Vue.js

  • Episode 02 • Duration 32:00

    Getting The Data From Drupal 8

  • Episode 03 • Duration 04:44

    Enable CORS for Drupal 8

  • Episode 04 • Duration 19:55

    Live Filtering With Vue.js

  • Episode 05 • Duration 15:52

    Making Filter Dynamic

  • Episode 06 • Duration 24:47

    Displaying Single Data Item

  • Episode 07 • Duration 09:42

    Vue Components

  • Episode 08 • Duration 14:26

    Vue Routing

  • Episode 09 • Duration 21:10

    Routing and Components

  • Episode 10 • Duration 31:35

    Creating Movie With Vue.js

  • Episode 11 • Duration 14:35

    Delete Movie With Vue.js

  • Episode 12 • Duration 23:01

    Update Movie With Vue.js

  • Episode 13 • Duration 25:16

    Register a User on Drupal 8

  • Episode 14 • Duration 13:35

    Vue Transitions

  • Episode 01 • Duration 21:08

    Intro To Vue.js

  • Episode 02 • Duration 32:00

    Getting The Data From Drupal 8

  • Episode 03 • Duration 04:44

    Enable CORS for Drupal 8

  • Episode 04 • Duration 19:55

    Live Filtering With Vue.js

  • Episode 05 • Duration 15:52

    Making Filter Dynamic

  • Episode 06 • Duration 24:47

    Displaying Single Data Item

  • Episode 07 • Duration 09:42

    Vue Components

  • Episode 08 • Duration 14:26

    Vue Routing

  • Episode 09 • Duration 21:10

    Routing and Components

  • Episode 10 • Duration 31:35

    Creating Movie With Vue.js

  • Episode 11 • Duration 14:35

    Delete Movie With Vue.js

  • Episode 12 • Duration 23:01

    Update Movie With Vue.js

  • Episode 13 • Duration 25:16

    Register a User on Drupal 8

  • Episode 14 • Duration 13:35

    Vue Transitions