Тёмный

Build & Deploy an Amazing 3D Portfolio with React.js & Three.js | Beginner Three.js Tutorial 

JavaScript Mastery
Подписаться 950 тыс.
Просмотров 129 тыс.
50% 1

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

 

20 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 395   
@javascriptmastery
@javascriptmastery 14 дней назад
Yes, I switched to WebStorm, check it out, and I'm sure you'll love it too! jb.gg/JSMastery
@ai-whisperer
@ai-whisperer 14 дней назад
Can you please share the link for both the Space and the Juuni websites?
@brunofelix5434
@brunofelix5434 13 дней назад
It is an excellent IDE
@MohamedAwais-y3l
@MohamedAwais-y3l 13 дней назад
Thanks for web storm License. For me it's valid till December. Generous time period to become fan of it.
@EmekaNwadiogbu-nl5zb
@EmekaNwadiogbu-nl5zb 13 дней назад
@@raymondmichael4987 hahaha I like this response.. lol
@shahnoormujawar6825
@shahnoormujawar6825 14 дней назад
Yesterday, I was selected as a junior backend developer without having a degree. I just passed high school, and I want to thank you because I've learned many things in web development from you. I have deep respect for you because you are changing people's lives. I know that even though you share all this amazing knowledge on RU-vid for free, you may not be getting much in return, but one thing is for sure - God will reward you.
@javascriptmastery
@javascriptmastery 14 дней назад
That is awesome!
@ChaimaaTEDJARI
@ChaimaaTEDJARI 14 дней назад
Congratulations 🎉
@Karanpatel-kv6rb
@Karanpatel-kv6rb 14 дней назад
Congratulations 👏🎉
@mjtech4243
@mjtech4243 13 дней назад
Congratulations bro,by the way can I know on which platforms you seek jobs? Cuz I'm jobless for one and half year😢
@PatrickMohammed-p3l
@PatrickMohammed-p3l 13 дней назад
It was through JSM I was able to build my potfolio and land a job last year as well. JSM, all i can say is Thank you, God bless you sir
@moussasagna8991
@moussasagna8991 14 дней назад
I want to thank you for real, I got a job using your last 3d portfolio.... God bless you for all your tutoriall. You literally change my life man 🥰🥺
@javascriptmastery
@javascriptmastery 14 дней назад
Happy to help!
@Shivam-ii2wr
@Shivam-ii2wr 8 дней назад
Hi bro, can you please guide me how did you get job because it's been a couple of months since I have been jobless.
@shadowslayer2248
@shadowslayer2248 14 дней назад
Thanks for another amazing 3d tutorial. Adrian actually understands what his audience wants and creates unique and comparatively complex projects that noone on YT even tries to teach for free! 3d is much in demand since the AI boom right now dear sire, and we need your tutorials now more than ever. Keep three js coming!!
@javascriptmastery
@javascriptmastery 14 дней назад
Couldn't agree more!
@247aakashpavar6
@247aakashpavar6 14 дней назад
Bro is not pregnant but delivers always. 🍻
@QwecySlim
@QwecySlim 14 дней назад
Baaars
@DoingCoding
@DoingCoding 14 дней назад
It's old one think new one.
@kushalmondal618
@kushalmondal618 14 дней назад
I would recommend you not place such comment with such taste in a learning channel
@RR-xb1nh
@RR-xb1nh 14 дней назад
cringe
@247aakashpavar6
@247aakashpavar6 14 дней назад
@@DoingCoding Bro is not hawk but always focused. 😎
@Jaleel_
@Jaleel_ 3 дня назад
Actually never thanked you, the last portfolio I did learning from you, got me my current job! Thank you so much for all the knowledge you give us, my life has been leveling up ever since, was able to move out my parents place and now I'm living a quiet life by the beach, and its all thanks to you and this channel
@TechthroughAges
@TechthroughAges 14 дней назад
He's not a wizard, but somehow always codes magic.Love you bro.
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you!
@PRS_Code
@PRS_Code 14 дней назад
This channel is like HBO of projects, always top quality 🙌
@javascriptmastery
@javascriptmastery 13 дней назад
Glad you enjoy it!
@rifathossain328
@rifathossain328 3 дня назад
Somehow this educational video felt so entertaining like i can watch these types of content all day. Nice work man
@kenshalom6098
@kenshalom6098 11 дней назад
you are a good teacher that simplifies complicated concepts to beginners broken them down to easy understanding. Thank you so much for being a generous person
@PatrickMohammed-p3l
@PatrickMohammed-p3l 13 дней назад
With Just your Introductory segment alone, I'm super excited and laughing out loud with the memes😂😂
@javascriptmastery
@javascriptmastery 13 дней назад
Haha, amazing! :)
@affiliatepaid747
@affiliatepaid747 11 дней назад
You are the GOAT 🐐🐐🐐
@ngataifamily
@ngataifamily 7 дней назад
I figured out why you can’t use other animations from Mixamo. The reason is the difference between versions of 3js, which made it so the axis must be handled differently. How to fix it? Using Blender, convert your .glb (downloaded from Ready Player Me) to .fbx: In Blender => File => Import => glTF 2.0 (.gltf/.glb), then export to .fbx (character.fbx by default). After that, in Blender => File => Export => FBX(.fbx). You'll see the window (Blender File View), find the path and choose character.fbx. Then in the bottom right of the window => Transform => you need to set: Forward: Y forward, Up: Z up and then Export FBX. Now upload that character.fbx to Mixamo and follow the same steps in the video, and you'll be able to use more animations.
@IsaacOladimeji
@IsaacOladimeji 7 дней назад
Bro! Your intro was so enticing as it was also funny because of how you were explaining using games and marvel characters You're the best man! Loveeeee! It!!!🚀🚀🚀🚀🚀🚀
@TimeAiTales
@TimeAiTales 14 дней назад
How on earth can someone be an expert on every single popular library.
@javascriptmastery
@javascriptmastery 14 дней назад
Practice makes perfect!
@codingandEnglishlearning
@codingandEnglishlearning 12 дней назад
I think the channel is owned by a group of developers and the voice is not human voice it is ai generated voice. But whatever the case the channel is providing premium quality contents for free.
@giannizamora7247
@giannizamora7247 12 дней назад
@@codingandEnglishlearningtrue I think projects come from multiple people but this may be his voice. But also this is one of those rare channels I wouldn’t care about being AI because in reality it teaches us how to use many libraries and frameworks in real world projects
@pandaijo4145
@pandaijo4145 6 дней назад
i dont think most devs are experts on every popular library. next and three.js are all built on top of javascript, so if you know js its easy to learn them. besides, you don't need to be an expert in a language to build things, especially in a context like this where its just a webpage that you interact with. furthermore I've heard other devs say that once you learn a coding language and get proficient with general coding rules, it can be relatively easy to learn a different language as there's usually only syntax and a few other differences.
@TJOEL5
@TJOEL5 11 дней назад
Adrian sending blessings in abundance to you man! Thank you for all you teachings and efforts you put into this craft, you are phenomenal. God Bless You
@PemaWangchuk-w7y
@PemaWangchuk-w7y 14 дней назад
I really appreciated the design. If I can design this type, tomorrow, I am gonna leave the present job...
@javascriptmastery
@javascriptmastery 14 дней назад
You can do it!
@MindJammerson
@MindJammerson 4 дня назад
Absolute legend I just finished making everything what a journey
@ANONYMOUS-qx4yx
@ANONYMOUS-qx4yx 14 дней назад
now there is a new 3d porfolio for every recruiter to look at
@kevinbermudez9452
@kevinbermudez9452 14 дней назад
Yeah lol😂
@javascriptmastery
@javascriptmastery 14 дней назад
Yes. But modify it a bit! 😊
@KGPCH3rdYear
@KGPCH3rdYear 10 дней назад
Lol
@Anonymous-pu8tr
@Anonymous-pu8tr 6 дней назад
bro where is gltf converter
@Historytip
@Historytip 11 дней назад
you are blessed as a teacher, you are real. Be blessed
@artyCrafty4564
@artyCrafty4564 4 дня назад
@2:06:35 to @2:17:39 used outside of 3d space to decide the positions of 3d model for various devices and then note down the measurements to make website responsive
@solomonimhomoh1056
@solomonimhomoh1056 14 дней назад
Wow, can’t wait to learn from you. Thank you.
@javascriptmastery
@javascriptmastery 14 дней назад
You are so welcome!
@Dr_PhilK
@Dr_PhilK 14 дней назад
OMG, this guy never ceased to amaze me, He is my only reason I might become a React developer, he is unique and exceptional in this Javascript world ❤, if I don't win in this battlefield of programming, I won't blame you,not your fault 😂
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you!😊
@ahmedahmedx9600
@ahmedahmedx9600 14 дней назад
this is the best channel i have ever found in youtube and im not regretting subscribing, thank you adrian you are a legend please keep making amazing projects ❤❤❤❤❤❤❤❤❤❤❤❤
@javascriptmastery
@javascriptmastery 13 дней назад
Legend!
@akashkrishna1043
@akashkrishna1043 13 дней назад
Thank you sir for yet another incredible video, i have learn so much from you. Best teacher on RU-vid.
@javascriptmastery
@javascriptmastery 12 дней назад
Thanks!
@Yesterday_i_ate_rat
@Yesterday_i_ate_rat 14 дней назад
You are my first teacher in my coding journey, so, happy teachers day ❤ sir
@javascriptmastery
@javascriptmastery 14 дней назад
All the best
@ichiroutakashima4503
@ichiroutakashima4503 14 дней назад
If I were to be honest, I would love to pay for a course in threeJS made by JSM themselves. I mean, while there's one famous course for threeJS, it's quite hard because the majority is simply pure theories. I want a project based course.
@LucidFort
@LucidFort 14 дней назад
Another cool video to bless my weekend. Love you man❤
@javascriptmastery
@javascriptmastery 14 дней назад
You too!
@alvinpeter1166
@alvinpeter1166 14 дней назад
The effort you put in your presentation alone is epic.. how do you even gather all these resources and put them all together? You are a the best 🙌🏽
@javascriptmastery
@javascriptmastery 14 дней назад
Wow, thank you! I try my best and have a great team!
@luciusmori5878
@luciusmori5878 14 дней назад
Adrian, this video is a masterpiece... and a piece of art! Thx so much for that! 🙏
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you so much, enjoy!
@abdulateef-da-designer
@abdulateef-da-designer 14 дней назад
Another masterpiece from our brethren 💯 Thanks so much Adrian
@javascriptmastery
@javascriptmastery 14 дней назад
My pleasure!
@IagoCech
@IagoCech 8 дней назад
Your Excellency have come with another great video. We feast...
@mehmetkoyuncuoglu1647
@mehmetkoyuncuoglu1647 8 дней назад
I used it your projects and portfolio and working as a full stack developer since 5 years. 😊
@vighneshshukla3331
@vighneshshukla3331 14 дней назад
Awesome tutorial! The combination of React, Three.js, and Next.js for 3D animations is mind-blowing🤯. This is exactly what I was looking for to enhance my portfolio. The step-by-step explanations make it easy for beginners to follow along, and the end result is incredible. Can't wait to start building my own 3D projects using these techniques. Thanks for making this process so accessible!
@javascriptmastery
@javascriptmastery 14 дней назад
Awesome, thank you!
@BahaaAldein-o2i
@BahaaAldein-o2i 13 дней назад
You are the best RU-vidr, teaching incredible methods like this. 💗💗💗
@javascriptmastery
@javascriptmastery 13 дней назад
Thank you! 😃
@OPGAMER.
@OPGAMER. 14 дней назад
Another banger. Let's go 🚀
@javascriptmastery
@javascriptmastery 14 дней назад
Yess, OP Gamer is here! 😊
@wahidSLIMANI-p7k
@wahidSLIMANI-p7k 3 дня назад
such a great three js toturial , i really enjoiyed it , Thanks for your huge efforts
@EmilGasanov-v7q
@EmilGasanov-v7q 11 дней назад
hi, it would be cool if you did such cool projects using state management like suztand or redux
@enes5509
@enes5509 14 дней назад
Well, as always, Adrian never disappoints.
@javascriptmastery
@javascriptmastery 14 дней назад
That's the goal!
@sureshsingh9880
@sureshsingh9880 14 дней назад
Javascript wizard is back ❤❤❤❤
@javascriptmastery
@javascriptmastery 14 дней назад
Yes. ❤️
@gouravkumarbehera1894
@gouravkumarbehera1894 14 дней назад
I just got a job as a Software Developer because of you. Thnx for amazing videos, helped me a lot to gain much skills
@javascriptmastery
@javascriptmastery 14 дней назад
Great to hear!
@Code..188
@Code..188 14 дней назад
This is wonderful thanks ❤
@javascriptmastery
@javascriptmastery 14 дней назад
You're welcome 😊
@MohamedAshraf-p6i
@MohamedAshraf-p6i 14 дней назад
This is absolute brilliance ❤ can you please in next video make sales and purchases system and let products can have multiple units like if 1 carton has 12 packs and 1 pack has 12 pieces
@javascriptmastery
@javascriptmastery 13 дней назад
Great idea!
@marcioandre6469
@marcioandre6469 14 дней назад
😯🙆🏾‍♂️ Bro delivering an incredible project like he didn’t delivered a Mobile taxi booking app few weeks ago
@javascriptmastery
@javascriptmastery 14 дней назад
Right!!
@godofeternals
@godofeternals 13 дней назад
babe wake up JSM's latest tutorial just dropped!!!
@javascriptmastery
@javascriptmastery 13 дней назад
Yess!
@abwebmaster3
@abwebmaster3 14 дней назад
This is amazing. Thank you for the awesome content. More strength to your muscle
@javascriptmastery
@javascriptmastery 14 дней назад
I appreciate that!
@AsadKhan-gp9sk
@AsadKhan-gp9sk 13 дней назад
Yay three js video
@javascriptmastery
@javascriptmastery 12 дней назад
yAY!
@IsaacOladimeji
@IsaacOladimeji 14 дней назад
Excellent adrian
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you Isaac!
@404-not-found-service
@404-not-found-service 14 дней назад
Thanks, I just wanted more projects to practice all this.
@javascriptmastery
@javascriptmastery 13 дней назад
More to come!
@ahmaddaani_
@ahmaddaani_ 2 дня назад
please make a tutorial about svg animation on cards like on nextjs site
@Mohhit05
@Mohhit05 4 дня назад
Thank you Sir for making these types of amazing content
@OngieDefistlady
@OngieDefistlady 14 дней назад
I am in love with this channel
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you!
@MohamedAwais-y3l
@MohamedAwais-y3l 14 дней назад
WOW. this is called portfolio. Webstorm, new experience.
@javascriptmastery
@javascriptmastery 14 дней назад
Exactly! 😊
@devanshsk7222
@devanshsk7222 14 дней назад
Can you drop a tutorial in which you teach how you design these crazy designs from scratch.
@javascriptmastery
@javascriptmastery 14 дней назад
I have a master designer! 😊
@1durch0
@1durch0 13 дней назад
Amazing. Maybe you could also consider Rhino Compute with Grasshopper to have a more powerful 3d backbone
@javascriptmastery
@javascriptmastery 12 дней назад
Cool idea!
@Highlighte768
@Highlighte768 12 дней назад
im new to english language but i can undestand this tutorial, a real teacher
@SonuCartoon_9917
@SonuCartoon_9917 14 дней назад
Congrats you completed 150 video on RU-vid 🎉
@javascriptmastery
@javascriptmastery 14 дней назад
Yess, nice catch!
@nnlife-zv9yj
@nnlife-zv9yj 10 дней назад
Ome of my favourite channel 💜💜💜
@nicolettifps
@nicolettifps 14 дней назад
UHUUUUU MORE THREEJS MASTERPIECE!!!!
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you!!
@FedoxDieEnte
@FedoxDieEnte 14 дней назад
Love to learn more about threejs!
@javascriptmastery
@javascriptmastery 14 дней назад
More to come! ❤️
@SaurabhSingh-xs4dc
@SaurabhSingh-xs4dc 14 дней назад
Needed this, thanks 🙏
@javascriptmastery
@javascriptmastery 14 дней назад
You’re welcome 😊
@the_guy_who_travels
@the_guy_who_travels 12 дней назад
You are just a gem❤
@javascriptmastery
@javascriptmastery 12 дней назад
Thank you! ❤
@davidwright450
@davidwright450 10 дней назад
Please try to make a in depth tutorial of GSAP animation.
@KartikVarshney-q8w
@KartikVarshney-q8w 6 дней назад
Your videos are helpful and unique please make a project using Angular
@Zaza_software
@Zaza_software 14 дней назад
You have helped many soul thank you so much
@javascriptmastery
@javascriptmastery 13 дней назад
You are so welcome
@suryakantasinha
@suryakantasinha 14 дней назад
OMG! Amazing adrian sir 😍
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you! 😊
@KGPCH3rdYear
@KGPCH3rdYear 10 дней назад
Love your content ❤
@onyedikachiozoani
@onyedikachiozoani 14 дней назад
So eager to watch this.
@javascriptmastery
@javascriptmastery 14 дней назад
Enjoy!
@maneetchaudhary8253
@maneetchaudhary8253 9 дней назад
What I feel you missed talking about in Hero Section is how is a single texture file 'textures/desk/screen.png' on two different mesh. Where is it mentioned that what portion of the texture image is to be used on which mesh?
@javascriptmastery
@javascriptmastery 9 дней назад
Amazing question! If you open the image you'll notice its stretched a bit. Different parts of it correspond to different screens!
@MoatazMohamed-h4d
@MoatazMohamed-h4d 14 дней назад
Bro you are amazing!
@javascriptmastery
@javascriptmastery 14 дней назад
I appreciate that!
@subramaniang.s2305
@subramaniang.s2305 13 дней назад
Fan of your lovely Materials. Looking forward for a codesandbox clone as well
@javascriptmastery
@javascriptmastery 12 дней назад
Cool idea!
@jaferhussein2645
@jaferhussein2645 5 дней назад
As always whenever I see this guys video I say I should subscribe but the thing is I already did.
@vyshnavek2871
@vyshnavek2871 14 дней назад
You are awesome man "hats off "
@javascriptmastery
@javascriptmastery 14 дней назад
🎩
@alichekarda19
@alichekarda19 14 дней назад
The best developer in the world ❤
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you! ❤️
@mileslegend
@mileslegend 14 дней назад
alooooooo .....content is top notch ........cant wait to build this
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you! 😊
@prospermartial895
@prospermartial895 11 дней назад
thanks adrian amazing video . pls post web 3 projects as well
@sathirabandara7981
@sathirabandara7981 14 дней назад
Amazing project ❤
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you!❤️
@TariqJr-m1i
@TariqJr-m1i 13 дней назад
Smiles! A big shout from Nigeria. I'm still laughing that you used a Nigerian meme.
@javascriptmastery
@javascriptmastery 12 дней назад
Haha, greetings to Nigeria!
@benielsmile3355
@benielsmile3355 14 дней назад
The master in action
@javascriptmastery
@javascriptmastery 14 дней назад
Yes! 😊
@onatemowofoluso3230
@onatemowofoluso3230 14 дней назад
Thanks for this
@javascriptmastery
@javascriptmastery 14 дней назад
My pleasure!
@Zainulabdeen0
@Zainulabdeen0 14 дней назад
Pretty dope🔥
@javascriptmastery
@javascriptmastery 14 дней назад
Appreciate it! 🔥
@yaya-mk6dm
@yaya-mk6dm 14 дней назад
Masterpiece, thaks alot
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you!
@abdulazeezanimashaun5426
@abdulazeezanimashaun5426 14 дней назад
Whoa! Let’s go!
@javascriptmastery
@javascriptmastery 14 дней назад
Let's go! 😊
@prakharsingh7210
@prakharsingh7210 День назад
Please make a project on voting system using blockchain , web3
@Bangadhipati
@Bangadhipati 13 дней назад
Sir its a request can you please create a futuristic portfolio page with a blog section and teach us how to add blogs in it 🙏
@lazyman2451
@lazyman2451 14 дней назад
It’s a cool project but I wouldn’t make it too complicated for hiring managers
@javascriptmastery
@javascriptmastery 14 дней назад
What do you mean?
@lazyman2451
@lazyman2451 14 дней назад
@@javascriptmasteryit’ll make them speechless 😂
@smdgamerz91
@smdgamerz91 13 дней назад
hi can you make one digital ecommerce website with using strapi
@javascriptmastery
@javascriptmastery 12 дней назад
Cool idea!
@olawunitemitope2738
@olawunitemitope2738 14 дней назад
Thanks, please can you introduce testing(jest) in your upcoming tutorial?
@javascriptmastery
@javascriptmastery 14 дней назад
Cool idea!
@Ankit_Maurya_12
@Ankit_Maurya_12 13 дней назад
I will use that 3d model of pc and run windows 98 on it using react library. And upload myself, projects there.
@javascriptmastery
@javascriptmastery 12 дней назад
Cool!
@dami-dojo
@dami-dojo 14 дней назад
I can’t thank you enough bro❤
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you! ❤️
@SurpriseScoops
@SurpriseScoops 14 дней назад
Request for building a high quality Weather Website
@javascriptmastery
@javascriptmastery 14 дней назад
Thanks for the idea!
@csyokesh.s2131
@csyokesh.s2131 14 дней назад
Please make full stack Next.js and mongodb app sir. Waiting for you.
@javascriptmastery
@javascriptmastery 14 дней назад
I prefer Postgres more recently
@wahab_cide
@wahab_cide 13 дней назад
Adrian is awesome!
@javascriptmastery
@javascriptmastery 13 дней назад
Thank you!
@yanik-sher
@yanik-sher 14 дней назад
Спасибо за видео! Проделана просто огромнейшая работа. На русскоязычном ютубе такого нет - выручаете.
@javascriptmastery
@javascriptmastery 14 дней назад
Thank you!
@Ishaq2367
@Ishaq2367 2 дня назад
I love learning coding and failing when i code myself and making it correct but i just have a dual core dell Inspiron n5040 lap i can't do anything with it it's taking soo much time to deploy a code 😢😔
@Gamage-z1z
@Gamage-z1z 14 дней назад
Great ❤ Is this responsive?
@javascriptmastery
@javascriptmastery 14 дней назад
Yes, it is
@aboudeh_
@aboudeh_ 14 дней назад
Thanks for the video broo we need AI and machine learning projects 🙃. like example trading algo or stock picker
@javascriptmastery
@javascriptmastery 14 дней назад
Added to the list!
@Pulsemastery
@Pulsemastery 14 дней назад
This is Amazing 🎉 gosh! 😅
@javascriptmastery
@javascriptmastery 14 дней назад
Glad you like it! 🎉
@lino_mayer
@lino_mayer 14 дней назад
Hyped
@javascriptmastery
@javascriptmastery 14 дней назад
Enjoy
@mjawale12345
@mjawale12345 14 дней назад
My Willpower to be proficient in React and learn Nextjs is rising to do ur projects
@javascriptmastery
@javascriptmastery 14 дней назад
You can do it!
Далее
God-Tier Developer Roadmap
16:42
Просмотров 7 млн
We built the Biggest iPhone in the World.
23:30
Просмотров 4,1 млн
The Most Important Design Pattern in React
35:04
Просмотров 43 тыс.
Web Dev Portfolios That Blew My Mind
30:07
Просмотров 164 тыс.
I Entered a Game Jam with NO Experience
8:36
Просмотров 2,3 тыс.
Every React Concept Explained in 12 Minutes
11:53
Просмотров 641 тыс.
School Lunch: Last Week Tonight with John Oliver (HBO)
26:08
The Underdog: From $10/hr to $1.5M/Year
20:10
Просмотров 238 тыс.
I Got AI Interviewed AND BROKE IT
29:10
Просмотров 323 тыс.