| 1. Course overview (1:40) |
| 2. Demo of the finished project (02:26) |
| 3. Introducing Vue CLI (06:22) |
| 4. Creating a Vue CLI project (06:53) |
| 5. Installing starter code (05:30) |
| 6. API tour (03:21) |
| 7. Vue essentials - Components (02:51) |
| 8. Defining components (05:28) |
| 9. Setting up movie-list component (05:35) |
| 10. Setting up the check-filter component (04:51) |
| 11. Vue essentials - Props (04:32) |
| 12. Add props to check-filter component (05:12) |
| 13. Making check-filter toggleable (03:04) |
| 14. Vue essentials - Custom events (10:22) |
| 15. Emitting a custom event from check-filter (05:40) |
| 16. Relaying check-filter event (03:10) |
| 17. Processing check-filter event in root instace (03:57) |
| 18. Filtering movie list (07:05) |
| 19. Vue essentials - Single-file components (02:50) |
| 20. Migrating to single-file components (04:54) |
| 21. Getting data from the API (08:34) |
| 22. Replace dummy data with API data (03:12) |
| 23. Creating movie-item component (04:40) |
| 24. Adding Day.js library to project (06:20) |
| 25. Filtering session times (09:12) |
| 26. Adding time filters (06:07) |
| 27. Filtering movies by time (08:16) |
| 28. Filter sessions based on time filter (04:44) |
| 29. Adding no results and loading messages (04:12) |
| 30. Vue essentials - Vue Router (03:06) |
| 31. Creating home page (05:33) |
| 32. Setting up and installing Vue Router (06:32) |
| 33. Rendering pages in a Vue app (02:46) |
| 34. Creating and accessing the Movie page (04:49) |
| 35. Passing ID to movie route (7:13) |
| 36. Route validation (10:38) |
| 37. Vue essentials - Slots (03:23) |
| 38. Incorporating slots in movie-item (05:32) |
| 39. Fleshing out detail page (02:37) |
| 40. Creating day-select component (02:03) |
| 41. Adding days to day-select (06:18) |
| 42. Highlighting selected day (03:19) |
| 43. Setting global day state (04:23) |
| 44. Mobile day selector (04:53) |
| 45. Vue essentials - Custom directives (03:48) |
| 46. Creating tooltip custom directive (04:16) |
| 47. Directive low-level DOM access (03:45) |
| 48. Showing tooltip on mouse hover (07:54) |
| 49. Vue essentials - Plugins (01:26) |
| 50. Making tooltip a custom plugin (03:20) |
| 51. Adding keep-alive to router to maintain filter state (07:30) |
| 52. Finishing touches and wrap up (02:16) |