Тёмный

JavaScript - Interactive Rating Component - Frontend Mentor Challenge 

Thomas Sankara
Подписаться 6 тыс.
Просмотров 17 тыс.
50% 1

Опубликовано:

 

16 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@pixelsamuraigaming5544
@pixelsamuraigaming5544 2 года назад
I have watched so many tutorials where they just overlay the video with music, but the way you explain everything you doing makes it so simple to understand. you earned a new sub my friend :)
@omrividal
@omrividal 2 года назад
Thank you so much! I had such a "horrible" time looking for a simple answer and went with like 7 different approaches before I saw your video... You actually helped me realise JS is not that hard and you have the ability to teach and show us in the best way so thank you for that. Keep up the good work!
@tsbsankara
@tsbsankara 2 года назад
I'm glad that I could help 😊
@Benihorla
@Benihorla Год назад
at first i was thinking of using radio button and putting it in a form but was stuck on how to get the required data . thanks for opening my eyes to see that sometimes I should not only think out of the box but in a no stressful way
@TylerNicholson-ee6cf
@TylerNicholson-ee6cf Год назад
I've not long started learning JS and been finding it hard to grasp but I sure learned a lot from this tutorial, thank you!
@ScavUndercover
@ScavUndercover Год назад
keep on going man. really love and appreciate the content, useful, straight to the point and easy to follow!
@tsbsankara
@tsbsankara Год назад
Thank you
@lovelleslifejourneyvlog
@lovelleslifejourneyvlog Год назад
Thank you for this wonderful walk through on how you build this component. I have been struggling a lot with JS and its a little difficult for me to understand. But when you explained it, i was able to learn and understand how those eventclick works. Great job on this. 💯💪
@tsbsankara
@tsbsankara Год назад
That's great to hear! I'm glad it was helpful :)
@cisforcoding
@cisforcoding 2 года назад
@tsbsankara - I revised the time stamps to include the JavaScript part. I didn't realize you had pinned the previous timestamp. Thanks for the video! Extremely helpful!!!!
@tsbsankara
@tsbsankara 2 года назад
Thank you for your efforts. I appreciate it
@TheKtiekat
@TheKtiekat Год назад
Thomas you are amazing! You've been helping me learn so much through FrontEndMentor. You're cheeky laugh at the end was the best, I give you 5 out of 5!
@tsbsankara
@tsbsankara Год назад
Thank you for the kind comment
@tripineta92
@tripineta92 2 года назад
The greatest video I colud find for this challenge. Thank you so much! You win a suscriber ♥
@tsbsankara
@tsbsankara 2 года назад
Thank you so very much ♥
@learnMoreToCode
@learnMoreToCode 2 года назад
Nice comprehensive video. Thank you for the explanation, it solved my frustration and I learned from it. Keep going and Happy Coding!✊💻
@mandresyandriantsoanavalon5643
Thank You ! For je JS part of this challenge I was blocked for a while.
@tsbsankara
@tsbsankara Год назад
Glad I could help
@ugoodjk6204
@ugoodjk6204 Год назад
for me when I added the .hidden class to the thank-you div nothing happened, I resolved it by making a parent class with hidden and making that did have a separate const of its own but I am still unsure why me adding a second class didn't work . Also didn't we specify that the thank-you div has a display of flex, so how can css decide using the display none of .hidden or the display flex of .thank-you ? just curious
@Carlos456The
@Carlos456The Год назад
Omg, you are amazing bro! Thnaks a lot for your video!
@tsbsankara
@tsbsankara Год назад
Thank you for the kind comment
@creationpower333
@creationpower333 2 года назад
Great content! This helped me a lot, keep up the good work. Thank you!
@Imohy69
@Imohy69 2 года назад
Nice job buddy, keep it up, i love your videos ❤️
@yetkindev
@yetkindev Год назад
simple , clear , clever. nice👏👏👏👏👏👏👏
@beckalves1745
@beckalves1745 Год назад
you are the best !!! im from brazil and apreciate
@DavidLopez-eg6it
@DavidLopez-eg6it 28 дней назад
Great video, specially the JavaScript part. So many videos only with background music but no voiced explanation. You got a new sub. I do have a question. Can the JS events be inside a global function instead of separate block of code for each one?
@tsbsankara
@tsbsankara 15 дней назад
Yes, but I don't recommend that because it will just slow down the execution of your application
@tsbsankara
@tsbsankara 15 дней назад
Thanks for the sub. I'm glad you liked the video 😊
@mysuperxbox
@mysuperxbox Год назад
very nice tutorial the only problem is the lake of using flex-box that can save you a lot of time and using so much margins and paddings
@blue_berry_pie64
@blue_berry_pie64 2 года назад
Thank you! it is very easy to understand by your explanations.
@Mahmoud_176
@Mahmoud_176 Год назад
Perfect explanation, Thank you
@tsbsankara
@tsbsankara Год назад
😊
@endrit5135
@endrit5135 Год назад
hey thank you for this amazing video but I have a problem, when I try to hide the element with display: none, I have to write it both on html with and on css too otherwise its not working without each other. what may the problem be here?
@tsbsankara
@tsbsankara Год назад
Seems to me like a problem with CSS Specificity - like there are some styles that are applying over the other. Once you find that, you find your issue.
@motorhub5510
@motorhub5510 Год назад
how did that submit button even with width of 100% did took the full main-container space? If anyone knows please help.
@motorhub5510
@motorhub5510 Год назад
oh i forgot to put padding in main-container sorry. THANKS FOR THE TUTORIAL
@tsbsankara
@tsbsankara Год назад
😂 CSS does that...
@nathalycavalcante788
@nathalycavalcante788 2 года назад
Thank you so much, so clear to understand!
@User_09627
@User_09627 Год назад
Great explanation , you helped me ! thanks ❤
@tsbsankara
@tsbsankara Год назад
Glad to hear that!
@TareK19885
@TareK19885 Год назад
thanks for the video it helps alot however before i saw your solution i did it on 2 pages and mow im stuck when i click the rating the console shows which number was clicked and since i did it on 2 pages when i do rating.innerHTML i caught an error :( i couldn't find the right way to pass the value to next page any ideas ? thanks ...
@tsbsankara
@tsbsankara Год назад
I think it's because rating.innerHTML doesn't exist when the second page loads. I think having 2 pages is a bit cumbersome, so perhaps create one page, and then build a toggle for the components.
@samueldiaz3320
@samueldiaz3320 2 года назад
Great job and great explanation! thanks
@horrid13
@horrid13 2 года назад
Thank you you explain things very well!
@Zillionaire_01
@Zillionaire_01 2 года назад
I love your videos. Your contents are superb
@nicolewilliams7446
@nicolewilliams7446 Год назад
Hi, I have everything built out correctly until it is time for the JS file to read the function for the first event listener. I'm not sure what the issue is
@tsbsankara
@tsbsankara Год назад
Check whether you've referenced the file correctly in your html, and then make sure you're getting the correct name of the element to which you're adding the event listener
@biancamagali100
@biancamagali100 2 года назад
Hi! thank you so much for your video. I follow all the steps but for some reason my html file is not reading JavaScript coding? do you have any idea why it might be? thank you so much in advance!
@tsbsankara
@tsbsankara 2 года назад
Check whether you have linked your JavaScript file in the html document.
@levyjr6857
@levyjr6857 2 года назад
really good video, congrats
@seunj2455
@seunj2455 Год назад
Thanks. Appreciate this.
@tsbsankara
@tsbsankara Год назад
Glad it was helpful!
@seeker3794
@seeker3794 Год назад
Thank you... Very useful video👍
@tsbsankara
@tsbsankara Год назад
I'm glad it helped
@mayankgupta7617
@mayankgupta7617 2 года назад
Hi! thank you so much and great explanation! thanks
@prathampahad9788
@prathampahad9788 Год назад
I have one feedback, in css, you make changes in attributes simultaneously, please focus on one attribute at a time
@tsbsankara
@tsbsankara Год назад
Thank you. Understood. I will work to improve on that
@matthewkk5087
@matthewkk5087 2 года назад
how can we do this with react? we will just need useState ofc and useForm right?
@tsbsankara
@tsbsankara 2 года назад
Yes. I did use useState, but I did not use useForm. I have a video where I build this app in React, here's the ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-JXr5QCEH8VE.html
@manosatpathy1579
@manosatpathy1579 Год назад
Thank you so much!
@tsbsankara
@tsbsankara Год назад
You're welcome!
@mavick.
@mavick. Год назад
thank you so much ✨️
@tsbsankara
@tsbsankara Год назад
😊
@klaudiabilska5873
@klaudiabilska5873 Год назад
Thank you!
@tsbsankara
@tsbsankara Год назад
You're welcome!
@drissbouadoud7072
@drissbouadoud7072 5 месяцев назад
you're the best
@tsbsankara
@tsbsankara 5 месяцев назад
Thank you. That is quite endearing
@muratdoo
@muratdoo 2 года назад
Perfect
@ritaoluchi9766
@ritaoluchi9766 11 месяцев назад
Thank you very much for this video Can I please get your codes on this???
@tsbsankara
@tsbsankara 11 месяцев назад
You're very welcome. Here is the link: github.com/SankThomas/js-interactive-rating-component
@ritaoluchi9766
@ritaoluchi9766 11 месяцев назад
@@tsbsankara Thank you
Далее
NFT Preview Card Component - Frontend Mentor Challenge
29:57
PUBG Mobile СТАЛ ПЛАТНЫМ! 😳
00:31
Просмотров 229 тыс.
Order Summary Component - Frontend Mentor Challenge
26:45
PROOF JavaScript is a Multi-Threaded language
8:21
Просмотров 283 тыс.
The problems with viewport units
13:23
Просмотров 364 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 969 тыс.
JavaScript Pro Tips - Code This, NOT That
12:37
Просмотров 2,5 млн
Why aren't you using Fastify? Or Koa? Or NestJS?
9:58