CF

Build a Podcast Player with JavaScript, CSS and Node.js

8h 30m 51s
English
Paid
Updated September 2026

Build a Podcast Player with JavaScript, CSS and Node.js is a 42-lesson 8 hours 30 minutes self-paced course by Zero To Mastery. Build a Full-Stack Podcast Player Rather than following theory alone, this 42-lesson course has you build a real, working podcast player from the ground up — one with the kind of features found in professional media apps: search, a…

Course facts

Lessons
42
Duration
8 hours 30 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
Zero To Mastery
Price
Premium

Build a Full-Stack Podcast Player

Rather than following theory alone, this 42-lesson course has you build a real, working podcast player from the ground up — one with the kind of features found in professional media apps: search, a browsable catalog, streaming, a playback queue, and search history.

Backend: Node.js and Express

You set up the server side first, connecting to a podcast API and handling data delivery securely so the app has reliable content to stream.

Frontend: HTML, CSS, and JavaScript

On the client side, you design a polished, responsive interface and build custom playback controls for a smooth listening experience.

What You Walk Away With

Beyond the technical skills — working with APIs, managing user data, shipping real features — you finish with a complete project to add to your portfolio.

Additional

https://sweet-tellurium-e16.notion.site/JS-CSS-Projects-Handbook-12ab2273e75280118369d9af8a6a9622

Who teaches Build a Podcast Player with JavaScript, CSS and Node.js? Zero To Mastery

Zero To Mastery thumbnail

Zero To Mastery (ZTM) is a Toronto-based online coding academy founded by Andrei Neagoie, originally a senior developer at large Canadian tech firms before turning to teaching full-time. The academy's signature is the cohort-based bootcamp track combined with a deep self-paced course library, all aimed at career-changers and self-taught developers preparing to land software-engineering roles at top companies.

The instructor roster has grown well beyond Andrei to include other senior practitioners: Daniel Bourke (machine learning), Aleksa Tešić (DevOps), Jacinto Wong, and others. Courses cover the full software-engineering career path: web development with React and Next.js, Python, machine learning and deep learning, DevOps and cloud, system design, mobile, and the algorithm / data-structure interview prep that gates engineering jobs.

The CourseFlix listing under this source carries over 120 ZTM courses spanning that full range. Material is paid; ZTM itself runs on a monthly / annual membership model. The teaching style favours long-form, project-based courses where students build complete portfolio-quality applications rather than disconnected feature tutorials.

What lessons are included in Build a Podcast Player with JavaScript, CSS and Node.js?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 42 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (42)
#Lesson TitleDurationAccess
1
Introduction Demo
07:46
2
Podcast Index API
13:18
3
Node Install - Github Repo
08:41
4
Install NPM - Run Express
12:21
5
Server.js API Call (Part 1)
10:45
6
Server.js API Call (Part 2)
12:51
7
Font, Background, Nav UI
11:46
8
Containers UI
15:12
9
Search Container UI
14:47
10
Loader UI
06:45
11
Cards Container UI
16:29
12
Player UI
17:29
13
Queue UI
14:32
14
Mobile Navigation UI
19:59
15
Mobile Player UI
10:16
16
Mobile Search UI
15:48
17
Blisk
13:24
18
Search Container JS (Part 1)
10:09
19
Search Container JS (Part 2)
16:13
20
Search Results JS
12:09
21
Podcast Cards JS
15:45
22
Episodes API JS
11:38
23
Episode Cards JS
17:40
24
Lazy Load Images JS (Part 1)
12:14
25
Lazy Load Images JS (Part 2)
10:07
26
Player JS (Part 1)
12:33
27
Player JS (Part 2)
11:38
28
Player JS (Part 3)
16:28
29
Mobile Container UI
04:02
30
Queue JS (Part 1)
08:39
31
Queue JS (Part 2)
12:12
32
PWA Manifest
11:20
33
PWA Service Worker
18:26
34
Render Deployment
11:22
35
Let's Keep Learning Together!
01:23
36
Introduction
05:02
37
Mac / Linux Device Setup
05:35
38
Windows Device Setup
06:58
39
VSCode Setup & Template
19:27
40
VSCode Extensions
09:11
41
DevTools
13:57
42
GitHub
14:34
Unlock unlimited learning

Get instant access to all 41 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to Build a Podcast Player with JavaScript, CSS and Node.js?

More courses by Zero To Mastery

Frequently asked questions

What prerequisites are necessary for this course?
Prospective students should have a basic understanding of JavaScript, HTML, and CSS before enrolling. Familiarity with Node.js and Express will be beneficial but is not required, as the course will cover these technologies in detail during the backend development lessons.
What will I build by the end of the course?
You will build a fully functional podcast player web application. The project includes features such as searching for podcasts, managing playback queues, and keeping a search history. The application will be capable of streaming content and will be integrated directly into the browser with a stylish, responsive interface.
Who is the target audience for this course?
This course is designed for aspiring web developers who want to enhance their full-stack development skills. It is particularly suited for those interested in building media applications and learning how to work with APIs and server-side technologies like Node.js and Express.
What specific tools and platforms will be used?
The course employs Node.js and Express for backend development, and HTML, CSS, and JavaScript for the frontend. Additionally, it includes lessons on setting up a development environment with VSCode, using GitHub for version control, and deploying the project using the Render platform.
What topics or technologies are not covered in this course?
The course does not cover advanced server-side frameworks beyond Express, nor does it delve into database management systems. While it includes API integration, it does not cover the creation of APIs from scratch.
How much time should I expect to commit to this course?
The course consists of 42 lessons. While the exact runtime is not specified, students should plan to dedicate several weeks to complete the course, factoring in time for hands-on exercises and applying the skills learned in building the podcast player project.
How can the skills learned in this course benefit my career?
By completing this course, you will gain practical experience in creating a real-world web application, enhancing your portfolio with a finished project. The skills in API integration, responsive design, and full-stack development are valuable in many tech roles and can help distinguish you as a developer in the competitive tech landscape.