Your Project builds has always been top class. In recent videos I'm noticing your presentation quality has gone to another level. Can't thank you enough for providing such quality contents
Since i've started programming i watched dozens of tutorials, and by far your channel provides the best quality among all of them. Great work, incerdible content!
August 15th 2021, I decided to change carrier and dived into programming. Since then, I've watch several tutorials, courses and hints to learn and improve my skills. This channel is by far the best one. Great video, great content! Thank you for sharing this with us.
You add so much value to the community. Thank you for helping us out. I recently made your web3.0 build it's just amazing I learnt so many things from that video
Hats off to you man for the best quality content on UA-cam. This is one of the best channels I came across for JS development. If possible please try to cover Angular also. And Thanks a ton.
I learned a lot from you, the amount of amazing content and knowledge you provide is a blessing. from 1 of Feb ill start applying for jobs and once I get it ill be supporting you. thanks again for bringing such quality content for free.
I'm very glad I've found your channel. It is a big treasure on yt. Have you ever thought about making an admin panel, like fuse angular? I mean with working login/register functions, settable online/offline/away status and file upload to store. I'd be very grateful, if you'd mind doing a video of it! :D
@@javascriptmastery dude you should definitely create complete web development paid course with awesome projects and understanding of each and every thing 😀 I am 100% sure that your course will become highest rated web development course 🙌😄 or bro you can create complete web 3.0 course because there are very less web 3.0 courses available and they are not much good and you will rock it in that 🥳
This is a great start for those who began to learn Js and React!!! I could not thank you enough for your content! I think this project and the knowledge I got from your tutorials are gonna help me get a job soon!!!!)))
I think it's cool that these projects can be turned into a series now. You could include the Nextjs Landing page into this series as well. I could also see a Web3 series or a Social Media Series. This project could be added to an eCommerce series if they connect it to Shopify similar to your Shopify course. Keep up the great work. It would be cool if you include these UA-cam series on your platform so that just in case something happens to UA-cam, your students can still access your awesome projects
I think this project much more easier than your e-commerce video. Or I've become skilled I want to believe Thanks for your video. You're really best teacher🤗
I cannot say enough good things about the content you provide. It's a goldmine of knowledge. Thank you for all the work you have put into this. I was wondering if you could do a tutorial on how sass would be implemented in a project like this. I am unclear on how that would be set up.
Hello javascript Mastery, I comment very rarely but bro your channel is next level ❤️❤️ love your content brother... I can't tell you how much you helped me 🙏🙏 thank you and love from India
What a legend! You are the best, there is no one better than you on youtube. Good projects, good presentation. I was about to give up on my web dev journey and I watched your videos, now I am back, thank you for such quality work! Could you make this a MERN project tutorial?
HI. DEAR FRIEND ...! THANKS TO SHARE WITH US YOUR AWESOME VIDEO ...YOU ARE REALLY A GREAT HUMAN BEING...! At the pandemic moment, there are a lot of people who can not afford any coin, but need to learn something in order to survive ...MANY THANKS AGAIN...! GOD BLESS YOU.
Seriously the best videos! I learn something new with everything you drop! Would love to see something with a payment system or subscription based model.
This is an unbelievable tutorial, the quality of teaching and patience are simply unreal. But if I could ask for just a little more from you, what makes you choose to use "rem" and or "em" in CSS? I never managed to really understand the difference between them.
I'll chime in here to answer. em is an elastic unit that takes its relative sizing from the PARENT element. So if you're defining ems inside a div that's (for example) three or four divs deep, the em sizing will be relative to the PARENT div. The r in rem stands for ROOT and sizing anything with rems takes its cues from the HTML element all the way at the top. So it's not dependent on any parent element. The big difference is that rem is more consistent throughout the design, whereas em may differ significantly depending on any parent element. Does that make sense?
If anyone's Newletter styling is broken and doesn't appear to be rendering, it's because @2:50:01 JSM switches "z-index: 100" ---> "z-index: -1", but doesn't mention anything about it. Switching from "100" -> "-1" solved my issue.
The design looks great! As someone who is learning web dev something that would be really useful would be a video where we see you iterate on creating a design or reproducing it through css. If we can follow your train of thought and see the trial and error, it becomes a lot more relatable to the experience of building a website from scratch and trying to make it look good. That being said this is still very useful and I'm going to steal some styling ideas without a doubt :)
I will not follow your tutorials if you don't start them with a "Hi there" lol It just sounds so satisfying the way you say it. My girlfriend said it reminded her of SpongeBob when he was "utterly normal"
if someone is facing an issue with scroll handler in the Gallery section, then replace your scroll handler method with the below one, and it will solve your problem of scroll left images const scroll = (direction) => { const { current } = scrollRef if (direction === 'left') { current.scrollBy({ left: -300, behavior: 'smooth', }) } else { current.scrollBy({ left: 300, behavior: 'smooth', }) } }
Youre my best javascript master 🥰 I've learnt lot from you about react and nextjs. When I feel lonely in studying and following other materials I always come to this place for learn something new. Thank you soo much your hard work and good luck with your career 😁🤗❤️🔥
Subscribed, and now commenting to support this channel. Thank you for all the effort and hardwork you put into making this video. I'd really like to see a a good looking modern ecommerce website with and admin dashboard that allows product upload.
58:25 I'm not really good with typing today This video is different from rest of project videos of channel 🤣 so much fun I watched continuous till this time, hope to complete it fast with more typing mistakes 🤣😂
Completed implementing this tutorial. It was very informative. Looking forward to more tutorials. Please let m know if I can use the same in my Personal Portfolio
@JavaScriptMastery This is amazing! Could you create a video showing your planing process for the newby freelancers? Such as how you come up with the website name, theme, logos, tools you would recommend over others with the process etc. I'm a self-taught developer and while looking for a position I like to take more jobs and build a clientele.
Thank you for this awesome project. You are really the best in your industry. I have a recommendation: could you please do ecommerce marketplace web application where people can sell their own products?
Blessings. I was able to adapt this same project in typescript and nextjs, I had to type a lot of things but it was very useful to practice typescript and next. Thank you very much
Does anyone know where we can find other design files to practice with? I want to make sure I am able to implement one with no external help. It is an amazing video as usual. Your content quality is over the top. Thanks for making this available on UA-cam.
If you want the footer logo color to match the design this filter should work. No need to mess around in photoshop(do this directly on the img itself): filter: invert(14%) sepia(29%) saturate(467%) hue-rotate(2deg) brightness(91%) contrast(90%);
Your Project builds has always been top class. In recent videos I'm noticing your presentation quality has gone to another level. Can't thank you enough for providing such quality contents
In which part specifically did you notice the improvements? Thank you! 😊
@@javascriptmastery intro level📈📈
Since i've started programming i watched dozens of tutorials, and by far your channel provides the best quality among all of them. Great work, incerdible content!
Thank you so much!
agree
August 15th 2021, I decided to change carrier and dived into programming. Since then, I've watch several tutorials, courses and hints to learn and improve my skills. This channel is by far the best one.
Great video, great content! Thank you for sharing this with us.
You an amazing instructor and more amazing human-being. Providing more quality content than the paid ones for free here on youtube.
Glad you like it! 😊
As soon as I saw the description saying we were building something from a Figma file, I was stoked! Thank you for listening to our requests!
Always! 😊
am not even a programmer, but this man for the past 3minutes, make me like ReactJs, is super awesome to watch someone that know how to teach stuff
Got job because of you , keep inspiring
Congratulations!
Actually you're pretty damn close to the actual pronounciation of Gericht! And thanks, you're one of the best javascript-teaching channels on youtube!
Thank you so much Paulus! 💯
*the best
We need an awesome full-stack portfolio tutorial from you sir
Coming extremly soon! 🔜
@@javascriptmastery how soon? 🌝🌝🌝
You add so much value to the community. Thank you for helping us out. I recently made your web3.0 build it's just amazing I learnt so many things from that video
Thank you so much Anuhya!
@@javascriptmastery Liked, subscribed, and joined the community.
Keep up the good work.
What a legend! This is on another level.
Thank you so much for sharing your knowledge with us.
Glad you like it! 👌
Hats off to you man for the best quality content on UA-cam. This is one of the best channels I came across for JS development. If possible please try to cover Angular also. And Thanks a ton.
Great idea, maybe in the future!
totally agree..im blown away by the level of quality
Was waiting for a new video and seems like it was worth.
Awesome tutorial as always!
Many thanks to this channel.
Thank you so much Rahul!
Omg , This is getting better and better with every video! Thanks a bunch for these tutorials!!
I'm so glad you like it! 😊
I learned a lot from you, the amount of amazing content and knowledge you provide is a blessing. from 1 of Feb ill start applying for jobs and once I get it ill be supporting you. thanks again for bringing such quality content for free.
Thank you so much, good luck! 😊
I'm very glad I've found your channel. It is a big treasure on yt. Have you ever thought about making an admin panel, like fuse angular? I mean with working login/register functions, settable online/offline/away status and file upload to store. I'd be very grateful, if you'd mind doing a video of it! :D
Might come in the future! 😊
Dude your project videos are so much better than paid courses project videos and you do it for free just for us 😀 no words to thank you 🙌😄
Imagine how a paid course from me would look like... 👌
@@javascriptmastery dude you should definitely create complete web development paid course with awesome projects and understanding of each and every thing 😀 I am 100% sure that your course will become highest rated web development course 🙌😄 or bro you can create complete web 3.0 course because there are very less web 3.0 courses available and they are not much good and you will rock it in that 🥳
This is a great start for those who began to learn Js and React!!! I could not thank you enough for your content! I think this project and the knowledge I got from your tutorials are gonna help me get a job soon!!!!)))
Thanks For Recreating Our Official Design And Instruct Briefly To Designer Community Keep Supporting Us
I love this channel so much ... You are just too good bro, I literally have a whole playlist titled JS Mastery no cap.
That's amazing, thank you!
I think it's cool that these projects can be turned into a series now. You could include the Nextjs Landing page into this series as well. I could also see a Web3 series or a Social Media Series. This project could be added to an eCommerce series if they connect it to Shopify similar to your Shopify course. Keep up the great work. It would be cool if you include these UA-cam series on your platform so that just in case something happens to UA-cam, your students can still access your awesome projects
Thank you so much for the ideas, that's the goal! 👌
Wow!!!
Thats unbelievable .😯
You won't ever understand how helpful it is for me. 🤩🤩
Thank you a lot 🌹🌹
I wish you the best ❤️❤️❤️❤️
Thank you! ❤️
Thanks for not using a lot of dependecies 💙 your videos are the best!
this is what I was looking for. As always perfect timing.
Yes! Awesome!
@@javascriptmastery Thanks!
I think this project much more easier than your e-commerce video. Or I've become skilled I want to believe Thanks for your video. You're really best teacher🤗
I cannot say enough good things about the content you provide. It's a goldmine of knowledge. Thank you for all the work you have put into this. I was wondering if you could do a tutorial on how sass would be implemented in a project like this. I am unclear on how that would be set up.
Ya I'm stopped in my tracks after adding 'nom install -D sass'. I get errors about the postcss-normalize plugin failed
Hello javascript Mastery,
I comment very rarely but bro your channel is next level ❤️❤️ love your content brother... I can't tell you how much you helped me 🙏🙏 thank you and love from India
Thank you and greetings to India! ❤️
Nice tutorial. I learnt lot of things about react. Thank you.
What a legend!
You are the best, there is no one better than you on youtube.
Good projects, good presentation.
I was about to give up on my web dev journey and I watched your videos, now I am back, thank you for such quality work!
Could you make this a MERN project tutorial?
HI. DEAR FRIEND ...!
THANKS TO SHARE WITH US YOUR AWESOME VIDEO ...YOU ARE REALLY A GREAT HUMAN BEING...!
At the pandemic moment, there are a lot of people who can not afford any coin, but need to learn something in order to survive ...MANY THANKS AGAIN...!
GOD BLESS YOU.
Always like before watching, Because I know I won't be disappointed, keep up the good work, thanks for sharing.
Thank you Habib!
you're the best Javascript master on youtube that I know
Thank you! 😊
Top professional world class applications that we are building. Thanks
Fantastic! I just finished coding bootcamp and was looking to complete a practice project integrating Figma into REACT for my portfoliio.
That's exactly what this video covers! 💯
Waw...how come it took me a long while to find this great content on the internet....all this for free🥺.... you're very amazing sir
Seriously the best videos! I learn something new with everything you drop! Would love to see something with a payment system or subscription based model.
Great ideas Chad! I'll try to get something soon 🔜
Don't take this the wrong way, but I love you man...been looking for this. Thanks a million
This is the best channel about coding
I'm so glad to hear that! 😊
I've watched the whole 3hrs and I regret nothing.
simply the best content on UA-cam!!..... no one can compare
Hvala vam puno
This is an unbelievable tutorial, the quality of teaching and patience are simply unreal.
But if I could ask for just a little more from you, what makes you choose to use "rem" and or "em" in CSS? I never managed to really understand the difference between them.
I'll chime in here to answer.
em is an elastic unit that takes its relative sizing from the PARENT element. So if you're defining ems inside a div that's (for example) three or four divs deep, the em sizing will be relative to the PARENT div.
The r in rem stands for ROOT and sizing anything with rems takes its cues from the HTML element all the way at the top. So it's not dependent on any parent element.
The big difference is that rem is more consistent throughout the design, whereas em may differ significantly depending on any parent element.
Does that make sense?
@@bartderuyck That was actually really helpful, thanks!
JSM! AlwaysOnTop. You are not just a teacher, but an awakener.
How much i wish I can like this more than once
This is premium content right here! Love this!
Sure is, thank you Levy!
Thank you so much for this. Very informative and the explanation is very clear.
Thanks Carl!
Your projects are fantastic, thank you champ 🙌💥
Thanks Richie! 😊
Amazing project. Please more videos projects like this one!!
Will do! 👌
You are the main reason I am learning react. Plz keep up with good react work. ☺️
Keep learning! ❤️
If anyone's Newletter styling is broken and doesn't appear to be rendering, it's because @2:50:01 JSM switches "z-index: 100" ---> "z-index: -1", but doesn't mention anything about it. Switching from "100" -> "-1" solved my issue.
thank you
THANK YOU SO MUCH I HAVE SPENT AROUND 1 HOUR TO RESOLVE THIS AND FINALLY I GOT YOUR COMMENT AND FIXED IT.
@@priyankapriya9945 Great! Glad I could help :)
The design looks great!
As someone who is learning web dev something that would be really useful would be a video where we see you iterate on creating a design or reproducing it through css. If we can follow your train of thought and see the trial and error, it becomes a lot more relatable to the experience of building a website from scratch and trying to make it look good.
That being said this is still very useful and I'm going to steal some styling ideas without a doubt :)
Haven't watched the video yet, but from the introduction, I know this is gonna be a banger like all the latest videos♥♥
I will not follow your tutorials if you don't start them with a "Hi there" lol
It just sounds so satisfying the way you say it.
My girlfriend said it reminded her of SpongeBob when he was "utterly normal"
Hahah that made me laugh, I'll definitely start more with Hi there! 😊
Your videos are getting awesome day by day. Thank you 😊
You are my favourite person doing REact tutorials thank you so much --
I'm so glad to hear that!
if someone is facing an issue with scroll handler in the Gallery section, then replace your scroll handler method with the below one, and it will solve your problem of scroll left images
const scroll = (direction) => {
const { current } = scrollRef
if (direction === 'left') {
current.scrollBy({
left: -300,
behavior: 'smooth',
})
} else {
current.scrollBy({
left: 300,
behavior: 'smooth',
})
}
}
Empathic Content! Just like this guy knows what's going on into my mind.
I'm glad to hear that! 😊
Youre my best javascript master 🥰 I've learnt lot from you about react and nextjs. When I feel lonely in studying and following other materials I always come to this place for learn something new. Thank you soo much your hard work and good luck with your career 😁🤗❤️🔥
UA-cam need more videos like this 👍
Subscribed, and now commenting to support this channel. Thank you for all the effort and hardwork you put into making this video.
I'd really like to see a a good looking modern ecommerce website with and admin dashboard that allows product upload.
Thank you man. I appreciate all your hard work to deliver this awesome video 🙏🙏
Thank you! 😊
this is absolutely lit 🔥🔥. We would really appreciate if you start using typescript as this is the industry standard.
Great idea!
I was just looking for a figma tutorial
Thanks lot!
👌
Enjoy! 😊
your tutorials are always the best on UA-cam,
Thank you!
Please make a dasboard video having charts and maps, great content as always😍
Might come soon..
I am 32 mins in and i am not regretting anything at all.
58:25 I'm not really good with typing today
This video is different from rest of project videos of channel 🤣 so much fun
I watched continuous till this time, hope to complete it fast with more typing mistakes 🤣😂
Thank you so much! I'll try to keep it more entertaining in the future as well! 👌
The underscore underscore lives inside my head rent free lol
Joining this course today, Excited to learn and grow.
The best channel on coding! 😍😍😍 THANK YOU SOOOOOOO MUCH!!!!!!!!
Thank you for watching!! 👌
Completed implementing this tutorial. It was very informative. Looking forward to more tutorials. Please let m know if I can use the same in my Personal Portfolio
The best channel in youtube. Thank you for this great content
Thank you!
Nice one Adrian, your videos are always the best in their categories..
You provide a really great benefit to mankind with your job here! Keep up the good job!
Always delivering top-notch content
That's the goal!
You set the bar really high for JS project tutorials the projects are so relevant and every project have something new to learn ❤️
@@shivani9840 Yup I am learning web dev for about 1.5 yrs have learned much in front end from HTML to next/gatsby
Wowww, this project is simply on another level. Never seen like this before. Thank you for sharing with us ;)
Glad you like it!
Hey. I am forever grateful to the fact that you share your skills freely and help improve other developer's lives too. God Bless you men!
You are really doing great 👍👏👏❤️
Can you please provide live Preview of completed website.. please
I swear this is the best channel for web development ♥ youre the best bro.
@JavaScriptMastery This is amazing! Could you create a video showing your planing process for the newby freelancers? Such as how you come up with the website name, theme, logos, tools you would recommend over others with the process etc. I'm a self-taught developer and while looking for a position I like to take more jobs and build a clientele.
Pretty helpful video actually! Thanks so much JM and God bless endlessly.
Thank you for this awesome project. You are really the best in your industry. I have a recommendation: could you please do ecommerce marketplace web application where people can sell their own products?
Great idea, thanks!
Blessings.
I was able to adapt this same project in typescript and nextjs, I had to type a lot of things but it was very useful to practice typescript and next. Thank you very much
Does anyone know where we can find other design files to practice with? I want to make sure I am able to implement one with no external help. It is an amazing video as usual. Your content quality is over the top. Thanks for making this available on UA-cam.
Thank you so much! ❤️
just pick any website you like and try to copy it on your own :b
wow just amazing content. hats off the hard work you put into it
Thank you!! ❤️
Everyone like the video so we could get another one of these awesome videos
Thank you so much for this amazing project. Your videos have been very helpful in my learning of React.
Please make a detailed video about freelancing in web development space in 2022, on how to get clients etc
Amazing project man , please create more projects like this buddy🙌🙌
If you want the footer logo color to match the design this filter should work. No need to mess around in photoshop(do this directly on the img itself): filter: invert(14%) sepia(29%) saturate(467%) hue-rotate(2deg) brightness(91%) contrast(90%);
You are incredible man... Please never stop what your'e doing.. Love your content !! 😍😍😍
Great video as always. Your hard work is appreciated. Thank you!
Thanks!
One more... You are One of the Best
Thanks Andrej!
Very excited to learn new things in this video
I'm excited as well! 👌
You are amazing.
Keep maintain this quality of contents.
You are Gem for our community.
Just amazing your presentation and accent as well 🙂 take love
Thank you! 😊
Don't wait for 15K likes, just go for the series. We need it.
dude thanks so much for all you do!!
No problem! 😊
Smooth like butter! Love it sm❤️
Thanks Chad! Is that gravity falls on your profile photo? Smooth like butter a BTS reference? 😁
we are really blessed with your channel thanks a lot man
❤️