Главная страница Категория html Создание подкаст-плеера с JavaScript, CSS и Node.js

Создание подкаст-плеера с JavaScript, CSS и Node.js

Name: Создание подкаст-плеера с JavaScript, CSS и Node.js
Price: 13 USD
Rating: 5 (1 reviews)

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

zerotomastery.io

Начать Сейчас

Продолжительность

8 ч 30 мин

Категория

HTML

Количество уроков

42 Видео

Дата добавления

3 окт. 2025 г., 23:10

Язык

Английский

«Создание подкаст-плеера с JavaScript, CSS и Node.js» - это практический full-stack проект, в котором вы разработаете современное веб-приложение для прослушивания подкастов.

В ходе курса вы шаг за шагом создадите приложение, которое ничем не уступает реальным медиаплеерам: поиск, каталог, потоковое воспроизведение, очередь воспроизведения и история поиска - всё прямо в браузере.

На бэкенде вы будете работать с Node.js и Express, подключитесь к API подкастов и настроите безопасную выдачу данных.
На фронтенде с помощью HTML, CSS и JavaScript создадите стильный, отзывчивый интерфейс с кастомными элементами управления воспроизведением.

Курс станет серьёзным апгрейдом для вашего стека: вы научитесь работать с API, управлять пользовательскими данными и реализовывать функционал, который ценят реальные пользователи.

В итоге у вас будет не только новые навыки, но и готовый проект для портфолио, который выгодно выделит вас среди разработчиков.

Посмотреть больше

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:07:46

Introduction
Урок 2. 00:13:18

Podcast Index API
Урок 3. 00:08:41

Node Install - Github Repo
Урок 4. 00:12:21

Install NPM - Run Express
Урок 5. 00:10:45

Server.js API Call (Part 1)
Урок 6. 00:12:51

Server.js API Call (Part 2)
Урок 7. 00:11:46

Font, Background, Nav UI
Урок 8. 00:15:12

Containers UI
Урок 9. 00:14:47

Search Container UI
Урок 10. 00:06:45

Loader UI
Урок 11. 00:16:29

Cards Container UI
Урок 12. 00:17:29

Player UI
Урок 13. 00:14:32

Queue UI
Урок 14. 00:19:59

Mobile Navigation UI
Урок 15. 00:10:16

Mobile Player UI
Урок 16. 00:15:48

Mobile Search UI
Урок 17. 00:13:24

Blisk
Урок 18. 00:10:09

Search Container JS (Part 1)
Урок 19. 00:16:13

Search Container JS (Part 2)
Урок 20. 00:12:09

Search Results JS
Урок 21. 00:15:45

Podcast Cards JS
Урок 22. 00:11:38

Episodes API JS
Урок 23. 00:17:40

Episode Cards JS
Урок 24. 00:12:14

Lazy Load Images JS (Part 1)
Урок 25. 00:10:07

Lazy Load Images JS (Part 2)
Урок 26. 00:12:33

Player JS (Part 1)
Урок 27. 00:11:38

Player JS (Part 2)
Урок 28. 00:16:28

Player JS (Part 3)
Урок 29. 00:04:02

Mobile Container UI
Урок 30. 00:08:39

Queue JS (Part 1)
Урок 31. 00:12:12

Queue JS (Part 2)
Урок 32. 00:11:20

PWA Manifest
Урок 33. 00:18:26

PWA Service Worker
Урок 34. 00:11:22

Render Deployment
Урок 35. 00:01:23

Let's Keep Learning Together!
Урок 36. 00:05:02

Introduction
Урок 37. 00:05:35

Mac / Linux Device Setup
Урок 38. 00:06:58

Windows Device Setup
Урок 39. 00:19:27

VSCode Setup & Template
Урок 40. 00:09:11

VSCode Extensions
Урок 41. 00:13:57

DevTools
Урок 42. 00:14:34

GitHub

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

Автор - zerotomastery.io

zerotomastery.io

Независимо от того, начинаете ли вы изучать программирование или хотите усовершенствовать свои навыки, Академия Zero To Mastery научит вас React, Javascript, Python, CSS и многим другим вещам, чтобы помочь вам продвинуться по карьерной лестнице, получить работу и добиться успеха в некоторых ведущих компаниях.

+253

Комментарии

Создание подкаст-плеера с JavaScript, CSS и Node.js

Ограничение времени просмотра

Автор - zerotomastery.io

zerotomastery.io

Другие материалы в этой категории

Анимированные графики новостей на HTML, CSS и JavaScript