ASMR Programming - Music Player App - No Talking

Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎

Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 30 - 100 days javascript coding ⚜️

Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
   • 100 Days of JavaScript Coding  

In this tutorial, I am gonna showing to you how to code a music player in javascript. we create a project that you can play audio files with javascript from local folder or any url❗️

Day 30 - Source Code : https://github.com/AsmrProg-YT/100-da...

source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT

with this coding bootcamp you will learn how to be an javascript developer✅
Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉

100 days of javascript Playlist :    • 100 Days of JavaScript Coding  

Every week i will update this playlist ✅

Video Contents :

00:00 - Intro (100 days of code - day 30)
00:30 - Warming hands
00:37 - Main codes
01:00 - Add font and icons
01:57 - Html coding
04:41 - Main styles
05:13 - Blur background
06:33 - Container styles
07:43 - Cover styles
09:23 - Titles styles
10:04 - Progress styles
11:18 - Controls styles
12:44 - Main js codes
13:18 - Songs object
14:42 - togglePlay()
15:07 - playMusic()
16:01 - pauseMusic()
16:34 - loadMusic function
17:16 - changeMusic()
18:00 - updateProgressBar()
19:55 - setProgressBar()
20:35 - Event Listeners
22:12 - Fix bugs
23:12 - Final Result

Asmr Game Coding Playlist :    • ASMR Game Coding  

Other Video's :

Coding a Snake Game :    • ASMR Programming - Coding a Snake Gam...  
Movie Guide App Coding :    • ASMR Programming - Movie Guide App Wi...  
Coding IOS (IPhone) Dynamic Music :    • ASMR Programming - Coding IOS (IPhone...  

Subscribe → https://bit.ly/3Lf1K4A ✅

Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.

About AsmrProg Channel :

Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.

AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming