Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build a Podcast Player with JavaScript, CSS and Node.js
Introduction
Introduction (7:45)
Exercise: Meet Your Classmates and Instructor
Course Resources
Developer Setup
Podcast Player
Podcast Index API (13:17)
Node Install - Github Repo (8:40)
Install NPM - Run Express (12:20)
Server.js API Call (Part 1) (10:44)
Server.js API Call (Part 2) (12:50)
Font, Background, Nav UI (11:45)
Containers UI (15:11)
Search Container UI (14:46)
Loader UI (6:44)
Cards Container UI (16:28)
Player UI (17:28)
Queue UI (14:31)
Mobile Navigation UI (19:58)
Mobile Player UI (10:15)
Mobile Search UI (15:47)
Blisk (13:23)
Note on Blisk
Search Container JS (Part 1) (10:08)
Search Container JS (Part 2) (16:12)
Search Results JS (12:08)
Podcast Cards JS (15:44)
Episodes API JS (11:37)
Episode Cards JS (17:39)
Lazy Load Images JS (Part 1) (12:13)
Lazy Load Images JS (Part 2) (10:06)
Player JS (Part 1) (12:32)
Player JS (Part 2) (11:38)
Player JS (Part 3) (16:27)
Mobile Container UI (4:01)
Queue JS (Part 1) (8:38)
Queue JS (Part 2) (12:11)
PWA Manifest (11:19)
PWA Service Worker (18:25)
Render Deployment (11:21)
Note on Cron-Jobs
Where To Go From Here?
Let's Keep Learning Together! (1:22)
Review This Project!
Optional Appendix - Developer Setup
Introduction (5:01)
Mac / Linux Device Setup (5:34)
Windows Device Setup (6:57)
VSCode Setup & Template (19:26)
VSCode Extensions (9:10)
DevTools (13:56)
GitHub (14:33)
Player JS (Part 3)
This lecture is available exclusively for ZTM Academy members.
If you're already a member,
you'll need to login
.
Join ZTM To Unlock All Lectures