Quasar Framework: Vue.js Cross Platform App (8/10): Modals, Forms & Validation - Add Task

Published: 10 June 2019
on channel: Make Apps with Danny
17,987
222

We'll create an "Add Task" button. Show a QDialog modal with a form & validation and save the new task to the Store. FULL COURSE: https://dannys.link/quasar

👉 Get Awesome Todo SOURCE CODE here!: https://dannys.link/awesometodocode
👉 Get the FULL COURSE here!: https://dannys.link/quasar
👉 My Courses: https://dannys.link/courses
👉 My VSCode Setup: https://dannys.link/vscodesetup
👉 Download Fudget: https://www.fudget.com
👉 DONT CLICK THIS: https://dannys.link/dontclick


*** CHAPTERS ***

Split Tasks into "Todo" & "Completed" Sections - More Getters

0:00 - Module Introduction
0:45 - Create Getters for Todo and Completed Tasks
6:31 - Display Todo and Completed Tasks in Separate Lists
12:07 - Add Headings to the Task Lists
19:23 - Make the Heading Background Color Adjustable
22:00 - Conditionally Show & Hide the Task Lists
23:29 - Add a "No tasks to do today!" Banner
27:33 - Use Global Event Bus to fix the "No tasks" Banner Button
33:11 - Overview of the rest of the Course Modules


*** ALL VIDEOS IN THIS SERIES **

1 - Introduction & Getting Started -    • Quasar Framework: Vue.js Cross Platfo...  
2 - Vue.js Basics -    • Quasar Framework: Vue.js Cross Platfo...  
3 - Vue.js Lists and Components -    • Quasar Framework: Vue.js Cross Platfo...  
4 - Routes, Pages, Navigation, Layout & Theme: Start building the Awesome Todo app -    • Quasar Framework: Vue.js Cross Platfo...  
5 - Quasar Components - Create a List of Tasks -    • Quasar Framework: Vue.js Cross Platfo...  
6 - Vuex - State Management - Getters & Setting up -    • Quasar Framework: Vue.js Cross Platfo...  
7 - Vuex - Actions & Mutations -    • Quasar Framework: Vue.js Cross Platfo...  
8 - Modals, Forms & Validation - Add Task -    • Quasar Framework: Vue.js Cross Platfo...  
9 - Reusable Components, Update & Sync - Edit Task -    • Quasar Framework: Vue.js Cross Platfo...  
10 - Split Tasks into "Todo" and "Completed" Sections - More Getters -    • Quasar Framework: Vue.js Cross Platfo...  

MY GEAR:
My Computer - https://amzn.to/32RPsYX
My Keyboard - https://amzn.to/2p8FXpV
My Mouse - https://amzn.to/2JsjIlB
My Microphone - https://amzn.to/2BOzfYE
My Green Screen - https://amzn.to/31PO33X
My Portable SSD Drive - https://amzn.to/2pUwemY


Watch video Quasar Framework: Vue.js Cross Platform App (8/10): Modals, Forms & Validation - Add Task online without registration, duration hours minute second in high quality. This video was added by user Make Apps with Danny 10 June 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17,987 once and liked it 222 people.