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

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

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

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

zerotomastery.io

★5 (всего оценок - 2)

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

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 и многие другие инструменты, необходимые для карьерного роста, успешного трудоустройства и достижения результатов в ведущих компаниях.

+267

Комментарии