ASMR Programming - Spotify Desktop App - No Talking

  • Видео
  • О видео
  • Скачать
  • Поделиться

ASMR Programming - Spotify Desktop App - No Talking

Hello my dear coders, In this video, I demonstrate how to create a Spotify app clone using HTML, CSS, and JavaScript. Although the app looks similar to Spotify, it doesn't have any actual functionality. This is just a demonstration of how to create a basic layout and design for a music streaming app. Feel free to use this as a starting point for your own projects and add functionality as you wish. If you have any suggestions or ideas for how to improve this app, please leave a comment below or fork the code on Github. Thanks for watching! I will be waiting for your pull requests on Github. Hope you like it! Twitter: https://twitter.com/gulnaroglus 👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻 Source code: https://github.com/servetgulnaroglu/spotify-desktop-app Live a star on github, if you enjoy! 👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻 📦📦📦📦📦📦📦📦📦📦📦📦📦📦📦 ⌨️ Keyboard: YUNZII KEYNOVO IF98 Gateron Red Switches https://bit.ly/3hPGk3A 📦📦📦📦📦📦📦📦📦📦📦📦📦📦📦 00:00 Initializing npm 00:26 Electron.js quick start 01:17 Electron.js test 01:39 Creating css file 02:08 Showing the images and svg's 02:28 Coding left bar with HTML 09:10 End of left menu 09:52 Coding left playlists 11:00 End of left playlists 11:19 Coding left song cover 12:50 End of left song cover 13:30 Coding playlist header 22:20 Box shadow generator 27:15 End of playlist header 28:00 Coding playlist songs 30:58 Gradient background generator 43:20 End of playlist songs 44:03 Coding bottom player 54:30 End of bottom player 56:10 Running as a desktop application 56:43 Hidden top bar and maximizing the window 57:10 Final results and comparison
1, 105, 331   |   2 год. назад  |   21, 014 - 0
 

ASMR Programming - Spotify Desktop App - No Talking

Скачайте изображение (превью) выбрав качество


320x180 480x360 640x480 1280x720

Hello my dear coders,

In this video, I demonstrate how to create a Spotify app clone using HTML, CSS, and JavaScript. Although the app looks similar to Spotify, it doesn't have any actual functionality. This is just a demonstration of how to create a basic layout and design for a music streaming app. Feel free to use this as a starting point for your own projects and add functionality as you wish. If you have any suggestions or ideas for how to improve this app, please leave a comment below or fork the code on Github. Thanks for watching!

I will be waiting for your pull requests on Github.

Hope you like it!

Twitter:

👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻
Source code:
Live a star on github, if you enjoy!
👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻

📦📦📦📦📦📦📦📦📦📦📦📦📦📦📦
⌨️ Keyboard: YUNZII KEYNOVO IF98 Gateron Red Switches

📦📦📦📦📦📦📦📦📦📦📦📦📦📦📦


00:00 Initializing npm
00:26 Electron.js quick start
01:17 Electron.js test
01:39 Creating css file
02:08 Showing the images and svg's
02:28 Coding left bar with HTML
09:10 End of left menu
09:52 Coding left playlists
11:00 End of left playlists
11:19 Coding left song cover
12:50 End of left song cover
13:30 Coding playlist header
22:20 Box shadow generator
27:15 End of playlist header
28:00 Coding playlist songs
30:58 Gradient background generator
43:20 End of playlist songs
44:03 Coding bottom player
54:30 End of bottom player
56:10 Running as a desktop application
56:43 Hidden top bar and maximizing the window
57:10 Final results and comparison


ASMR Programming - Spotify Desktop App - No Talking

Чтобы скачать видео "ASMR Programming - Spotify Desktop App - No Talking" передвинте ползунок вправо



Покажите вашим друзьям, добавьте в соцсети

Ссылка на страницу с видео:

 

Ссылка HTML на страницу с видео:

 

Код для вставки плеера:


  • Комментарии

Комментарии ФБ


Уважаемые друзья!

Источником всего видеоконтента, в том числе проигрывающегося на страницах ресурса ruslar.me, является сторонний видео ресурс, а именно общедоступный видеохостинг YouTube.com, предоставляющий открытый доступ к своему видеоконтенту (используя открытую и общедоступную технологию video API3 youtube.com)!

Проблемы с авторскими правами

Если вам принадлежат авторские права на данное видео, которое было загружено без вашего согласия на YouTube.com, перейдите на страницу этого видео сайта YouTube.com , нажмите на ссылку под проигрывателем Ещё -> "Пожаловаться" -> "Нарушение моих прав" и в выпадающем меню, выбирите, что именно нарушается и нажмите кнопку "Отправить".



Неприемлемый контент

Чтобы сообщить о неприемлемом видео, перейдите на YouTube, нажмите на ссылку под проигрывателем Ещё -> "Пожаловаться" и выберите в "Сообщить о нарушении" что именно вас не устраивает в этом видео. Подробнее о наших правилах читайте в Условиях использования.