Enroll in this course or log in
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)

Back to courses