Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Svelte 3 | Project Course - Build a Movie App with Svelte JS [2020]
Introduction
Introduction (0:27)
App Presentation (2:25)
Short intro to Svelte (3:45)
TMDB and API Key (2:57)
Starter Files (1:35)
Setup
Setup Project and install dependencies (6:11)
Setup VS Code (4:25)
Copy files - dot env - folder structure (5:26)
Setup Rollup for use of dot env variables (5:37)
Home Page
Scaffolding the Home Component (8:11)
API fetch function for Home Page (11:36)
Fetch data in Home Component (6:09)
Header Component (6:23)
Hero Component (12:13)
SearchBar Component (14:45)
Grid Component (3:55)
Thumb Component (9:29)
LoadMore and Spinner Component (7:24)
Routing
Routing with page.js (10:09)
Movie Page
Scaffolding the Movie Component (6:55)
API fetch function for Movie Page (5:06)
Fetch data in Movie Component (5:22)
BreadCrumb Navigation Component (3:08)
MovieInfo Component (12:01)
MovieInfoBar Component (4:24)
Actor Component (4:40)
LocalStorage and SessionStorage
LocalStorage and SessionStorage (10:25)
Deploy
Deploy to Netlify (4:47)
Fetch data in Home Component
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock