Build and Deploy an Apple Website with React | Beginner Three.js & GSAP Tutorial

Поделиться
HTML-код
  • Опубликовано: 20 ноя 2024

Комментарии • 822

  • @softultraviolence5673
    @softultraviolence5673 8 месяцев назад +186

    I started watching your videos in 2021, in 2022 I got a job as a Mid-Level Full-Stack Developer without even being a Junior before, and now I've changed my life entirely and my family's life. I have the biggest income of my whole family. Thanks for your contributions.

  • @devwithzain
    @devwithzain 8 месяцев назад +228

    Your contributions to the web development community are truly commendable.

  • @michaelhope8442
    @michaelhope8442 8 месяцев назад +12

    1. It's a really beautiful job you've done. I'm impressed. Thank you so much for this!
    2. For information, regarding the bug that some people mentioned about the fact that on smartphone some can not scroll, I found this solution by adding in index.css this part :
    main {
    touch-action: pan-y;
    overflow-y: auto;
    }

    • @togya4
      @togya4 6 месяцев назад +3

      omg thanksssss you deserve a huge kiss

  • @Santopirata
    @Santopirata 8 месяцев назад +88

    Yes! A crash course on ThreeJS would be amazing!

  • @bhagya1710
    @bhagya1710 8 месяцев назад +25

    What you are doing for dev community is really special. I genuinely mean it!

  • @aimableruhumuriza8603
    @aimableruhumuriza8603 8 месяцев назад +306

    AI replacing humans ? No way. This guy is more creative than all 1000 AI combined.

    • @javascriptmastery
      @javascriptmastery  8 месяцев назад +24

      Hahah, thank you! 😊

    • @kennethornieta2375
      @kennethornieta2375 8 месяцев назад +5

      No cap

    • @okekeemmanuel8852
      @okekeemmanuel8852 8 месяцев назад +4

      I agree with you

    • @awezsheikh8962
      @awezsheikh8962 8 месяцев назад +1

      That actually is what doesn't make me nervous or scared when they say devin take over look at this devin can never be that creative after sometime it gets repetitive then we need innovation which are given by humans.

    • @ibrahimzende6968
      @ibrahimzende6968 8 месяцев назад +1

      True 😂😂😂

  • @MuhammadHassan-l5g2d
    @MuhammadHassan-l5g2d 8 месяцев назад +20

    Bro, this is what was missing. A crash course and then the actual project. Its so cool that there's no assumptions that we already know everything.

  • @sinanmohammadnahian4768
    @sinanmohammadnahian4768 2 месяца назад +1

    You know what, I fall in love with your voice. Its just like someone is hugging me and telling me, it's okay , I'm here , don't worry.
    Inspite of English not being my mother tongue , I have never watched a full English tutorial video of 3 or 4 hours before. Thanks a lot man. And your animations with your sayings are just awesome with so much humor

  • @shadowslayer2248
    @shadowslayer2248 2 месяца назад +2

    Adrian we really need a dedicated Three JS tutorial because such stuff are very rare on YT and the people interested to learn them are very small in number. Most instructors therefore make it an expensive resource or course and thereby people who are really dedicated and interested cannot afford them. Please make a long video/tutorial series on THREE JS because we know you are a GOD in frontend development!!

  • @AsadKhan-gp9sk
    @AsadKhan-gp9sk 8 месяцев назад +21

    Yes finally gsap and three js
    Please we need more videos like this

  • @Nab_001
    @Nab_001 8 месяцев назад +8

    your teaching skills are incredible, I have never seen a tutor on youtube take from his/her time to make us an interactive documentation

  • @kushaltanna5569
    @kushaltanna5569 8 месяцев назад +6

    Full course on threejs and gsap will be amazing.! Your style of explaining is really engaging and easy to understand

  • @Vasilis-grk
    @Vasilis-grk 19 дней назад

    I have watched many tutorials on RUclips, but this one is by far the greatest. It's so easy to understand. This is the first video I've seen from you, and you had me hooked from the first moment. A must-watch!

  • @إفعلخيراًمهماكانصغيراً
    @إفعلخيراًمهماكانصغيراً 7 месяцев назад +5

    Stumbled upon this gem of a tutorial on building and deploying an Apple-like website using React, Three.js, and GSAP, and I'm absolutely amazed! As a beginner, finding resources that break down complex concepts into manageable steps is golden. Your tutorial did just that, and seeing the like and view counts, it's clear I'm not the only one who thinks so. The date (31 March 2024) will be marked as the day I truly started to grasp the power of combining React with these incredible animation and 3D libraries.
    Would you consider creating more tutorials that dive deeper into Three.js and GSAP? Exploring specific animations or 3D models and how to integrate them seamlessly into React projects, including connecting these projects with an SQL database for dynamic content management and interaction, would provide a well-rounded approach to building interactive and data-driven web applications. Your ability to demystify these technologies and make them accessible is a rare talent, and I can't wait to see what topic you'll tackle next!
    Thank you for sharing your knowledge and enthusiasm with us.

  • @kenshalom6098
    @kenshalom6098 8 месяцев назад +4

    the framework industry should be paying you well you have showcased their products so well to the consumers never we would have known after running away from wordpress with all its issues that we could use payload far much better or have better serveless configurations into our web development flow that are just cool and fast enough. thank you

  • @ねこ-p1b7o
    @ねこ-p1b7o 6 месяцев назад

    There's so many things i need to learn and i don't know where to start and just ended up wasting time. These videos are a solution for me. All I need to do is follow them, I gain knowledge, wrote myself and no more wasted time doing nothing.

  • @mohitashliya8750
    @mohitashliya8750 8 месяцев назад +2

    He is far more ahead of curve.
    I am sure that most of people only entertain this tutorial
    it needs balls to do 3d artwork and needs creativity.
    Most of folks will try to just imitate not actually making anything creative.

  • @mileslegend
    @mileslegend 8 месяцев назад +1

    Conglatulations to me i have finished this course another asset in my portifolio a big thanks to JSM i used JSM to build an Exo Planet Visualiser application as my final year project at university to be awarded a bachelors degree...thanks a million

    • @YashTiwari.official
      @YashTiwari.official 8 месяцев назад

      Use it on mobile then reply even his own website not scrolling on mobile phone

  • @kennethornieta2375
    @kennethornieta2375 8 месяцев назад +6

    can't express how thankful I am on you dropping this tutorial!

  • @mohitashliya8750
    @mohitashliya8750 8 месяцев назад +3

    Bro one more thing that Your content even the email one is awesome and is providing far better current affairs in frontend world than others . Really appreciate that.

  • @eternalsunshine9762
    @eternalsunshine9762 8 месяцев назад +19

    Full Crash Course on GSAP and ThreeJS would be great!!

  • @hackerscommunity6836
    @hackerscommunity6836 8 месяцев назад +4

    First of all, a huge thank you for the effort you put into your videos! We're really grateful for the knowledge you share with us. As beginners, we're eager to learn, but sometimes we find it hard to follow along. Your videos sometimes seem like magic because you introduce concepts that we don't understand clearly. We think it would be really helpful if you could start each video with a brief learning section before diving into the project. This way, we could better grasp the concepts before seeing them in action. Even if you repeat some things in different videos, it would really reinforce our understanding. We're developers with a lot on our plates, so having these clear explanations would be invaluable. Once again, thanks for everything you do! Keep up the great work!

    • @javascriptmastery
      @javascriptmastery  8 месяцев назад

      Like what I did with this video with the workshop and crash course?

  • @celer.e.v
    @celer.e.v 5 месяцев назад +4

    Because of this projects. I landed a job in Apple!
    Thank you for your awesome Videos!

  • @tsp_vengeance7069
    @tsp_vengeance7069 7 месяцев назад +1

    Full dive into Three.js would be awesome!

  • @codeninja77
    @codeninja77 7 месяцев назад +3

    Yes Adrian, I would really love the Three.js crash course, Thanks for all the effort. Keep up the good work Man

  • @thatogabanakgosi4077
    @thatogabanakgosi4077 6 месяцев назад +1

    I've been following your content for some time and I'm proud to say all projects I've followed along with you , helped me get my first Job as a Front-end developer. May you stay blessed brother 🙏🙌💙

    • @M1-Pro
      @M1-Pro 5 месяцев назад

      Congratulations brother 🎉

    • @M1-Pro
      @M1-Pro 5 месяцев назад

      Plz pray for me so I can land my first job too 🙌

  • @АлёнаДолматова-б2щ

    Аирдропы никогда не были такими простыми! Всё подключено, спасибо за инструкции

  • @Aditya_Vyas
    @Aditya_Vyas 8 месяцев назад +3

    Bro you are really smart. You made pages which can be the best way to teach things in less effort & more productive manner.

  • @jasonwilliams8991
    @jasonwilliams8991 8 месяцев назад +3

    Thank you very much for the time taken to come up with something like this, thanks once again to your contributions to the web dev community

  • @almudenarf1148
    @almudenarf1148 8 месяцев назад +3

    This tutorial is amazing! Thank you for everything you do. And yes! A course on ThreeJS would be amazing! 😃

  • @sushant1151
    @sushant1151 8 месяцев назад +2

    This is so cool. The simultaneous teaching of concepts is particularly engaging which enhances the overall learning experience. It would be great to launch the crash course of threeJs as it's an interesting tech which is being used a lot these days.

  • @Pulsemastery
    @Pulsemastery 8 месяцев назад +9

    I like the fact that you're going to teach use the website speed aspect alongside the 3d tutorial thanks alot Adrian am inspired 🎉

  • @ShermukhammadKarimov
    @ShermukhammadKarimov 3 месяца назад

    Wow, you made this awesome tutorial for free? I think the online community should make a global movement to make this channel hit more than 10M subscribers.

  • @rikawrites7104
    @rikawrites7104 8 месяцев назад +3

    OK YES PLEASE A THREE JS TUTORIAL FROM YOU IS A NEED NOWW

  • @prasenjitbasu6152
    @prasenjitbasu6152 8 месяцев назад +2

    Yes! Crash course for both the topic which will cover all in and out. Thank you for this informative video.

  • @Egosmartgadget
    @Egosmartgadget 8 месяцев назад +1

    I just keep watching.. i just cant stop watching.
    You are so incredible in your teaching skills

  • @sevindaperera1599
    @sevindaperera1599 8 месяцев назад +2

    We need a full crash course on Three.JS please. It would be really great and helpful. Thank youuuu

  • @LeoMcPherson-uv5qm
    @LeoMcPherson-uv5qm 8 месяцев назад

    this is absolutely amazing, with this type of people we are glad that ai can't replace us completely not even in ten years to come, but it's hurt to challenge you, and you accepted and i havent see the tutorial on it, i hope you do it sooner, an ai image or resolution clearer and a dj booking app

  • @guillaumefra8496
    @guillaumefra8496 8 месяцев назад +2

    This is the only video I needed to understand Three.js and GSAP. A big thank you!

  • @emrescript
    @emrescript 7 месяцев назад +2

    DONE!!!!! Really a lot thanks for this video. After 2 days for suffer, sweat and blood i finally managed to do it and now i just wanna look this amazing website for hours. I (nearly perfectly) grasped GSAP but I still missed some points on Three.js so i'm aiming to review this code for a few times with the guide. And finally thanks for another project for my portfoilo (If publishing what I've done to my github account is ok i'm going to publish it, if it's not then i'll delete it with no problem)! Great work again man, love you❣

  • @NikitaDrokin
    @NikitaDrokin 6 месяцев назад +1

    Hi there, man! Definitely, please make a crash course on Three.js. I remember wanting to get into it some time ago but was confused about where to start. I'm still relatively new to programming, but I'd love to make good progress!

  • @satyammishra2480
    @satyammishra2480 8 месяцев назад +1

    eagerly waiting for the crash course on Three.js , your projects give me so much confidence to become pro in this field

  • @517design
    @517design 3 месяца назад

    Thank you for this video! The way you tie all the technologies together has been very helpful.

  • @KrishnaTandon
    @KrishnaTandon 8 месяцев назад +2

    What you made is the only thing a person needs to make a better webpage. Thanks a million.

  • @chvpa
    @chvpa 4 месяца назад

    Bro, the GSAP workshop has all that I need to finally understand and implement in my animations, I have been looking for a long time. Thanks bro.

  • @RaidingAssassin
    @RaidingAssassin 8 месяцев назад +1

    Subscribed 30 minutes in, this video is filled with so much knowledge especially to get a quick start off the ground. Awesome video for all at any skill level ❤

  • @KuldeepSonara
    @KuldeepSonara 3 месяца назад

    Yes! A crash course on ThreeJS would be amazing! and more detail in GSAP please make

  • @mornsovathana7825
    @mornsovathana7825 7 дней назад

    Thank you, my dear teacher, for giving us such a valuable course, I truly appreciate your efforts.❤

  • @Ingelore-y1p
    @Ingelore-y1p 2 месяца назад

    GREAT STRATEGY. PAITENCE IS KEY!! MAKE SURE TO HAVE CONFIDENCE AND COMMITMENT IN YOUR MOVE!!

  • @WooX972
    @WooX972 8 месяцев назад +1

    The best youtuber I've never seen someone so cool at web development.

  • @josephmyalla3611
    @josephmyalla3611 8 месяцев назад

    Adrian you are the master of the Stack, the course is so much detailed, the assets, the source code you really killing it Bro

  • @sureshsingh9880
    @sureshsingh9880 8 месяцев назад +2

    Javascript wizard is back ❤❤❤❤

  • @blackwatch2150
    @blackwatch2150 8 месяцев назад

    my time stamp
    Day1 : 1:16:40
    Day2 : Missed
    Day3 : 3:06:25
    Day4 : Complete😁
    Amazing tutorial, worth the time

  • @deepakantoj432
    @deepakantoj432 8 месяцев назад +3

    yes it would be a lot helpful for many including me .
    so pls do the three js course as-well.

  • @Hashaam0
    @Hashaam0 8 месяцев назад +2

    will love three js crash course

  • @kapilsinghbaghel3090
    @kapilsinghbaghel3090 3 месяца назад

    Yes! A crash course on ThreeJS would be the best

  • @LuigiNicoletti-c1x
    @LuigiNicoletti-c1x 8 месяцев назад +1

    THIS IS SO LOOONG YOUR BEST WORK, I L O V E U, you dont know how i would to know english well in this time.

  • @itskrish0196
    @itskrish0196 8 месяцев назад

    Okay bro, you are more than just amazing. I have been having a hard time understanding gsap and thinking for the best tutorial video and couldn't find any that would align with my frontend skills, and yea here we go, Adrian just posted something that would most likely be the best, and yes you once again surprised me, love from india ❤️

  • @grigodoes
    @grigodoes 8 месяцев назад +1

    This is incredibly cool, thank you! Yes, I want another video about ThreeJS, especially if it’s about creating a game. If this is multiplayer game I'll just go crazy

  • @benjosejoseph1213
    @benjosejoseph1213 8 месяцев назад +2

    Yes We need a Crash Course on "THREEJS" pls.

  • @MaxSM117
    @MaxSM117 5 месяцев назад +1

    Epic Tutorial!
    Very useful cheatsheets about GSAP and Three.js
    Thanks!

  • @TheMoneyMover
    @TheMoneyMover 8 месяцев назад +3

    Great tutorial, I'd love a Three.js crash course!

  • @pratikkumar939
    @pratikkumar939 8 месяцев назад +1

    Man this channel is just NEXT LEVEL!!

  • @tsegayemassawa2711
    @tsegayemassawa2711 8 месяцев назад +1

    You know i always check your channell if there is new tut and here it is mind blowing.

  • @2difficult2do
    @2difficult2do 8 месяцев назад +1

    This is fantastic! Your videos are always interesting and unsurpassed! Thanks for sharing your skills and knowledge!

  • @allin7399
    @allin7399 8 месяцев назад

    man you are from another world I swear. you are a web guru. Thank you for sharing your knowledge with us. ❤❤❤❤❤

  • @yungxix6343
    @yungxix6343 8 месяцев назад +1

    You've done a lot for the web development ecosystem. 🙌

  • @vachvardanyan9234
    @vachvardanyan9234 8 месяцев назад

    Yes, finally, I would like to watch and learn Three.js with you.

  • @yunik_developer
    @yunik_developer 8 месяцев назад

    Sheryins coding school one of the best channel for gsap and threejs

  • @alaaelghamry5270
    @alaaelghamry5270 8 месяцев назад

    Adrian, first of all you're AMAZING!!🤩🥺
    Second, please make a crash course on three.js and Gsap

  • @umaralifayzullayev
    @umaralifayzullayev 8 месяцев назад

    This is the most beautiful website I have ever seen from your channel ngl

  • @SamanZare2001
    @SamanZare2001 6 месяцев назад +1

    This tutorial is incredible and I have learned a lot from you.
    I want to ask why memory usage becomes so high when I try to display a 3D model or perform other actions related to it?
    Thanks.

  • @krishnaverma671
    @krishnaverma671 8 месяцев назад +1

    Awesome! we want full crash course on three.js and gsap!

  • @adeyemiowolabi6062
    @adeyemiowolabi6062 8 месяцев назад +2

    You’re the best man 👍 🙌 God bless your knowledge

  • @arshnabi4312
    @arshnabi4312 8 месяцев назад

    Finally the gsap tutorial with react I have been waiting for... Thank you..

  • @bikilanegasa4543
    @bikilanegasa4543 8 месяцев назад

    What a blessed developer! God bless you abundantly again and again

  • @Yesterday_i_ate_rat
    @Yesterday_i_ate_rat 8 месяцев назад +2

    This is best gsap, r3f course ❤❤,, Thank you❤

  • @vilokmasuti4772
    @vilokmasuti4772 8 месяцев назад +1

    You are my ❤️ take bow for your web development contribution

  • @status-200-ok
    @status-200-ok Месяц назад

    Thank you, the material of Gsap, Framer motion and animations seems incredible to me, I subscribe and I'll be on the lookout for more material like that.

  • @aimableruhumuriza8603
    @aimableruhumuriza8603 8 месяцев назад +1

    Ohhh Lord ! You did it again ❤. Another masterclass course is out 🎉

  • @riddhi5560
    @riddhi5560 8 месяцев назад +1

    As usual, amazing course Adrian!! Thankyiu so much for three.js course. Please, please, please bring kore of these in future. Please🙏🙏

  • @nanaokae8212
    @nanaokae8212 8 месяцев назад +1

    As always, I look forward to all your videos and always send the links to my cs friends !🎉🎉

  • @nxshipon6470
    @nxshipon6470 7 месяцев назад +1

    Great Tutorial Dear Sir I am Form Bangladesh❤❤

  • @Jaber_Dev
    @Jaber_Dev 8 месяцев назад +1

    Bro, your way of explaining is awesome. Create something or a project using Anglor please ❤

  • @girijeshthodupunuri1300
    @girijeshthodupunuri1300 3 месяца назад

    You are actually crazy, how do you become so proficient in these technologies so quick?

  • @lokatorist
    @lokatorist 7 месяцев назад

    Hi, I started to watch your tutorial how to build Apple Website, I'm amazed by THREE.JS and GSAP, if you could provide more tutorials how to use React, THREE.JS, GSAP and TailwindCSS. You would make this 2024 year the best of the best:)

  • @siddharthasrivastava18
    @siddharthasrivastava18 8 месяцев назад +2

    We want a three js detailed video adrian ❤️

  • @ZeeshanElia
    @ZeeshanElia 8 месяцев назад +1

    Need more react beginner with three.js projects
    💗 From 🇵🇰

  • @chidiamara8749
    @chidiamara8749 8 месяцев назад +2

    Superb. You're Amazing 👏🏾

  • @nafizaldin8869
    @nafizaldin8869 8 месяцев назад +2

    This is awesome.
    I was waiting for something like this.

  • @sudheertalapudi1382
    @sudheertalapudi1382 8 месяцев назад

    yes sir , really need a crash course on these complex animation topics like gsap and three.js mainly with react .

  • @marcioandre6469
    @marcioandre6469 3 месяца назад

    That's why i call him the goat !!! The Goat !!!!!

  • @Aditya_Vyas
    @Aditya_Vyas 8 месяцев назад +1

    We want a full crash course for ThreeJS. It sounds amazing to learning something neigh & different.

  • @arkodeepchatterjee
    @arkodeepchatterjee 8 месяцев назад

    YES WE WANT A FULL COURSE ON THREE JS

  • @shubhangrege3093
    @shubhangrege3093 8 месяцев назад +1

    Tell me seriously you always drink a truck full of redbull na? 😱. The quality of this content is beyond this universe. Thanks for the gpt-3 video ❤.

  • @Racine14
    @Racine14 8 месяцев назад +1

    Very interesting... I am work with NextJs but the some logic of animation.

  • @arielelias2413
    @arielelias2413 8 месяцев назад

    Really thanks for all of this. You deserve the best of all. I will follow you tirelessly

  • @anishbiswas1492
    @anishbiswas1492 8 месяцев назад

    Wake up babee, new Jsm video just dropped 😮‍💨✨

  • @carlosmorales8237
    @carlosmorales8237 8 месяцев назад

    Yes please, a full course on Three JS would be great

  • @ayomideadejumo2068
    @ayomideadejumo2068 8 месяцев назад +1

    The very best! Consistent, innovative, what more can I say ❤