Vue.js | TypeScript - Tutorial - Build a simple todo app
Vue.js | TypeScript - Tutorial - Build a simple todo app
In this video you are going to learn:
- how to use Vue.js and typeScript,
- how to use Vue composition api by creating composable functions,
- how to use ref & reactive variables,
- how to use css in Vue.js (flexbox),
- how to use vue.draggable (for draggable components).
Timestamps:
0:00 - App that we are going to build
0:40 - Vue project preset
2:55 - Build Vue.js components
12:41 - Create a composable to manage global state
18:14 - add styles (css)
26:02 - add vue.draggable
29:55 - add a todo item (form with reactive variables)
40:22 - delete a todo item
Suggest:
☞ React + TypeScript : Why and How
☞ Top 4 Programming Languages to Learn In 2019
☞ Dart Programming Tutorial - Full Course
☞ Introduction to Functional Programming in Python