Vue 2 and October CMS Todo App

In this series we are going to be creating Todo application using October CMS as the backend for the application, and Vue.js 2.0 is going to serve as a frontend technology for our app.

Link to video
Setup cover

Vue 2 and October CMS Todo AppSetup

In this series we are going to create a todo app using October CMS as backend and Vue.js 2 as frontend of our App.

Episode  1  / Duration 13:35  / 
Link to video
Creating The API cover

Vue 2 and October CMS Todo AppCreating The API

Before we start using Vue.js 2 to create our application we have to create the API for it using October CMS.

Episode  2  / Duration 16:02  / 
Link to video
Listing Todos cover

Vue 2 and October CMS Todo AppListing Todos

In this episode we are going to use axios library to get all of our todos from October CMS api and then list them using Vue 2.

Episode  3  / Duration 17:37  / 
Link to video
Props cover

Vue 2 and October CMS Todo AppProps

In this episode we are going to learn how to use props to send data from one Vue.js component to another.

Episode  4  / Duration 10:33  / 
Link to video
Create Todo cover

Vue 2 and October CMS Todo AppCreate Todo

In this episode you are going to learn how to create new todo item using Vue.js 2.0 and then save it to our OctoberCMS database.

Episode  5  / Duration 24:58  / 
Link to video
Computed Properties cover

Vue 2 and October CMS Todo AppComputed Properties

In this episode you are going to learn about computed properties in Vue.js and how we can use them on our October CMS and Vue Todo list.

Episode  6  / Duration 7:59  / 
Link to video
Delete Todo cover

Vue 2 and October CMS Todo AppDelete Todo

In this episode I'm going to show you how to remove todo item from your Vue list and the remove it from October CMS database.

Episode  7  / Duration 10:20  / 
Link to video
Complete Todo cover

Vue 2 and October CMS Todo AppComplete Todo

In this episode we are going to toggle the status of our todos via Vue.js and then update our October CMS database to also save the new status there.

Episode  8  / Duration 11:13  / 
Link to video
Edit Todos cover

Vue 2 and October CMS Todo AppEdit Todos

In this episode you are going to learn how to edit todo using Vue and then save it to your October CMS database.

Episode  9  / Duration 12:54  / 
© Watch And Learn,2024