Build A todo List App with Vue JS
Learn how to build a todo list app using Vue JS.
Vue.js is an open-source front end JavaScript framework for building user interfaces and single-page applications. In this tutorial you will learn how to build a simple todo list app using Vue JS.
Code: https://github.com/ProgrammerNotesYT/vue-todo-app
Install Vue JS: https://vuejs.org/v2/guide/installation.html
Font awesome in Vue JS: https://medium.com/front-end-weekly/how-to-use-fon-awesome-5-on-vuejs-project-ff0f28310821
Chapters:
0:00 - App review and intro.
1:21 - Vue.js file structure and removing unneeded code.
3:09 - HTML & CSS, plus installing bootstrap and font-awesome
7:48 - Read tasks.
10:33 - Add new task.
13:19 - Delete task.
15:00 - Edit and update task.
17:09 - Change the status of the task.
21:20 - Class and style bindings.
Suggest:
☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework
☞ Learn Vue.js from scratch 2018
☞ Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview!
☞ Vue.js Tutorial: Zero to Sixty