Introduction & Getting Started
Project Setup: Planet Pizza App
Creating our menu and shopping basket
The admin section
Firebase and authentication setup
Vue Router
-
Router installation and setup (3:25)
-
Creating our routes (5:52)
-
Router link in more detail (4:43)
-
Binding and dynamic routes (5:48)
-
History and hash modes (3:15)
-
Catch all routes and redirecting (1:40)
-
Nested routes (5:27)
-
Nested router view (6:09)
-
Adding names to routes (4:25)
-
Router navigation methods (4:40)
-
Global navigation guards (7:03)
-
Component guards (4:27)
-
Guarding individual routes (2:12)
-
Defining scroll behaviour (6:46)
-
Re-factoring our routes (2:12)
-
Named router views (9:08)
-
Setting the user with actions (5:51)
State management with Vuex
-
What is Vuex? (3:01)
-
Installation and file structure (4:12)
-
Initial state and accessing the store (4:40)
-
Improving store access with getters (5:09)
-
Changing state with mutations (6:37)
-
What are actions (2:02)
-
Dispatching actions (6:54)
-
Mapping getters (3:34)
-
Splitting our store into separate files (6:52)
-
Using modules (9:02)
Binding to Firebase & finishing our project
-
Binding Vuex to Firebase (8:35)
-
Sync orders with Firebase (3:26)
-
Displaying order in the admin section (8:51)
-
Moving add new pizza to central store (3:21)
-
Removing items from the database (6:01)
-
Hiding the admin from unauthorised users (3:01)
-
Calculating the basket total (2:51)
-
Global currency filter (4:58)
-
Finishing touches (5:28)
Lazy loading and code splitting
Thank you
