Build and Deploy 3 Modern UI/UX Websites and Get Hired as a Frontend Developer | Full 10-Hour Course

[@darksitopx]

You are a hero building projects for the community, greetings from a Peruvian who admires you are appreciated.

[@javascriptmastery]

Thank you very much!

[@Way_Of_The_Light]

The Mr. Beast of front end tutorials 🔥

[@javascriptmastery]

Unique comment, thanks!

[@eswarmamidi718]

that aged well

[@jasonweng3009]

@@eswarmamidi718 like milk

[@hamzaomari7052]

You gotta change this comment now, since Mr beast is being exposed by his previous employees as the BIGGEST FRAUD!

[@serpantleo8490]

Wtf, after finishing 2 courses: Portfolio and Promtopia, and here it comes: another 10 hour course containing 3 website! Ridiculous, u r the real hero

[@Website_TV_1]

This course is an absolute game-changer! Building and deploying 3 modern UI/UX websites in one go not only boosts your skills but also prepares you to land a job as a frontend developer. The step-by-step approach and real-world examples make it so much easier to grasp complex concepts. Definitely worth every minute! Thanks for putting together such a comprehensive and practical guide.

[@theAce6531]

Really great... Completed & Code First Day Completion : 1:50:00 second Day Completion : 3:57:00 3rd Day : Brain Wave Project 5:00:00 4th Day : BrainWave : 7:10:00 Website 5th Day : Portfolio Development: 8:10:00 Completed Today All the Video Development (17/11/2024)

[@josephvids1]

Hey what did you do to setup lint and prettier. When I setup, there is no eslintrc.cjs. Just eslint.config.js. I think his guide is outdated, how did you install es-lint and prettier?

[@oussamakersit5738]

I just discover this Course, and I'm so hyped to start & I just want to say thank you for the efforts and the hard work you put into this masterpiece ❤

[@OPGAMER.]

Thanks for combining all of them in one video. It was fun working on those projects ♥

[@javascriptmastery]

Any time!

[@ransh-sahu]

did all your project work fine ?

[@mohamedpalastine8929]

we realy need a Full GSAP crash course legend

[@javascriptmastery]

Working on it!

[@gaurabgogo]

Couldn't be more happier thank you legend JsM😍✨

[@vivekkoul4428]

Anyone one wondering about the prerequisites, here they are: 1. JS fundamentals 2. React fundamentals 3. Tailwind CSS fundamentals

[@GAOTU-II]

Wow man, it's going to be a productive weekend today! indeed a hero to the self-thought community! love from South Africa

[@javascriptmastery]

Amazing!

[@satishkoya2309]

fr I cant wait to finsh this masterpiece

[@maratha_empire003]

Love from INDIA... Sir, we really need a Full GSAP crash course

[@robiulhussainroni7036]

Man!!! This is called dedication! Just watched the intro and I learned a lot about dedication ❤❤

[@praveen_4sf12ec]

This channel is a treasure ❤

[@javascriptmastery]

Appreciate it! ❤

[@ramesh_tudu]

New subscriber added.... Found highly inspiring channel for frontend dev.... Great way of explaining everything that are being implemented and further use case possibilities.....

[@KartikSuru]

I admire that you put this much effort into making these videos and the quality is also very good. But I have to be honest because I want to contribute to the review. When I reached the video carousel part I completely lost it I did not understand at all any part of how the logic works it seemed like I was just typing rather than learning anything new because you did not mention anything much about how code works and functions and just said what you were coding not the logic behind why you were doing that. I did not feel confident about any topic used in that part of the video and I even got confused and scared. I'd suggest that instead of gsap crash course you should have done something same for concepts such as refs and all the other things you used in the carousel component.

[@BoldLenz]

Any other source that could explain better? Or any book/ guidebook to do that?

[@MdSaadBinNaeem-f5j]

bro can talk about his problems but cannot search for the solutions

[@asrarahmed177]

You can't expect to be spoonfed everything. Part of being in any technical digital role is being able to find solutions.

[@Shubham-et8qk]

​@@MdSaadBinNaeem-f5j at least he is able to talk about his problems unlike others who either didn't watch it or watch it like a movie.

[@abdoun8214]

Bro.. your copy writing skills kept me engaged and excited. Like wow..

[@yaminomi597]

Just loved this video man. I really appriciate the time and effort you have given for making this video and for teaching us some amazing thing. Thank you so much. Looking forward to a GSAP and ThreeJs full course from you.

[@tusharkutre6378]

Hats offff to this man....literally!!! as always u nailed it!

[@tusharkutre6378]

This course should be paid coz u have put so much efforts in creating such a highly valuable content...im stunned and speechless! Thanks a lot❤

[@javascriptmastery]

Thank you! ❤️

[@jaystewart4414]

Getting better at this. Thanks for making this. I love coding along to this, and doing so helps me understand the logic of what I'm writing.

[@isaackimura-hz8ms]

Wow this is amazing, thank you! Been waiting for it.

[@javascriptmastery]

Thank you!

[@EmekaNwadiogbu-nl5zb]

Defintely want the ThreeJS crash course

[@heidardotdev]

actually this channel is the best and the most professional channel in the youtube and actually in the world i cant find the source better than you because of you're the best one and the most unique one in the world only can i say thanks goodness for your stunning content

[@javascriptmastery]

Thank you!

[@AnotherGalaxyToys]

Thanks, this is a great tutorial! I worked a ton with GSAP back in the Flash days, where it got its start, but this has been a great refresher after a couple decades of not using it. One consideration during your tutorials is turning off VS Code's code hints. It was difficult to follow along and glance at the screen when at times it would literally take up over 80% of the code, because of a long code hint popping over the actual code. I would have to wait and then pause the screen when it would go away, or go back in the video a bit where the code wasn't obfuscated. It really slowed me down, and the flow of listening and typing along with the tutorial, but missing something you said, and not being able to see it right away when I looked over because of the massive code hint blocking the code.

[@mohammadalsallal7977]

dude you should be in everyone's fyp cuz u r awesome

[@javascriptmastery]

Thank you!!

[@VisiArise]

We really need a course in React.js , Three,js, Gsap from you bro , your explanation style is awersome and simple

[@JulianHouston]

Thank you for all your hard work! We want that full threejs crash course!

[@thecapedcrusaderr-s5q]

Hey, the tutorial was awesome, just one suggestion, can you just quickly explain how things work for example, for threejs modeling and some animations you just went through writing the code without explaining how things work. Thanks for the tutorial!!!

[@anubhavseet004]

Ready for the full crash course on three js

[@javascriptmastery]

Coming soon!

[@anubhavseet004]

Thank you man I was looking to build a portfolio website for a long time..

[@Shivam-bx7tb]

19:06 How to integrate 3js with ReactJs 21:05 Installing gsap 22:13 How to use gsap in React?

[@rxi-geek]

Such an amazing explanation 🤩! We want G-SAP tutorial in depth🔥

[@pelinavsar4498]

Would love ThreeJS course from you! Your content is excellent.

[@zyadnasr351]

Thanks for combining all of them in one video. It was fun working on those projects👌

[@javascriptmastery]

Thank you so much!

[@TfgTgy]

I noticed that in the current projects you do Deploy with Hostinger but I see that you sometimes do Deploy with Vercel I didn't really understand when to prefer one to each other, I already have an account in Hostinger. I'd love to expand on the subject a bit, thank you very much

[@Pini-se8bb]

Yeah, I didn't realize either, it looks similar

[@TeslaIL]

I didn't realize with Vercel it's free so why use Hostinger

[@YuiuIooo-oz5tm]

Maybe they are similar but Hostinger is for commercial use and Vercel is not

[@javascriptmastery]

Great question! I mostly use Vercel with Next.js apps and Hostinger with non-Next.js apps.

[@severedghost]

I just finished the Iphone site and changed it to a samsung galaxy site, great experience!

[@6glocktoss46]

never came across good content like this ohh no to forget i have already subscribed 😉😉

[@pułkownikkaczodziobyzpodlasia]

Dawg u the goat, thank you for the amazing tutorials, god bless you

[@Deus-lo-Vuilt]

Adrian, have you thought about doing a full Gsap course? it would be great to learn more about this technology, thanks as always for the excellent tutorial.

[@SK_Covers]

Love your content always ❤. You are molding beginners 💯🙏

[@javascriptmastery]

Thank you so much 😃

[@mk-dh6bu]

Thanks adrain I was waiting you are great I learned much more 🤩🤩😍

[@javascriptmastery]

Happy to hear that!

[@username23675]

okay cant wait to do this and show u the end result!

[@javascriptmastery]

Amazing!

[@haticebaba]

yes, please. We need three.js crush course

[@iDinesh04]

thanks man for this amazing course on react

[@heidardotdev]

so i cant describe the beaty of your amazing and stunning beautiful content

[@javascriptmastery]

Thank you!

[@just4fun277]

bro is the final boss of front end Courses

[@AhmedSamy-ll5si]

We seriously need a three.js full course to master this topic including animation and movement

[@Nur_Araf_Shishir]

yes we want more details gsap course and DSA in JS

[@fonjiopeter808]

Of course you always deliver with your tutorials. Unfortunately not being able to follow when all the css are written at once before seeing what it does

[@kamaleshsarkar7129]

Wow there are so many things to learn 😮 that's incredible

[@javascriptmastery]

Enjoy!

[@kapilhemne4976]

Thanks for all 👏Clear, detailed, and super helpful.

[@javascriptmastery]

You're very welcome!

[@benjaminsantana2837]

Thanks for making this content man, I was waiting for something like this to show up, and then I see this beautiful art work. Thanks!

[@javascriptmastery]

My pleasure!

[@darshjogi7377]

Thank you very very Much brother, please keep uploading videos regarding new tech stack, unique projects development and many more. Thanks 💯

[@javascriptmastery]

I will try my best

[@varshakapil8224]

Wow I was thinking to take one lecture... Amazing

[@javascriptmastery]

Go for it!

[@HuynhThien-A]

I hope you will release a video about an app that supports mental health and improves psychology. I believe this topic will be an interesting topic and attract many people's attention because today, young people, especially GenZ, have many people facing this problem.

[@CHANDUCANDY007]

thanks for giving the best knowledge we are waiting for this type of video

[@javascriptmastery]

Thanks and welcome

[@severedghost]

I love the tutorials, but could you please move the screen down when you're typing? It's really hard to see at the bottom of the screen with all of the annotations that VScode gives.

[@javascriptmastery]

I'll try doing that, thanks!

[@anonymousftw6386]

3rd project is already available in your playlist

[@javascriptmastery]

Yes, In case someone missed it, now they can find it here too! :)

[@shaheermansoor2560]

Actually all of them

[@lebohangrankhasa8767]

I am here yet again... Representing South Africa

[@mikasa-knowles]

I am South African too😂🎉

[@javascriptmastery]

Greetings to South Africa!

[@dhanasekarr6836]

This video is the most valuable video i have ever seen🔥

[@prajwalsharma2629]

55:25 always wanted to learn how to get started with those helper CSS utility classes i always get stuck doing on my own while starting from scratch

[@javascriptmastery]

Amazing!

[@abhishek6575]

i think making more and more project is the only way to make hands tight on frontend development

[@griffinbrown9136]

I wish this tutorial was done fully with typescript.

[@vikrambg02]

We want full course for three.js and GSAP. I searched in KZbin no one give a proper tutor. Pls upload the video..❤

[@shreyapandey6758]

Please bring a project courses on NuxtJS and VueJS

[@javascriptmastery]

I prefer next.js, but might do something like that soon!

[@sandeshthapa4691]

Give a full detailed course on three.js. I really want to learn three.js from scratch to advanced.

[@JR7yt.]

Waiting for three.js full crash course!!

[@mr.fabian8471]

I LOVE U MAN, You're my hero

[@Gabriel-kl6bt]

It is so funny when he speaks a word that ends with "sh", he whistles, like Herbert, from Family Guy. Love you, man.

[@javascriptmastery]

Haha, thank you I guess! :D

[@Bobert6B05]

Bro, I didn’t even watch the video yet and I wanna thank you for your effort 😅

[@MuradGadzhiev-eu5sn]

Thanks so much for your effort 🤗

[@javascriptmastery]

My pleasure 😊

[@StudyBuddy-jj5pb]

Anyone who is getting error at: 4:26:27, go up to constants/index.js and replace ../public/assets with ../assets/

[@abdulhanan2617]

im calling it a night, cant process the videoCarousal component 😭😭 Imma wake up tomorrow and try to understand what is happening😵‍💫😵‍💫

[@JOKERASHGAMING]

Please make a video on html, css , js from scratch for beginners

[@FahadKhan-ig6of]

Hey man, you are doing a really good work. Can you also put a tutorial on creating CRM like Shopify or basically creating Shopify full frontend and backend Thankyou so much for your tutorials. You are great

[@javascriptmastery]

Thanks for the idea!

[@anupamtiwari5064]

Loved it amazing dude and thank you And please bring gsap course

[@faraz9641]

Will complete this Tonight!!

[@lalithrockz]

Bruh 9hrs, tonight is not enough

[@javascriptmastery]

Give yourself the weekend!

[@Mutepuka88]

Love this course 😀

[@javascriptmastery]

Great to hear!

[@mr-pr0cesss]

A full gsap course please? Read some of doc and watched some videos on it. The doc is pretty confusing to be honst. There are a ton of cool one-of videos of gsa, But not a good full course. The community can for sure use your knowledge here!

[@bobrob-ew2ly]

I truly look forward for this everyday and when I hear that ding, I get all giddy and shit thanks bro. Like always I owe you my homie. 💯

[@javascriptmastery]

Thank you so much! 💯

[@arch-linux-999]

Please use scrolloff of 10 lines as it is not always visible what you are typing because of the captions.

[@Zagaj777]

brilliant as always!

[@javascriptmastery]

Thank you!

[@sh4kirrr448]

Saving for myself: To do from Highlight: 1:22:46

[@unknownman1]

have u completed the tut?

[@Iamvijaypotnuru]

Please make a full crash courses on amazing libraries like three js,and also make a video how to integrate three js in next js and react native

[@angel.lucifer5656]

we dont want any crash course we want a course on gsap and 3js , but on youtube

[@omercumaalc4656]

Thank you for this great video. Only the subtitles do not work in the 3rd part, which is the portfolio section. Could you please add subtitles to the 3rd part? 🙏

[@anmolkainat2707]

Really helpful tutorial waiting for advance topic and crash course for GSAP

[@amalsuresh7401]

need more Gsap and three.js tutorials

[@LoneDarkWarrior013]

i love this channel so much!

[@aarthi1111]

I have experience in backend but have been recruited for a front end reactJS developer role !! I am really facing a difficult time at work unable to write a single line of code and not even able to debug in Real time environment 😢 Can anyone suggest me how to cope up with this and do better 😢😢😢 all this is bringing down my confidence

[@Piyush-yp2po]

For iphone project, everything worked except the main thing (model), kept getting error, it has something to do with resource utilisation, anyways till it was working it wasn't half as smooth as shown, i commented that out, rest worked fine, highlights part went over my head, but was good to see something new.

[@21abdullah89]

Yes brother, I am a full stack developer. I can wrap my head around the backend stuff easliy. The frontend and UI desing is where I get stuck. Like I understand next js and react, angular and vue JS, but the issue is if I can't even design beautiful UI why would someone would hire me as a full stack.

[@21abdullah89]

Please create a crash course for g-sap and an overall like what is a full stack developer do if he isn't good at ui design.

[@SparshW]

Hey, for 1:21:08, the buy button for me is showing up as taking up the whole screen, instead of a small, blue button. also, the text "buy" isn't centered, but is left oriented

[@jaystewart4414]

I love how you explain things. My biggest problem as been that even when coding along some things did break on the clone website and still stayed broken after correcting the fixes suggested. coding libraries either change that fast or I really messed up. Website still functions, but it doesn't look the same. It doesn't look terrible, but I've had to research why nothing would work. in these sections. I'd appreciate some guidance. The array of colors to choose from didn't show for me at all. I did some digging and I could get one object to show for it, but it was just one, not an array of them to choose from.

[@UnitySimplified]

You Told us the next course will be on "Game Development using React js". 😢

[@ricksanchez-c-137]

Game of using react

[@itksports]

Will you leave this place

[@UnitySimplified]

@@itksports absolutely not 🚫

[@javascriptmastery]

I just asked about what you'd like to see, it takes us months to produce some of this. But I assure you, we're working on it! :)

[@aftab_alam48]

​@@javascriptmastery Yay❤❤

[@filipnikolic2280]

Hi, this is a great tutorial!! I was just thinking, could you create a video where you are making a plan on how to create a project, so you could tell us more about how to think, when starting a project, in all matters. design and functionality... ?

[@rahulchourasiya4148]

Can you please make a video for single sign on, like centralised authentication website using next-auth, without any workos or any paid library for multiple saas website

[@javascriptmastery]

Cool idea!

[@darkbeats4065]

deserved for being in that show

[@javascriptmastery]

Thanks!

[@shubhipaul6830]

The best tutorial I have ever watched. Love the way you explain and teach. Specially the structuring of the whole video from starting at basics and building upwards.

[@Applecitylightkiwi]

Another amazing video congrats

[@javascriptmastery]

Thank you so much 😀

[@YASHYADAV-f9i]

three js love from India❣

[@Jarjarniks]

full threejs gsap course thank you very much! :)