Загрузка страницы

Quasar Framework: Vue.js Cross Platform App (3/10): Vue js Lists & Child Components

I'll show you all of the basics of Vue.js Lists & Child Components, within the context of our Quasar Framework project. 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 - https://www.youtube.com/watch?v=opmng7llVJ0&list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0&index=1
2 - Vue.js Basics - https://www.youtube.com/watch?v=O25jFVucQiw&list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0&index=2
3 - Vue.js Lists and Components - https://www.youtube.com/watch?v=VVjHdzRBCrA&list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0&index=3
4 - Routes, Pages, Navigation, Layout & Theme: Start building the Awesome Todo app - https://www.youtube.com/watch?v=NcDZvqAIo-w&list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0&index=4
5 - Quasar Components - Create a List of Tasks - https://www.youtube.com/watch?v=wrgDJok6KFQ&list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0&index=5
6 - Vuex - State Management - Getters & Setting up - https://www.youtube.com/watch?v=v99txxSCBDA&list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0&index=6
7 - Vuex - Actions & Mutations - https://www.youtube.com/watch?v=uH0nmqki3gQ&list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0&index=7
8 - Modals, Forms & Validation - Add Task - https://www.youtube.com/watch?v=gxcSztHnxeY&list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0&index=8
9 - Reusable Components, Update & Sync - Edit Task - https://www.youtube.com/watch?v=5u8eyTFAY80&list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0&index=9
10 - Split Tasks into "Todo" and "Completed" Sections - More Getters - https://www.youtube.com/watch?v=Ojn0GEWSI40&list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0&index=10

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

Видео Quasar Framework: Vue.js Cross Platform App (3/10): Vue js Lists & Child Components канала Make Apps with Danny
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
6 мая 2019 г. 15:22:15
00:17:37
Другие видео канала
Quasar Framework: Vue.js Chat App (3/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (3/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (2/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (2/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Cross Platform App Development - Why you NEED it in YOUR life!Cross Platform App Development - Why you NEED it in YOUR life!Quasar Framework: Vue.js Cross Platform App (9/10): Reusable Components, Update & Sync - Edit TaskQuasar Framework: Vue.js Cross Platform App (9/10): Reusable Components, Update & Sync - Edit TaskQuasar Framework: Vue.js Chat App (6/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (6/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Winner Picker App & Winner Announcement! (2/2)Quasar Framework: Winner Picker App & Winner Announcement! (2/2)Quasar Framework: Vue.js Chat App (11/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (11/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (15/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (15/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar & Vue 3: So I Created a CLI Tool for Quasar! (Real World App #5)Quasar & Vue 3: So I Created a CLI Tool for Quasar! (Real World App #5)New Course - Weather App with Vue js & Quasar (for Mobile, Desktop & Web)New Course - Weather App with Vue js & Quasar (for Mobile, Desktop & Web)Quasar Framework: Vue.js Chat App (9/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (9/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (5/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (5/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (12/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (12/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Vue 3 Composition API Tutorial #7 - Lists, Teleport & MoreVue 3 Composition API Tutorial #7 - Lists, Teleport & MoreQuasar Framework: Vue.js Chat App (10/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (10/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Cross Platform App (7/10): Vuex - Actions & MutationsQuasar Framework: Vue.js Cross Platform App (7/10): Vuex - Actions & MutationsQuasar Framework: Vue.js Chat App (4/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (4/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (8/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Quasar Framework: Vue.js Chat App (8/15) - with Vuex & Firebase (for Web, Mobile & Desktop)Vue 3 & Firebase 9: Huge Course Update!Vue 3 & Firebase 9: Huge Course Update!Create an Instagram Clone with Vue JS, Quasar & Firebase - in 4 HOURS! (1/6)Create an Instagram Clone with Vue JS, Quasar & Firebase - in 4 HOURS! (1/6)
Яндекс.Метрика