Spotify Clone using HTML, CSS & JavaScript | Sigma Web Development Course - Tutorial #84

  Рет қаралды 615,472

CodeWithHarry

CodeWithHarry

Күн бұрын

Пікірлер: 2 000
@CodeWithHarry
@CodeWithHarry 11 ай бұрын
We'll raise the bar like anything 😉😉
@IT.Technology1
@IT.Technology1 11 ай бұрын
Love from Pakistan 🇵🇰 love you Harry Bhai I don't know programing or 3d animation which I start please tell ❤
@lazy-hero.
@lazy-hero. 11 ай бұрын
I am ready 😁
@Developer_Pankaj07
@Developer_Pankaj07 11 ай бұрын
Code nhi Mila bhai 😢
@owaisahmadshah6744
@owaisahmadshah6744 11 ай бұрын
Salute you sir!
@Haseeb_Baig-325
@Haseeb_Baig-325 11 ай бұрын
I am ready for react js
@codingwithalizai
@codingwithalizai 11 ай бұрын
Only regular viewers knew that harry has already made a spotify clone before that . But this looks cooler that that one
@priyanshutrivedi2357
@priyanshutrivedi2357 11 ай бұрын
Correct 💯
@ihtapirt
@ihtapirt 11 ай бұрын
And that one was very short compare to this this one looks more cool though
@priyanshutrivedi2357
@priyanshutrivedi2357 11 ай бұрын
@@ihtapirt yaa actually.....
@Someone-kp8et
@Someone-kp8et 11 ай бұрын
Ya he had
@Abhi_patel18
@Abhi_patel18 11 ай бұрын
Yaa bro but I want with backend
@Suresh-iu2tx
@Suresh-iu2tx 11 ай бұрын
Just want to say please don't discontinue this course.. No matter what please finish it.. There are lotta people like me who are benefitting from it.. Thank you harry bhai
@southsponge3216
@southsponge3216 11 ай бұрын
Yessss...well said!! Even if he misses a day I get worried about the fact that "did he quit?!"
@Suresh-iu2tx
@Suresh-iu2tx 11 ай бұрын
​@@southsponge3216exactly.. He didn't post for a day and i was like ah there goes my web dev career😂
@southsponge3216
@southsponge3216 11 ай бұрын
@@Suresh-iu2tx haha
@helloworld2054
@helloworld2054 11 ай бұрын
Don't worry Harry bhai will never quit and will finish the course
@xeeris581
@xeeris581 11 ай бұрын
Yes also me
@devtomar8472
@devtomar8472 9 ай бұрын
Jahan aaj sab shiksha ke nam par loot rahe hai vahan yeh banda sabko coding free me aur best quality me sikhata hai. This is a great man in current coding time. Is bande ko Salute hai bhai. 🎉🎉❤❤
@Newone-io6og
@Newone-io6og 4 ай бұрын
Bhai, can you tell me how much time did it took to made the exact clone??
@PubgPlayer-z5p
@PubgPlayer-z5p Ай бұрын
@@Newone-io6og it took me about a week
@ayush535programmer
@ayush535programmer 10 ай бұрын
Who has completed this whole project together by typing each line of code on there own.🎉 Love the course❤
@adarshgupta7315
@adarshgupta7315 10 ай бұрын
Can you help me to get the mp3 files of the songs, I have downloaded the songs folder from this github repo but I couldn't find the mp3 files in it.
@CodeWithNaadi
@CodeWithNaadi 9 ай бұрын
Mujhe bhi yahi prob aari hai jb fetch krk Lara hu or console krwa raha hu to songs table form mein ni de raha
@ayush535programmer
@ayush535programmer 9 ай бұрын
@@adarshgupta7315 apna songs folder khud se bana lo and fir console karke check karlo ki proper path fetch ho rha hai ya nhi
@sbg07shorts18
@sbg07shorts18 9 ай бұрын
​@@adarshgupta7315bhai songs download kr k songs wale folder me dal
@sbg07shorts18
@sbg07shorts18 9 ай бұрын
​@@CodeWithNaadibhai songs download kr k songs wale folder me dal
@misterkhan8780
@misterkhan8780 11 ай бұрын
What makes Code With Harry channel, standout all other coding/programming channel, is Harry bhai's consistency and dedcation to deliver the knowledge to us 🙏🙏🙏
@arthur_bell
@arthur_bell 2 ай бұрын
yes you are right. Love from Pakistan
@alkafkhan.47
@alkafkhan.47 Ай бұрын
​@@arthur_bell harry bhai ki adhi audience pakistan se hai kya 😅
@arthur_bell
@arthur_bell Ай бұрын
@@alkafkhan.47 Shayad Harry bhai se acha tutor koi nahi hai KZbin pe
@Uzaifm127
@Uzaifm127 11 ай бұрын
This sigma web development course is job ready, this project proved that, and this is just starting of amazing projects.
@caustic3532
@caustic3532 4 ай бұрын
bhai wo songs wala folder ko url mei kaise convert kiya fetch krne ke liye
@ishikatyagi2631
@ishikatyagi2631 4 ай бұрын
​@@caustic3532when tha page is in in browser just tap on link above and delete file name till / and add folder name just follow steps step by step
@AmiteshBairagi
@AmiteshBairagi 3 ай бұрын
@@caustic3532 songs folder ke andar sare songs hai. localhost ke bad /songs dalo chrome mei mil jayega
@pratikgabani79
@pratikgabani79 11 ай бұрын
This man is really born to make history 😱😱
@bharathbolloju8225
@bharathbolloju8225 7 ай бұрын
nearly it took 7 days to complete this , you're another level harry bhai... your student from Hyderabad
@AshishSingh-rc5eo
@AshishSingh-rc5eo 7 ай бұрын
Bro were you able to deploy it?
@AshishSingh-rc5eo
@AshishSingh-rc5eo 7 ай бұрын
I am having issues in hosting it as the playlists and songs are not loading into the website pls help me if you have a solution to this
@NileshKumarGupta-r2x
@NileshKumarGupta-r2x 5 ай бұрын
@@AshishSingh-rc5eo u need to be on same wifi to fetch like he has done
@Code_gen
@Code_gen 5 ай бұрын
Hey my songs are not showing after clicking poster please tell me I have written same code
@tanishqsingh4175
@tanishqsingh4175 5 ай бұрын
can you help me how to fetch the songs like he do at 1:32:00
@5minSci
@5minSci 7 ай бұрын
Demo to mujhe movie ka trailer jaisa feel aaya maja aagya Heri bhai...
@anandprakashverma7015
@anandprakashverma7015 11 ай бұрын
Harry sir one request 🙏🙏🙏 - Please don't even think to discontinue this series. This series is wonderful and many student's web dev is dependent on you only. We love you harry bhai ❤❤❤
@chaitanyaandhare6148
@chaitanyaandhare6148 11 ай бұрын
Harry Bhai apki coding skillset boht amazing hai 👍👍
@omkanawade8712
@omkanawade8712 11 ай бұрын
00:00 Creating a Spotify clone using free web hosting service 04:46 Creating a Spotify clone using HTML, CSS & JavaScript. 09:49 Creating utility classes for flexible layout and styling 11:41 Creating and using SVG in the Spotify clone 15:28 Adjusting website elements using CSS in the Spotify Clone 17:06 Setting margins using CSS properties. 20:39 Styling the background and container 22:29 Adjusting margin and padding for a better appearance 26:38 Using custom fonts in Spotify clone 29:30 Creating and customizing playlists and images using HTML and SVG 33:25 Adjust font size, alignment, and layout for a unique Spotify clone design 35:11 Styling using AI Babu and making adjustments in the code 38:46 Adjusting height and styling the page 40:57 Copying and adjusting SVG icons using HTML, CSS & JavaScript. 44:34 Adjusting background color and margins in the Spotify Clone using HTML, CSS & JavaScript 46:19 Understanding CSS specificity and applying styles 50:42 Designing a card with image, circle, h2, and paragraph 52:36 Setting the width and overflow in CSS 56:04 Styling the Spotify card using HTML and CSS 57:58 Styling elements and designing a play button 1:01:59 Copying and applying inline styles using classes 1:03:44 Styling the play button using CSS 1:07:14 Manipulating the top value and opacity for visual effects 1:08:55 Styling the footer and starting work on front end JavaScript. 1:12:25 Customizing scroll bar using CSS 1:14:20 Adjusting the max height of card container 1:18:24 Setting font size and styling for login and sign up buttons. 1:20:37 Adjusting styles on hover using CSS 1:24:24 Setting the title and creating a play bar using HTML, CSS, and JavaScript. 1:26:13 Customizing the design and layout of the Spotify clone website. 1:30:02 Styling the buttons and centering them 1:31:54 Using fetch API to retrieve songs and parse the response 1:36:35 Creating a client-side project to bring songs from the server using API. 1:38:28 The first song needs user interaction to play in the browser. 1:42:29 Implementing song cards and play button functionality 1:44:19 Creating a song list using HTML and CSS 1:48:55 Explaining the use of split and replace in JavaScript 1:50:47 Creating a Spotify clone interface using HTML, CSS, and JavaScript. 1:54:41 Styling the play button with font size and alignment 1:56:42 Creating a Spotify Clone with HTML, CSS & JavaScript 2:00:44 Adjusting font size and layout for song list 2:02:45 Adjusting margins and positions for song list display. 2:06:33 Adjusting width and positioning elements 2:08:28 Customizing the Spotify web player interface. 2:11:44 Creating the seek bar with customizable properties 2:13:30 Adjusting the height and position of the play bar 2:17:30 Customizing the design of the play bar 2:19:10 Styling input type range using transition property 2:23:02 Accessing and manipulating DOM elements using JavaScript 2:25:16 Creating a function to play music 2:29:22 Adding functionality to song buttons and play/pause logic 2:31:26 Implementing play and pause functionality for current song 2:35:36 Styling and arranging song info and time using flexbox 2:37:45 Implementing song info and time display 2:42:05 Implementing song play functionality 2:44:26 Implementing seek bar functionality using JavaScript. 2:48:34 Understanding the use of offset x and offset y in the Spotify Clone application 2:50:24 Demonstrating dynamic width adjustment and percentage calculation 2:54:22 Creating a Spotify clone with HTML, CSS, and JavaScript. 2:56:31 Using transform and media queries for responsive design 3:00:29 Adjusting the width of the play bar and adding a hamburger icon 3:02:32 Adding hamburger menu and SVG to the header 3:06:33 Using display flex and justified content for layout 3:09:00 Customizing background and icons for Spotify clone UI. 3:13:22 Handling click events and adjusting styles for the close button. 3:15:11 Adjusting the width and overflow settings for Spotify playlist 3:18:59 Customizing the seek bar and play bar 3:20:53 Adjusting width and margin of elements 3:24:46 Adjusting button sizes and display settings for better user experience 3:27:01 Customizing the flex direction and adjusting bar widths 3:31:31 Implementing event listeners for previous and next buttons. 3:33:25 Creating global variable for current song and searching for specific song in the list. 3:37:41 Adjusting the width of song info to 250 pixels 3:39:41 Identifying and addressing undefined error
@amansinghrawat1606
@amansinghrawat1606 11 ай бұрын
👏👏👏
@Shah-Aryan
@Shah-Aryan 9 ай бұрын
05:14:01 Naughty hora ke .....
@Coolboy_88
@Coolboy_88 7 ай бұрын
bhai wo fetch wale m smjh ni aaya wo songs ki table khud se bnani pdegi
@Karanpatel-kv6rb
@Karanpatel-kv6rb 6 ай бұрын
prabhu 🫡
@ishantahuja2309
@ishantahuja2309 6 ай бұрын
@@Coolboy_88 can u please tell me how u solved that
@ChoraAtrangi
@ChoraAtrangi 11 ай бұрын
The content quality jump is next level 🔥
@RohanDasRD
@RohanDasRD 11 ай бұрын
Raised the Bar Like Anything
@LakhanGurjar-hl2ly
@LakhanGurjar-hl2ly 11 ай бұрын
Finally found variable name rohandas 😂
@houseofilm07
@houseofilm07 11 ай бұрын
📌 thik hai na bhai
@NischitSapkota
@NischitSapkota 9 ай бұрын
hahahahahaha @@LakhanGurjar-hl2ly
@Newone-io6og
@Newone-io6og 4 ай бұрын
Bhai, can you tell me how much time did it took to made the exact clone??
@abhisheksingh_26
@abhisheksingh_26 11 ай бұрын
Unbelievable content ❤ harry bhai 5/5 🌟 star no anyone can give this level of knowledge in paid or free 😂 Courses 🙏🙏
@targetme5716
@targetme5716 11 ай бұрын
I have been reading all the comments and I can say this is the best comment ❤❤❤❤
@sahilshaw8342
@sahilshaw8342 11 ай бұрын
Kiya hai songs bj rha hai ?
@gokulkrishnar1120
@gokulkrishnar1120 10 ай бұрын
Bro, does this have login feature?
@Newone-io6og
@Newone-io6og 4 ай бұрын
Bhai, can you tell me how much time did it took to made the exact clone??
@TechnoTrailblazers
@TechnoTrailblazers 11 ай бұрын
Oh my god, this man built something different, he put everything in this course from a beginner level to a very advanced level. Hats off to you Harish sir !! I will give this course 5/5 ⭐ #sigmabatchop #india'sbestfullstackcourse #harrybhaiop
@darshan.r3755
@darshan.r3755 11 ай бұрын
Now Who's this Harish ?💀
@NajeebSayyed
@NajeebSayyed 11 ай бұрын
@@darshan.r3755 Haris Ali Khan 😃
@shivanksharmaofficial
@shivanksharmaofficial 11 ай бұрын
Please help🙏 mai ek project bna raha hu uska mera frontend html,css bhi tyar hai,backend python ka code bhi tyar hai lekin mujhe samajh nhi aarha frontend or backend code ko connect kaise karu, koi alag language sikhni padegi ya koi method hai iska?
@darshan.r3755
@darshan.r3755 11 ай бұрын
@@shivanksharmaofficial I'm not sure about this, even I've just started to learn all these from HARISH bhai
@umairabdullah9041
@umairabdullah9041 11 ай бұрын
​@@darshan.r3755He is trying to say Haris, Harry's real name is Haris Ali Khan
@nomaanrizvi6561
@nomaanrizvi6561 3 ай бұрын
i can only say that.......kamaal hai aap.....just phenomenal
@mahin-os7tl
@mahin-os7tl 11 ай бұрын
Sir your courses are awesome and it's worth more than paid courses. Sir, we are interested to learn AI and machine learning with python with your mind blowing strategic course. I love your content so much and your free courses are helpful for those people who has not the ability to buy and expect a better course. We expect a free AI and ML course in your channel in 2024. Who agree with that 😊
@Newone-io6og
@Newone-io6og 4 ай бұрын
Bhai, can you tell me how much time did it took to made the exact clone??
@darshjogi7377
@darshjogi7377 11 ай бұрын
Harry bhai a big salute, Aapne jobhi Bola tha sab kuch karke dikhaya Harry bhai, You are a hero ❤💯💯
@heetkukadiya
@heetkukadiya 4 ай бұрын
1:32:33 Bhai kuch solution chahiye index of search me muje listing directory show ho Raha he kya karu me?
@BhakkuPatan
@BhakkuPatan Ай бұрын
@@heetkukadiya Bhai apka sahi hua kya, please batao bhai?
@shahzaibkhan5423
@shahzaibkhan5423 10 ай бұрын
Harry sir your tutorials are beacon of light for every student who is learning programming. Love you from Pakistan ❤
@cricmawa_
@cricmawa_ 11 ай бұрын
5hrs video 🔥 Harry bhai your dedication 🫡 Most importantly Quality in your content is top notch❤️‍🔥
@TeemrajSharma
@TeemrajSharma 9 ай бұрын
list of songs li m aa rhi not in table format...can you tell me why??
@aayushtyagi4916
@aayushtyagi4916 9 ай бұрын
bro do the same thing and also try to understand it then you can also access li files. I also have li files and my project is working just follow the instructions and understand it @@TeemrajSharma
@jahanzaib3523
@jahanzaib3523 8 ай бұрын
@@TeemrajSharma same question if u find then plz tell me
@hussainbinfazal
@hussainbinfazal 6 күн бұрын
li ko ek extra div mai append karlo phir aajayegi ​@@TeemrajSharma
@AbhishekGArts
@AbhishekGArts 7 ай бұрын
@CodewithHarry you could have searched for multiply to get the close icon.....love your course....great wprk Harry bhai
@itsMohak
@itsMohak 11 ай бұрын
Arey vah! very wonderful
@saisasank1877
@saisasank1877 11 ай бұрын
Your videos are goddamn damn harry, you are so down to earth that u gave this course free❤❤ sigma op batch like here 🔥🔥👉👉
@codyandersan
@codyandersan 11 ай бұрын
Perhaps the longest project video on this channel. Hats off bro ❤
@caustic3532
@caustic3532 4 ай бұрын
bhai wo songs wala folder ko url mei kaise convert kiya fetch krne ke liye
@aamish.iqbal01
@aamish.iqbal01 11 ай бұрын
Harry, sir, this course exceeds our expectations. We would like to work on an E-commerce Website and a Chat Application for our upcoming projects."🔥
@Shubham777-f6j
@Shubham777-f6j 2 ай бұрын
Bhai Maza aa gya bhai Dil Khush kr dia apne
@aryamukherjee434
@aryamukherjee434 4 ай бұрын
was repetedly visiting this video since when i was in video number 40 and was manifesting for the time when I will reach this video......Now I am finally here after completing each and every video
@sadiyafirdouspatel620
@sadiyafirdouspatel620 11 ай бұрын
I knew it ! That it's my best decision to follow Sigma Batch...❤ A proud Sigma Batch Student😊 thanks #HarryBhai #SigmaBatchOp ⭐ Pls continue this series... And we are ready for React.js
@soham9043
@soham9043 2 ай бұрын
Bro api bata sakte ho?
@niyamatalimallick7158
@niyamatalimallick7158 11 ай бұрын
You are really helping the next generations to become a successful web developer is really thank you
@bushrakhan6220
@bushrakhan6220 7 ай бұрын
1:22:43 Instead of padding and margin to the login button we can give width an height so that problem ll solve
@technoprime835
@technoprime835 Ай бұрын
its better to use transform scale
@jeetshee8957
@jeetshee8957 3 күн бұрын
@@technoprime835 i did it in that way
@syedmhasan4561
@syedmhasan4561 2 ай бұрын
Best course without any doubt. He puts so much efforts like making a 5 hours long video for us. Nothing can praise him enough
@CodeGenetics
@CodeGenetics 4 ай бұрын
sir aapse acha coding sikhane wala poore youtube par toh choriye poore universe mein koi nahi hai sir aapne hume kaha se uthake kaha tak lakar khada kardiya hai i can't thank you enough bhagwan kare apko duniya bhar ki khushiyan mile thank you sir ! hume free mein itna priceless content mila hai just because of you and only you thank you so much sir !!!
@vamsikrrishnaagangishetty5495
@vamsikrrishnaagangishetty5495 11 ай бұрын
Thank you , Harry bhai for your effort ,which reflects on our future ❤❤
@harshitsharma1905
@harshitsharma1905 10 ай бұрын
Finally completed this project with my own twist of animations and music choice. Started building this yesterday and today this is my biggest project till now. #sigmabatchOP😎😎😎
@RajaRam-hp6cy
@RajaRam-hp6cy 10 ай бұрын
1:34:23 bhai yei wala part nhi ho pa rha, matlab songs fetch nhi ho rhe jaisa tutorial mei bataya hei waisa nhi ho rha, bhai help kardo mein stuck hogaya hu yaha prr
@thomasshelby4526
@thomasshelby4526 10 ай бұрын
mere me bhi same problem aa rahi@@RajaRam-hp6cy
@hardcash9930
@hardcash9930 10 ай бұрын
bro plz help at 4:19:30 buttons are not working aapke sath bhi hua tha kya
@hardcash9930
@hardcash9930 10 ай бұрын
website ka url copy kro uske peeche folder ka naam lgado slash ke sath @@RajaRam-hp6cy
@harshitsharma1905
@harshitsharma1905 10 ай бұрын
@@RajaRam-hp6cy hello bhai aapki problem ko aap esse theek kar sakte ho ki aap songs ko download karke same folder me daal lo, uske baad ek array bna do jisme saare audio tag use karke audio ho, uske baad JS use karke aap songs ko play pause kar sakte ho, mne Harry bhai ka video nhi dekha hai seedha end product dekha aur bas dekha ki bnana kya hai aur apne aap sab Kiya toh mne esse he Kiya hai bhai.
@oldestsong7738
@oldestsong7738 11 ай бұрын
Wow, Hats off to this kind of high energy. Love it bro
@Rieshu-l9i
@Rieshu-l9i 8 ай бұрын
Harry bhai aapki vjah se phli baar webhosting kri h & which is free too & all credit goes to you.👌👌🙌🙌👍👍
@AshishSingh-rc5eo
@AshishSingh-rc5eo 7 ай бұрын
Bhai mera hosting ke time pe songs fetch nhi ho paa rahe hai aur agar apne website ko host kr Diya hai toh I guess apka website thik se chala hoga toh pls bro help kr do
@UttamSeervi-qc9fp
@UttamSeervi-qc9fp 8 ай бұрын
Bohot sahi video tha bhaiya adhe se zada concepts clear hogye 😅❤
@CommentMan
@CommentMan 11 ай бұрын
Vote for KZbin Clone 🔥
@aakashmedge651
@aakashmedge651 11 ай бұрын
Sir hats off to you 🔥✅
@rashmanlsaha366
@rashmanlsaha366 11 ай бұрын
Harry bhai when you said about buy for hosting in Netflix clone in this course,I searched a lot about free hosting and many websites but couldn't get a suitable platform to host my netflix clone,I watched many videos of you and many other for free hosting,but didn't get,I disappointed a lot . But continue your course till now on behalf of thinking you do something for that. And you do that,give a free hosting option.😊😊😊😊 Thank you
@Newone-io6og
@Newone-io6og 4 ай бұрын
Bhai, can you tell me how much time did it took to made the exact clone??
@uqabiofficial3693
@uqabiofficial3693 Күн бұрын
Happy to see project No 2😊
@sunnymishra2549
@sunnymishra2549 11 ай бұрын
This Sigma course is much more better than any paid ones...Love u harry bhaii.
@narutodihargo
@narutodihargo 11 ай бұрын
06:34= ctrl +shift + i == svg , 10:12= utility.css file,12:22= Home. svg ,
@rockrk2519
@rockrk2519 9 ай бұрын
Harry bhai ki energy is on another level...
@ayan_biswas1234
@ayan_biswas1234 9 ай бұрын
16:43 looking like a wow
@generationx163
@generationx163 4 ай бұрын
i started watching your sigma web dev video 4M ago,foe exams i quit the video then i restart and today i'm going to build thid project i'm super excited for that project
@TECHIBro-z8e
@TECHIBro-z8e 11 ай бұрын
Bro please provide english auto generated cc for the videos because I think it's useful for many people
@sharmastyles2749
@sharmastyles2749 11 ай бұрын
Harry sir please continue this series with the backend and frameworks please
@TeemrajSharma
@TeemrajSharma 9 ай бұрын
list of songs li m aa rhi not in table format...can you tell me why??
@rdxprince8745
@rdxprince8745 7 ай бұрын
​@@TeemrajSharmahlo bro apka problem solve hogeya
@rdxprince8745
@rdxprince8745 7 ай бұрын
​@@TeemrajSharmamuje bhi bta do kaise karna hai
@pushpitjain1717
@pushpitjain1717 3 ай бұрын
looking like a wow
@piyushyadav3269
@piyushyadav3269 8 ай бұрын
this is the best spotify clone ever I think noone match this in the whole youtube
@gauravisicwtcx7377
@gauravisicwtcx7377 4 ай бұрын
i am watching these tutorials and one thing i noticed that there is no ads in the video, what a dedication harry bhai. #sigmaBatchOp ❤
@Aryan-lg7ty
@Aryan-lg7ty 10 ай бұрын
maturity relies : when you making this clone with seeing this vedio and you find the bug before harry bhaiya and find its solution and on moving forward to vedio you found the same issue founded by harry bhaiya
@WebDevOmraj
@WebDevOmraj 7 ай бұрын
#SigmaDeveloper #HarryBhai Day - 84 🗿🗿
@J123-u7i
@J123-u7i 11 ай бұрын
We want React Biggeners Project Series Harry Bhai
@zaidsheikh216
@zaidsheikh216 11 ай бұрын
Yes
@JavedAnsari-v9y
@JavedAnsari-v9y 11 ай бұрын
Yes we want React Series
@JavedAnsari-v9y
@JavedAnsari-v9y 11 ай бұрын
Yes we want React Series
@Pushkarcdn
@Pushkarcdn 8 ай бұрын
Khatarnaak harry bhai 🔥🔥🔥
@LsEagle18
@LsEagle18 Ай бұрын
Completed the video! Thank you so much for the guidance and support! Thank you!
@ngxankit189
@ngxankit189 8 ай бұрын
code toh simple likha kro bhaishab itna hi ata humko toh apki video todi dekh rahe hote ap toh ye soch kr padhate jese humee sb ata hai
@debojyotitantra948
@debojyotitantra948 3 ай бұрын
Because usne peheli video mein sub pharaya hua hein
@anubisbgmi
@anubisbgmi Ай бұрын
@ngxankit189 lulli ho nahi khadi Coding ki baatien karenge badi badi
@AJ_shorts_12
@AJ_shorts_12 22 күн бұрын
Sigma batch OP 🔥
@AmanKumarSinhaOfficial
@AmanKumarSinhaOfficial 11 ай бұрын
Can you bring the same project in REACT JS
@AmanKumarSinhaOfficial
@AmanKumarSinhaOfficial 11 ай бұрын
plz
@BILALAHMAD-cz9gu
@BILALAHMAD-cz9gu 10 ай бұрын
we love you man never leave us u are the reason of our journey
@roasthost3514
@roasthost3514 3 ай бұрын
Those facing problems at 1:32:00 part install microsoft live preview extension in vs code and then run that (127.0.0.1:3000) local server you’ll see the folder
@ayushjaiswal5793
@ayushjaiswal5793 2 ай бұрын
bhai mere main table hi show nhi krr rha
@pratyushsingh5655
@pratyushsingh5655 2 ай бұрын
@@ayushjaiswal5793 bhai same thing . css ki file show kar raha hai na
@Yash-yp5zu
@Yash-yp5zu 2 ай бұрын
Song ki dikaat sabka aarhi hai kyaaa
@Yash-yp5zu
@Yash-yp5zu 2 ай бұрын
@@pratyushsingh5655 mere bhi css ki file show kerha haii Koi solution mila kya aapko.......
@misbahtahseen9314
@misbahtahseen9314 2 ай бұрын
@@Yash-yp5zu add your own server and /folder name of your songs/
@niranjanpatil2197
@niranjanpatil2197 8 ай бұрын
1:34:50 i got song name instead of tds
@vaibhavsharma61
@vaibhavsharma61 8 ай бұрын
google m update aya hai, ab li m hi ayaga, u can just make arrays of songs, dont fetch, because u cannot fetch like what harry did.
@Dr.dhumketuIITDholakpur
@Dr.dhumketuIITDholakpur 7 ай бұрын
@@vaibhavsharma61 why?
@vivekborkar2570
@vivekborkar2570 3 ай бұрын
i am getting problem while fetching the songs in variable a known as origin 'null' is blocked by CORS policy and it is saying me to set mode it to no CORS mode
@soham9043
@soham9043 2 ай бұрын
Brother , mujhe Songs ki api de sakte ho ?
@raisusmankhalilkhokhar
@raisusmankhalilkhokhar 3 ай бұрын
after 10 days finaly Alhamdulilah cover it
@huntertelugu5037
@huntertelugu5037 11 ай бұрын
Harry bhai pleaseeee continue the course. I'm learning more from you day to day thankyou for this series.
@nky7033
@nky7033 10 ай бұрын
did someone deploy it on netlify? , i tried but songs folder not working after delopy. can anyone help to fix the error?
@praveen_meena
@praveen_meena 10 ай бұрын
same, bhai mujhe bhi same problem aa rahi but abhi tak resolve nahi hua hai , agar tera resolve ho jaye toh plz yr bhai bata dena , kafi pareshan ho gaya hu ise lekar
@anandabhijeetabhi1997
@anandabhijeetabhi1997 9 ай бұрын
Bhai..Mera bhi yahi problem aa rha ..agar aapka solve ho gya ho toh mujhe bhi bta do
@praveen_meena
@praveen_meena 9 ай бұрын
@@anandabhijeetabhi1997 nahi hua yr, koi batane ko taiyar hi nahi hai , jisne ye problem solve kaise ki
@kirshanlal7851
@kirshanlal7851 9 ай бұрын
script.js:57 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. goo.gl/xX8pDD solve this error
@Madhav-xy4yi
@Madhav-xy4yi 7 ай бұрын
have u got any solution bro? how did u deployed it
@enciridus2291
@enciridus2291 10 ай бұрын
Harry Bhai songs folder local server may access nahi ho raha
@c_11_vishwajeetkaran15
@c_11_vishwajeetkaran15 8 ай бұрын
Same issue If u got the solution then let me know !! 😊
@enciridus2291
@enciridus2291 8 ай бұрын
@@c_11_vishwajeetkaran15 ha thick ho geya songs folder ko same jage par rakho jaha par html css js file hey
@kunalgawai3257
@kunalgawai3257 8 ай бұрын
same issue
@official_aijin
@official_aijin 8 ай бұрын
@@enciridus2291 bro mera same jgh per hai but fir jab access kar ra hu tho songs tho aree per ek extra folder ara hai jisme sara html code hai
@enciridus2291
@enciridus2291 8 ай бұрын
@@official_aijin song folder ko html css js file ke sath rakho thick ho jaiga
@sidddsharma5600
@sidddsharma5600 4 ай бұрын
bro please tell what you did after 5:07:09 u skipped or dlted ig
@sahilraj1672
@sahilraj1672 4 ай бұрын
Bro how did you get what he told at 1:35:00 ?
@Rizulpatel4102
@Rizulpatel4102 3 ай бұрын
Bro tell how to fetch songs
@indrajeetkamble7175
@indrajeetkamble7175 15 күн бұрын
​@@Rizulpatel4102 same
@Rizulpatel4102
@Rizulpatel4102 15 күн бұрын
@@indrajeetkamble7175 try through chatgpt
@Rizulpatel4102
@Rizulpatel4102 15 күн бұрын
@@indrajeetkamble7175 give code to chatgpt then it works mine worked
@mussaddiqhusain8505
@mussaddiqhusain8505 11 ай бұрын
This man is sachin tendulkar in coding ...what a enthusiasm. Next time made a video about how to keep yourself interested in coding
@truelyeager316
@truelyeager316 2 ай бұрын
Thankyou harry bhai ❤ from the core of my heart ,you are really a role model for people who code, . I am losing my interest in web dev because of js but now I am fully charged after this Spotify web player ❤❤
@AnuragPawar-zo8wo
@AnuragPawar-zo8wo 10 ай бұрын
Harry bhai ye songs ki http server kese bnana hai jisse use fetch krr sake js me bta do yrr aa hi nhi rha hai...
@c_11_vishwajeetkaran15
@c_11_vishwajeetkaran15 8 ай бұрын
Same problem I am facing Did u get any solution ? If yes, then let me know !
@tanishqsingh4175
@tanishqsingh4175 5 ай бұрын
any solution?
@S.M.A.-nb6nc
@S.M.A.-nb6nc 5 ай бұрын
@CodeWithHarry How do you bring the songs at 1:31:55 ?????
@emadraza3698
@emadraza3698 5 ай бұрын
i also faced the same problem but the thing is you have to fetch the song yourself from any free copyright song websites i did the same and thats how you can get the song in your song folder
@hit4jai
@hit4jai 5 ай бұрын
Did you get the solution 🤔 Please reply
@abhieee_07
@abhieee_07 3 ай бұрын
​@@emadraza3698I just downloaded them
@Yash-yp5zu
@Yash-yp5zu 2 ай бұрын
Guys i face the same problem
@Yash-yp5zu
@Yash-yp5zu 2 ай бұрын
​@@emadraza3698 solution mila
@Abhaychandel15
@Abhaychandel15 2 ай бұрын
bhai mere songs hi nhi aare hai console me
@ankurddank_afmishra1196
@ankurddank_afmishra1196 Ай бұрын
live preview use kro instead of live server
@adilahmed7452
@adilahmed7452 Ай бұрын
Usse kya hoga? Explain ​@@ankurddank_afmishra1196
@ankurddank_afmishra1196
@ankurddank_afmishra1196 Ай бұрын
@@adilahmed7452krke dekh phle
@prapti2385
@prapti2385 Ай бұрын
Kuch nahi hua ​@@ankurddank_afmishra1196
@ankurddank_afmishra1196
@ankurddank_afmishra1196 Ай бұрын
@@prapti2385 video ko dhyn se dekho ek ek part uska kch forward nie kro aur patience ke sth uske steps follow kro aur format song ka mp3 hai iska dhyn do
@kanwarsingh5934
@kanwarsingh5934 10 ай бұрын
I was practicing making this type of website from the day i watched this And today i have maded this javascript project by own its Js writing is different but thats also work.
@meghnasinghaniya1673
@meghnasinghaniya1673 8 ай бұрын
bhaiya your all videos are so sooooo soo good
@MotivationERA-q6t
@MotivationERA-q6t 27 күн бұрын
Awsm clone project.... Just nailed it like a pro Harry sir...
@harrygujjar934
@harrygujjar934 11 ай бұрын
Me kabhi kabhi sochta hu harry Bhai video par views na and ki waja se course stop na kr de but !!! Harry bhai app op ho ❤
@mscoder7086
@mscoder7086 11 ай бұрын
Bro seriously... This is next level....as you told we'll raise like a bar.. We're raising like a bar... Hats off... 🖤🖤 A lil thing that Noticed. You made utility classes in starting and also used them a bit. But after some time you forgot that you have utility classes also.. 😅 Still This course is next level.. I didn't expected this much in this course.. Lot's of love from Mohammad Saad Founder SynerPrex. #sigmaWebDevlopementCourse #CodeWithHarry #JavaScriptOP
@arthur_bell
@arthur_bell 2 ай бұрын
Notes padhe hain galti se to! LOL Thank you harry bhai for this project now I will continue in this course.
@ISLAM11645
@ISLAM11645 2 ай бұрын
but now spotify interface has changed ..how u did it
@source-of-information-nu2zh
@source-of-information-nu2zh 11 ай бұрын
hi harry sir i am from afghanistan thank you sir i learned all Html css AND JAVA SCRIPT ❤❤❤❤❤❤
@Its__AnkitSahu
@Its__AnkitSahu 11 ай бұрын
16:40 It's looking like a wow 😲
@shubhammaurya8051
@shubhammaurya8051 11 ай бұрын
Purane wale Spotify clone m songs ko dalne k liye file m update karna padta tha aur path bhi htlm aur js m update karni padti thi jo kisi k samne kar ne acchi ni lagti thi, this one much more steps ahead...
@HimanshiSachan-i2k
@HimanshiSachan-i2k 9 ай бұрын
thanku harry bhai for your precious effort and providing us such valuable content for free. We will always be grateful to you.
@muneebazher8068
@muneebazher8068 11 ай бұрын
Best free course to exist
@EliBhai_Official
@EliBhai_Official 16 күн бұрын
SO BEAUTIFULL, SO ELEGANT ,JUST LOOKING LIKE A WOW
@saltech23
@saltech23 9 ай бұрын
the best part of the project... you can stop anywhere... and can mention in utr resume....want more functionality watch more....great
@maazhussain8303
@maazhussain8303 8 ай бұрын
Amazing skills and your teaching is just Awesome thank you so much
@sarveshchaurasia9701
@sarveshchaurasia9701 6 ай бұрын
Sigma Batch OP🔥🔥🔥 Maja aa gya iss Project ko bana kar.... Dil se thank you Harry Bhai iss course ke liye❣
@shivam_c0d3
@shivam_c0d3 5 ай бұрын
hello bro 04:29:00 par mera songs fetch nhi ho rha show invalid json how to fix it brother
@prathmeshsankpal483
@prathmeshsankpal483 4 ай бұрын
​@@shivam_c0d3Mila kya solution json ka
@MrWroop
@MrWroop 24 күн бұрын
4:25:44 this is my personal mark, please ignore it!
@Bageshwar_juSarkar
@Bageshwar_juSarkar 16 күн бұрын
Okay
@DeepDivineTrip
@DeepDivineTrip 6 ай бұрын
Thanks a lot Harry bhai ❤🙏 for this course 👩‍💻🔥🔥
@YashrajThakor06
@YashrajThakor06 11 ай бұрын
Our old editors are back 🔥🔥
@rs21033
@rs21033 11 ай бұрын
Harry Bhai aaj hi mainae HTML ke tutorials khatam kiyae hain but I came to say that pls keep working hard to provide more powerful tutorials of Web Development Course. And will surely give my Village land to ur name😇😇... #sigmabatchop
@shortsviral359
@shortsviral359 11 ай бұрын
Harry bhai aag lga di 🔥🔥🔥 We want more Ultra pro max Project Using Html, css, and javascript 🔥🔥🔥 #SigmaBatchOp #JavascriptOp #HarryBhaiOp
@junaidnoor1123
@junaidnoor1123 11 ай бұрын
Bro you made it?
@HarshKumar-ff1se
@HarshKumar-ff1se 11 ай бұрын
Harry Bhai aapki mehnat dekh kr me bhi lag jata hu kaam pe Huge respect bro...❤❤❤❤
@Newone-io6og
@Newone-io6og 4 ай бұрын
Bhai, can you tell me how much time did it took to made the exact clone??
@SonuBhaiya108
@SonuBhaiya108 14 күн бұрын
Thanks a lot harry bhai for this project. By this project i learn more in js .................
@prakashsubedi5427
@prakashsubedi5427 11 ай бұрын
Raising the bar at its peak ❤harry bhaiyya op#sigma_batch_op
@NayanSinghania-g8u
@NayanSinghania-g8u 5 ай бұрын
Amazing Content!! Learnt so much after doing this project. Thanks Harry Bhai for your content.
@kiranahmed862
@kiranahmed862 11 ай бұрын
LOOKING LIKE A WOWWWWWWWWWWW HURRY BHAI I M UR BIG FAN FROM PAKISTAN
@awaiskhan1196
@awaiskhan1196 5 ай бұрын
Today i complete snake game from this channel in HTML CSS JavaScript and i can't explain my happiness 😊❤❤
@hit4jai
@hit4jai 5 ай бұрын
Could you please help me 1:32:27 Table form me aa rhi h problem song to download kar liye aur song ke folder me bhi daal Diya but vo table nhi bni
@Newone-io6og
@Newone-io6og 4 ай бұрын
@@hit4jai Bhai, can you tell me how much time did it take to make the exact clone??
Backend, Node.js & npm | Sigma Web Development Course - Tutorial #85
17:20
E-Commerce clone will not get you hired - Real world project ideas
18:57
When Cucumbers Meet PVC Pipe The Results Are Wild! 🤭
00:44
Crafty Buddy
Рет қаралды 60 МЛН
快乐总是短暂的!😂 #搞笑夫妻 #爱美食爱生活 #搞笑达人
00:14
朱大帅and依美姐
Рет қаралды 13 МЛН
УДИВИЛ ВСЕХ СВОИМ УХОДОМ!😳 #shorts
00:49
HARD_MMA
Рет қаралды 4,1 МЛН
The Best Way to Learn Linux
9:45
Mental Outlaw
Рет қаралды 135 М.
I'm 24. If you're 14-23 please watch this...
6:37
Tharun Speaks
Рет қаралды 504 М.
How to Create Analog Clock using HTML CSS and JavaScript
28:17
Code Traversal
Рет қаралды 812 М.
How I Tricked My Brain to Be Addicted to Coding (The Dopamine Hack)
8:06
Ashish Pratap Singh
Рет қаралды 118 М.
My Last Video | Sigma Web Development Course - Tutorial #139
8:27
CodeWithHarry
Рет қаралды 359 М.
This is why coding is not for you
22:12
Anurag Singh ProCodrr
Рет қаралды 228 М.