|
|
1. In Progress.html
|
HTML
|
111 B
|
|
|
10. Logging Out Using An Endpoint.mp4
|
MP4
|
89.57 MB
|
|
|
10. Logging Out Using An Endpoint.srt
|
SRT
|
15.38 KB
|
|
|
10.1 Lecture Code.html
|
HTML
|
122 B
|
|
|
11. Adding Assets & Icons.mp4
|
MP4
|
31.32 MB
|
|
|
11. Adding Assets & Icons.srt
|
SRT
|
5.46 KB
|
|
|
11.1 Lecture Code.html
|
HTML
|
124 B
|
|
|
11.2 Lucide Icons.html
|
HTML
|
98 B
|
|
|
11.3 no-js Script.html
|
HTML
|
113 B
|
|
|
12. Creating a Button Component.mp4
|
MP4
|
93.95 MB
|
|
|
12. Creating a Button Component.srt
|
SRT
|
18.93 KB
|
|
|
12.1 Lecture Code.html
|
HTML
|
116 B
|
|
|
13. Using Typescript to Extend Native HTML Attributes.mp4
|
MP4
|
37.74 MB
|
|
|
13. Using Typescript to Extend Native HTML Attributes.srt
|
SRT
|
7.96 KB
|
|
|
13.1 Lecture Code.html
|
HTML
|
116 B
|
|
|
14. Creating & Styling the Login Page.mp4
|
MP4
|
105.4 MB
|
|
|
14. Creating & Styling the Login Page.srt
|
SRT
|
15.13 KB
|
|
|
14.1 Lecture Code.html
|
HTML
|
118 B
|
|
|
15. Creating the Desktop Navigation Menu.mp4
|
MP4
|
104.05 MB
|
|
|
15. Creating the Desktop Navigation Menu.srt
|
SRT
|
18.08 KB
|
|
|
15.1 Lecture Code.html
|
HTML
|
119 B
|
|
|
16. Styling the Desktop Navigation Menu.mp4
|
MP4
|
55.14 MB
|
|
|
16. Styling the Desktop Navigation Menu.srt
|
SRT
|
8.5 KB
|
|
|
16.1 Lecture Code.html
|
HTML
|
120 B
|
|
|
17. Creating the Top Bar & Animating it On Scroll.mp4
|
MP4
|
108.26 MB
|
|
|
17. Creating the Top Bar & Animating it On Scroll.srt
|
SRT
|
16.79 KB
|
|
|
17.1 Lecture Code.html
|
HTML
|
121 B
|
|
|
18. Creating The Mobile Navigation Menu.mp4
|
MP4
|
115.78 MB
|
|
|
18. Creating The Mobile Navigation Menu.srt
|
SRT
|
17.91 KB
|
|
|
18.1 Lecture Code.html
|
HTML
|
119 B
|
|
|
19. Improving Menu's Accessibility.mp4
|
MP4
|
76.03 MB
|
|
|
19. Improving Menu's Accessibility.srt
|
SRT
|
13.58 KB
|
|
|
19.1 Lecture Code.html
|
HTML
|
119 B
|
|
|
2. Creating a New SvelteKit Project And Installing a CSS Normalizer.mp4
|
MP4
|
16.16 MB
|
|
|
2. Creating a New SvelteKit Project And Installing a CSS Normalizer.srt
|
SRT
|
5.16 KB
|
|
|
2.1 Lecture Code.html
|
HTML
|
121 B
|
|
|
2.2 modern-normalize.html
|
HTML
|
109 B
|
|
|
20. Implementing Focus Trap for The Navigation Menu.mp4
|
MP4
|
83.53 MB
|
|
|
20. Implementing Focus Trap for The Navigation Menu.srt
|
SRT
|
13.46 KB
|
|
|
20.1 Lecture Code.html
|
HTML
|
119 B
|
|
|
21. Creating An Icon Button Component.mp4
|
MP4
|
67.82 MB
|
|
|
21. Creating An Icon Button Component.srt
|
SRT
|
11.08 KB
|
|
|
21.1 Lecture Code.html
|
HTML
|
119 B
|
|
|
22. Finalizing Our Mobile Navigation Menu.mp4
|
MP4
|
86.33 MB
|
|
|
22. Finalizing Our Mobile Navigation Menu.srt
|
SRT
|
13.17 KB
|
|
|
22.1 Lecture Code.html
|
HTML
|
123 B
|
|
|
23. Creating & Styling the User Menu Button.mp4
|
MP4
|
56.52 MB
|
|
|
23. Creating & Styling the User Menu Button.srt
|
SRT
|
8.59 KB
|
|
|
23.1 Lecture Code.html
|
HTML
|
127 B
|
|
|
24. Creating a Tippy Svelte Action For Out Profile Menu.mp4
|
MP4
|
92.79 MB
|
|
|
24. Creating a Tippy Svelte Action For Out Profile Menu.srt
|
SRT
|
14.06 KB
|
|
|
24.1 Lecture Code.html
|
HTML
|
120 B
|
|
|
25. Adding a Tippy Theme & Styling The User Menu.mp4
|
MP4
|
60.54 MB
|
|
|
25. Adding a Tippy Theme & Styling The User Menu.srt
|
SRT
|
9.89 KB
|
|
|
25.1 Lecture Code.html
|
HTML
|
128 B
|
|
|
25.2 Tippy Themes Guide.html
|
HTML
|
105 B
|
|
|
26. Improving Tippy By Adding Tippy Plugins.mp4
|
MP4
|
79.81 MB
|
|
|
26. Improving Tippy By Adding Tippy Plugins.srt
|
SRT
|
12.56 KB
|
|
|
26.1 Lecture Code.html
|
HTML
|
121 B
|
|
|
26.2 Tippy Plugins Guide.html
|
HTML
|
106 B
|
|
|
27. Pages' Title Tag, Skip Link & Pages' Loading Indicator.mp4
|
MP4
|
91.61 MB
|
|
|
27. Pages' Title Tag, Skip Link & Pages' Loading Indicator.srt
|
SRT
|
15.94 KB
|
|
|
27.1 Lecture Code.html
|
HTML
|
136 B
|
|
|
28. Styling the Layout for Disabled JavaScript.mp4
|
MP4
|
102.28 MB
|
|
|
28. Styling the Layout for Disabled JavaScript.srt
|
SRT
|
16.6 KB
|
|
|
28.1 Lecture Code.html
|
HTML
|
128 B
|
|
|
29. Fetching Data From the Spotify API.mp4
|
MP4
|
49.48 MB
|
|
|
29. Fetching Data From the Spotify API.srt
|
SRT
|
9.2 KB
|
|
|
29.1 Lecture Code.html
|
HTML
|
125 B
|
|
|
3. Setting Up SASS.mp4
|
MP4
|
51.23 MB
|
|
|
3. Setting Up SASS.srt
|
SRT
|
9.92 KB
|
|
|
3.1 @unsass-breakpoint.html
|
HTML
|
97 B
|
|
|
3.2 Lecture Code.html
|
HTML
|
118 B
|
|
|
30. Creating an Endpoint for Forwarding Spotify API Calls.mp4
|
MP4
|
76 MB
|
|
|
30. Creating an Endpoint for Forwarding Spotify API Calls.srt
|
SRT
|
11.06 KB
|
|
|
30.1 Lecture Code.html
|
HTML
|
124 B
|
|
|
31. Fetching the Home Page Data.mp4
|
MP4
|
159.55 MB
|
|
|
31. Fetching the Home Page Data.srt
|
SRT
|
23.69 KB
|
|
|
31.1 Lecture Code.html
|
HTML
|
117 B
|
|
|
32. Refreshing the Access Token During Client Side Navigation.mp4
|
MP4
|
144.47 MB
|
|
|
32. Refreshing the Access Token During Client Side Navigation.srt
|
SRT
|
22.74 KB
|
|
|
32.1 Lecture Code.html
|
HTML
|
121 B
|
|
|
33. Creating the Home Page Markup.mp4
|
MP4
|
94.21 MB
|
|
|
33. Creating the Home Page Markup.srt
|
SRT
|
15.03 KB
|
|
|
33.1 Lecture Code.html
|
HTML
|
119 B
|
|
|
34. Styling the Home Page.mp4
|
MP4
|
36.1 MB
|
|
|
34. Styling the Home Page.srt
|
SRT
|
5.13 KB
|
|
|
34.1 Lecture Code.html
|
HTML
|
120 B
|
|
|
35. Creating a Card Component.mp4
|
MP4
|
101.4 MB
|
|
|
35. Creating a Card Component.srt
|
SRT
|
14.37 KB
|
|
|
35.1 Lecture Code.html
|
HTML
|
124 B
|
|
|
36. Creating a Card Component (Cont.).mp4
|
MP4
|
112.13 MB
|
|
|
36. Creating a Card Component (Cont.).srt
|
SRT
|
13.81 KB
|
|
|
36.1 Lecture Code.html
|
HTML
|
124 B
|
|
|
37. Creating the Album Page & Loading Album Data.mp4
|
MP4
|
75.39 MB
|
|
|
37. Creating the Album Page & Loading Album Data.srt
|
SRT
|
13.46 KB
|
|
|
37.1 Lecture Code.html
|
HTML
|
123 B
|
|
|
37.2 Lecture Code.html
|
HTML
|
123 B
|
|
|
38. ItemPage Component Markup.mp4
|
MP4
|
94.28 MB
|
|
|
38. ItemPage Component Markup.srt
|
SRT
|
14.98 KB
|
|
|
38.1 Lecture Code.html
|
HTML
|
123 B
|
|
|
39. Styling The ItemPage Component.mp4
|
MP4
|
129.52 MB
|
|
|
39. Styling The ItemPage Component.srt
|
SRT
|
19.46 KB
|
|
|
39.1 Lecture Code.html
|
HTML
|
124 B
|
|
|
4. Adding Global Styles.mp4
|
MP4
|
43.76 MB
|
|
|
4. Adding Global Styles.srt
|
SRT
|
8.18 KB
|
|
|
4.1 @fontsourcemetropolis.html
|
HTML
|
113 B
|
|
|
4.2 Lecture Code.html
|
HTML
|
121 B
|
|
|
40. Getting The Average Colour of an Image.mp4
|
MP4
|
53.12 MB
|
|
|
40. Getting The Average Colour of an Image.srt
|
SRT
|
8.81 KB
|
|
|
40.1 Lecture Code.html
|
HTML
|
130 B
|
|
|
41. Using the Average Colour Endpoint in the Album Page.mp4
|
MP4
|
56.57 MB
|
|
|
41. Using the Average Colour Endpoint in the Album Page.srt
|
SRT
|
8.27 KB
|
|
|
41.1 Lecture Code.html
|
HTML
|
127 B
|
|
|
42. The TrackList Component Markup.mp4
|
MP4
|
79.79 MB
|
|
|
42. The TrackList Component Markup.srt
|
SRT
|
13.09 KB
|
|
|
42.1 Lecture Code.html
|
HTML
|
124 B
|
|
|
43. The TrackList Component Styling.mp4
|
MP4
|
72.34 MB
|
|
|
43. The TrackList Component Styling.srt
|
SRT
|
11.24 KB
|
|
|
43.1 Lecture Code.html
|
HTML
|
124 B
|
|
|
44. Creating an Audio Player Component.mp4
|
MP4
|
117.41 MB
|
|
|
44. Creating an Audio Player Component.srt
|
SRT
|
18.01 KB
|
|
|
44.1 Lecture Code.html
|
HTML
|
124 B
|
|
|
45. Using the Player Component in The TrackList Component.mp4
|
MP4
|
68.47 MB
|
|
|
45. Using the Player Component in The TrackList Component.srt
|
SRT
|
9.94 KB
|
|
|
45.1 Lecture Code.html
|
HTML
|
126 B
|
|
|
46. Handling the TrackList Component When JS is Disabled.mp4
|
MP4
|
65.27 MB
|
|
|
46. Handling the TrackList Component When JS is Disabled.srt
|
SRT
|
9.35 KB
|
|
|
46.1 Lecture Code.html
|
HTML
|
123 B
|
|
|
47. Customizing Error Pages.mp4
|
MP4
|
87.25 MB
|
|
|
47. Customizing Error Pages.srt
|
SRT
|
15.31 KB
|
|
|
47.1 Lecture Code.html
|
HTML
|
122 B
|
|
|
48. Adding a Retry Button in Error Page.mp4
|
MP4
|
63.72 MB
|
|
|
48. Adding a Retry Button in Error Page.srt
|
SRT
|
10.2 KB
|
|
|
48.1 Lecture Code.html
|
HTML
|
119 B
|
|
|
49. Playlist Page Data.mp4
|
MP4
|
50.8 MB
|
|
|
49. Playlist Page Data.srt
|
SRT
|
8.6 KB
|
|
|
49.1 Lecture Code.html
|
HTML
|
121 B
|
|
|
5. Creating a Spotify App & Adding Environment Variables.mp4
|
MP4
|
23.56 MB
|
|
|
5. Creating a Spotify App & Adding Environment Variables.srt
|
SRT
|
5.89 KB
|
|
|
5.1 Authorization Code Flow.html
|
HTML
|
144 B
|
|
|
50. Playlist Page Markup & Styling.mp4
|
MP4
|
101.66 MB
|
|
|
50. Playlist Page Markup & Styling.srt
|
SRT
|
16.61 KB
|
|
|
50.1 Lecture Code.html
|
HTML
|
135 B
|
|
|
51. Playlist Tracks Load More Button.mp4
|
MP4
|
77.56 MB
|
|
|
51. Playlist Tracks Load More Button.srt
|
SRT
|
11.19 KB
|
|
|
51.1 Lecture Code.html
|
HTML
|
126 B
|
|
|
52. Playlist Tracks Pagination For Disabled JS.mp4
|
MP4
|
112.94 MB
|
|
|
52. Playlist Tracks Pagination For Disabled JS.srt
|
SRT
|
16.24 KB
|
|
|
52.1 Lecture Code.html
|
HTML
|
124 B
|
|
|
53. Follow & Unfollow Playlist Form Actions.mp4
|
MP4
|
83.06 MB
|
|
|
53. Follow & Unfollow Playlist Form Actions.srt
|
SRT
|
13.13 KB
|
|
|
53.1 Lecture Code.html
|
HTML
|
131 B
|
|
|
54. Follow & Unfollow Button.mp4
|
MP4
|
81.63 MB
|
|
|
54. Follow & Unfollow Button.srt
|
SRT
|
12.5 KB
|
|
|
54.1 Lecture Code.html
|
HTML
|
130 B
|
|
|
55. Enhancing Follow & Unfollow When JS is Enabled.mp4
|
MP4
|
75.82 MB
|
|
|
55. Enhancing Follow & Unfollow When JS is Enabled.srt
|
SRT
|
11.3 KB
|
|
|
55.1 Lecture Code.html
|
HTML
|
131 B
|
|
|
56. Creating a Toasts Store & Component.mp4
|
MP4
|
69.61 MB
|
|
|
56. Creating a Toasts Store & Component.srt
|
SRT
|
14.09 KB
|
|
|
56.1 Lecture Code.html
|
HTML
|
116 B
|
|
|
57. Creating a Toasts Store & Component (Cont.).mp4
|
MP4
|
127.43 MB
|
|
|
57. Creating a Toasts Store & Component (Cont.).srt
|
SRT
|
18.32 KB
|
|
|
57.1 Lecture Code.html
|
HTML
|
116 B
|
|
|
58. Playlists Page Markup & Styling.mp4
|
MP4
|
76.86 MB
|
|
|
58. Playlists Page Markup & Styling.srt
|
SRT
|
13.17 KB
|
|
|
58.1 Lecture Code.html
|
HTML
|
122 B
|
|
|
59. Reusable Pagination Component.mp4
|
MP4
|
83.2 MB
|
|
|
59. Reusable Pagination Component.srt
|
SRT
|
15.38 KB
|
|
|
59.1 Lecture Code.html
|
HTML
|
128 B
|
|
|
6. Constructing a Spotify Login Request.mp4
|
MP4
|
93.32 MB
|
|
|
6. Constructing a Spotify Login Request.srt
|
SRT
|
16.66 KB
|
|
|
6.1 Lecture Code.html
|
HTML
|
122 B
|
|
|
6.2 What is PKCE.html
|
HTML
|
112 B
|
|
|
60. Adding a Create Playlist Page & Form Action.mp4
|
MP4
|
99.29 MB
|
|
|
60. Adding a Create Playlist Page & Form Action.srt
|
SRT
|
18.53 KB
|
|
|
60.1 Lecture Code.html
|
HTML
|
124 B
|
|
|
61. Moving the Playlist Form to a Separate Component.mp4
|
MP4
|
62.19 MB
|
|
|
61. Moving the Playlist Form to a Separate Component.srt
|
SRT
|
10.55 KB
|
|
|
61.1 Lecture Code.html
|
HTML
|
130 B
|
|
|
62. Edit Playlist Page & Form Action.mp4
|
MP4
|
109.51 MB
|
|
|
62. Edit Playlist Page & Form Action.srt
|
SRT
|
18.58 KB
|
|
|
62.1 Lecture Code.html
|
HTML
|
121 B
|
|
|
63. Creating a Modal Component with Micromodal.js.mp4
|
MP4
|
97.58 MB
|
|
|
63. Creating a Modal Component with Micromodal.js.srt
|
SRT
|
14.55 KB
|
|
|
63.1 Lecture Code.html
|
HTML
|
123 B
|
|
|
63.2 Micromodal.js.html
|
HTML
|
90 B
|
|
|
64. Enhancing the Add Playlist Form.mp4
|
MP4
|
60.2 MB
|
|
|
64. Enhancing the Add Playlist Form.srt
|
SRT
|
8.24 KB
|
|
|
64.1 Lecture Code.html
|
HTML
|
126 B
|
|
|
65. Enhancing the Edit Playlist Form.mp4
|
MP4
|
68.99 MB
|
|
|
65. Enhancing the Edit Playlist Form.srt
|
SRT
|
9.65 KB
|
|
|
65.1 Lecture Code.html
|
HTML
|
127 B
|
|
|
7. Creating the Spotify Redirect Callback Endpoint.mp4
|
MP4
|
123.05 MB
|
|
|
7. Creating the Spotify Redirect Callback Endpoint.srt
|
SRT
|
18.96 KB
|
|
|
7.1 Lecture Code.html
|
HTML
|
122 B
|
|
|
8. Populating the Root Layout With The Logged in Spotify User.mp4
|
MP4
|
85.41 MB
|
|
|
8. Populating the Root Layout With The Logged in Spotify User.srt
|
SRT
|
17.45 KB
|
|
|
8.1 Lecture Code.html
|
HTML
|
122 B
|
|
|
9. Refreshing Expired Access Tokens.mp4
|
MP4
|
121.03 MB
|
|
|
9. Refreshing Expired Access Tokens.srt
|
SRT
|
19.51 KB
|
|
|
9.1 Lecture Code.html
|
HTML
|
122 B
|