How to take your front-end skills TO THE MOON

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ธ.ค. 2024

ความคิดเห็น • 245

  • @yosuanicolaus
    @yosuanicolaus 2 ปีที่แล้ว +1329

    Your channel has Fireship level of quality, but more focused on frontend. I'm very grateful I found you.

    • @WallaceThiago
      @WallaceThiago 2 ปีที่แล้ว +49

      for real man
      I even went so far as to believe this guy is actually Jeff from fireship

    • @DjCtavia
      @DjCtavia 2 ปีที่แล้ว +14

      I find either it has something similar in the way he creates videos.
      Probably inspired by!
      And he's right, cause the format is good ;)

    • @rishabhgupta2085
      @rishabhgupta2085 2 ปีที่แล้ว +1

      Agreed 👍

    • @BostYT
      @BostYT 2 ปีที่แล้ว

      Same

    • @frz_akbar
      @frz_akbar ปีที่แล้ว +2

      yea, and very smooth explanation so as a foreigner I'm still able to follow along

  • @trebeus
    @trebeus 2 ปีที่แล้ว +1971

    Stop tricking me into learning

    • @LaFragas
      @LaFragas 2 ปีที่แล้ว +12

      @Ello gov'nor he pro coder at this point

    • @gilbertrothanglien854
      @gilbertrothanglien854 2 ปีที่แล้ว +2

      So true so true.

    • @nehaluddinshk861
      @nehaluddinshk861 2 ปีที่แล้ว

      😂

    • @shaynejr
      @shaynejr 2 ปีที่แล้ว +3

      I've already clicked 5 different previous videos featured at the end of the other videos.

    • @lastnamefirstname2390
      @lastnamefirstname2390 ปีที่แล้ว +1

      😂😂😂

  • @odonatojunior
    @odonatojunior 2 ปีที่แล้ว +269

    Your channel is one of the best things I've found this year (and we're just halfway there)
    Thought it was just tutorials but it's amazing when someone remember ourselves about how great we can be just by trying

  • @andrewwoan
    @andrewwoan 2 ปีที่แล้ว +158

    Videos like these are rare, but extremely value, especially for 100% self-taught developers who have no guidance and no clue where to start. Learning how to learn is an important skill and there are a lot of fundamentals that can help this learning how to learn process (like the thought processes in this video I use a lot).
    Another example for this is the developer tools for me, I learned a lot about HTML structure and what CSS properties and being animated, and other things I've never seen in typical CSS tutorials. The network tab introduced to me different files I never heard of before like .ogg for audio/ webp for images etc. etc.. "Why did they use webp instead of jpg?" I ask myself, and when I google it I realize it's because webp is much smaller. etc.
    I could go on forever, but I wish someone told me how to learn (like this video) when I was first starting out. This is beautiful content.

    • @Hyperplexed
      @Hyperplexed  2 ปีที่แล้ว +19

      Thank you for the kind words. Yep, that is such a great way to learn! And glad you are getting some value from the vids, makes me happy to hear.

    • @leviathancodm3659
      @leviathancodm3659 2 ปีที่แล้ว +2

      @@Hyperplexed Hey, how about at 2:20, instead of doing it that way, we determine on which rectangle the mouse is hovering and then pan the view so that the rectangle moves to the center?

  • @RateOfChange
    @RateOfChange 2 ปีที่แล้ว +59

    I'm a mathematician and musician. I take these exact steps when making music or solving problems, and it really works. I believe everyone who's creating something or solving a complex problem actually does that, either knowingly or unknowingly (Like me). Seeking for inspiration, then breaking it all apart and executing the plan step by step is definitely the key to achieving success when coming up with good ideas.

    • @ayudhdasroy7090
      @ayudhdasroy7090 ปีที่แล้ว +1

      a mathematician AND a musician? that's so cool

  • @HopingTree
    @HopingTree 2 ปีที่แล้ว +4

    Your approach is unlike anyone else I’ve seen on TH-cam. Thank you for your creativity in teaching.

  • @PoorlySoup
    @PoorlySoup 2 ปีที่แล้ว +6

    The way you explain your thought process and show how you iterate on your work after running into errors/unexpected behaviour is what makes these videos the best developer videos I've seen. Thank you.

  • @aloobre
    @aloobre ปีที่แล้ว +6

    This channel is really becoming my psychologist. I'm learning to think more like the video suggests but alos loving the content overall. Please never stop doing what you're doing! ❤

    • @නරක
      @නරක 5 หลายเดือนก่อน

      Real

  • @nedalturas
    @nedalturas 2 ปีที่แล้ว +3

    I am having problems with my front-end skills, I tried to create designs and sometimes I ran into a problem that makes me demotivated to continue. I am so thankful I found this channel it helped me to re develop myself. I tried to design in a small steps that I can actually manage.

  • @p0r5ch3911
    @p0r5ch3911 9 หลายเดือนก่อน

    I am a Front-end developer myself and whenever I have seen one of your videos I check if I already subscribed to you. You really take out the pressure and show that everything is doable if think about it.

  • @clayzz5695
    @clayzz5695 2 ปีที่แล้ว +2

    Honestly, this is a really HELPFUL video for me. And I believe for a lot of people that've been self taught their self to programming especially in Front-end. The way you explain and wrap it in your video AND in less than 10 minutes, yet all the point is still pretty clear is a damn great!

  • @its_r4y
    @its_r4y ปีที่แล้ว

    I've watched some of your recent videos today and after watching this, I understand that I need you support you because the amount of benefit I am getting from your videos are insane. It makes me to fall in love with frontend again

  • @Way_Of_The_Light
    @Way_Of_The_Light 2 ปีที่แล้ว +22

    You're a reeeeeeaaaaalllllyyy goood teacher man! Please keep making tutorials 🙏 just subscribed! your channel will definitely blow up!!

  • @standleypeter545
    @standleypeter545 ปีที่แล้ว

    So glad I found your channel. So hard to find astonishing channel such as this.

  • @shairasaldua7180
    @shairasaldua7180 2 ปีที่แล้ว +1

    This is the most useful front-end tutorial i have found. How to be not overwhelm things and how people break down the problems or their thought process in creating

  • @heyjohanna765
    @heyjohanna765 ปีที่แล้ว +1

    I can't even begin to explain how much I appreciate your content! I am just starting out as a front-end developer trying to transition from design into development. I am CONSTANTLY weighed down by imposter syndrome and overwhelming thoughts that I am not good enough or not smart enough. Watching your lovely, 5-10 minute videos explaining in your calm and encouraging voice how to create interfaces I would never have been able to do by myself in a way that breaks it down, is simple, easy to understand and tackles the problem one step at a time really encourages me that with practice and a shifted mindset, I can do this too.
    Thank you so much for your videos, they make me laugh, they help me learn, and they encourage and excite me to work on projects or improve my previous projects. You are forever my favourite coding channel!

  • @LunarAnonymous
    @LunarAnonymous ปีที่แล้ว +1

    There's very few videos on the internet that make me stop what I'm doing and inspire me to take notes. Thank you!

  • @kaurmanjot
    @kaurmanjot ปีที่แล้ว +2

    I really feel grateful for having subscribed to your channel. Your channel is a unique one, from redesigning websites to motivating others, it is everything. Keep up the good work ☺️✨

  • @Karen-yb1so
    @Karen-yb1so 2 ปีที่แล้ว +4

    I love how you break big problems into tiny bite size pieces 🙌🙌🙌🙌 love your channel, man. 💜

  • @slash_estio
    @slash_estio 2 ปีที่แล้ว +10

    I'm currently in a placement where I'm acting as a full stack developer for a solo project, so I'm really happy I found this channel

  • @durgeshanand6774
    @durgeshanand6774 11 หลายเดือนก่อน

    woah man you blew up my mind ..did not get you fully at the beginning but when you demonstrated i feel like im gonna do it now even though i have only basic css knowledge

  • @chenlim2165
    @chenlim2165 ปีที่แล้ว

    Holy cow, learned a new word today... analyzation, and also learned that I've been misusing "analysis" my whole life. Wow, this was indeed a life-changing video!

  • @LautaroRecabarrenXV
    @LautaroRecabarrenXV ปีที่แล้ว

    You have helped me beyond practical skills and theoretical knowledge. Thanks to your videos I know that I can be able to make a living from this, have confidence in my abilities. Thank you very much for your videos! encourage many more people with this invisible but existing side.

  • @AdrianMark
    @AdrianMark ปีที่แล้ว +1

    S tier front end advice. I cannot wait. I just cannot wait for you to make your Masterclass. Just please take my money already.

  • @selvasuriya001
    @selvasuriya001 ปีที่แล้ว

    Your videos are gold mine for learning front end development.

  • @raymondmichael4987
    @raymondmichael4987 ปีที่แล้ว

    Buddy!!
    You become my Netflix now, very inspirational and motivational 😊❤

  • @Ahmed-sr6gv
    @Ahmed-sr6gv 2 ปีที่แล้ว +2

    You're awesome, man!!
    I really hope wish you create a frontend course as your videos are both helpful and incredibly entertaining 🌟

  • @macielthales
    @macielthales ปีที่แล้ว

    Awesome explanations. U literally proof that famous phrase: Think twice, code once. All the best!

  • @robruizr
    @robruizr 6 หลายเดือนก่อน

    I think this just became my favourite video in all TH-cam. Ever.

  • @zyta182
    @zyta182 ปีที่แล้ว

    You are my inspiration to become a front-end developer. I'm grateful I found you.

  • @DiegoMatela
    @DiegoMatela ปีที่แล้ว

    Dude I love you so much thank you for your channel hope you won't stop doing this....

  • @joseph_oluwayomi
    @joseph_oluwayomi 2 ปีที่แล้ว +6

    When you think you’ve seen it all…. Then you meet another unique tutorial.

  • @pupinarvaja
    @pupinarvaja ปีที่แล้ว

    You make learning and problem solving so much fun and interesting. Thank you very much for your videos

  • @__lasevix_
    @__lasevix_ 2 ปีที่แล้ว

    Legitimately the new best education video I have seen

  • @safakaydn1666
    @safakaydn1666 2 ปีที่แล้ว

    i have no idea why, but hearing your voice just makes feel soothed.

  • @nabiltriaki8890
    @nabiltriaki8890 2 ปีที่แล้ว +1

    that last joke got me gooooooood XD i thought you going to connect the act of catching a fish to that concept IAADR

    • @oserchlp
      @oserchlp 2 ปีที่แล้ว

      I died xD

  • @sparrow3449
    @sparrow3449 2 ปีที่แล้ว

    Thank you to the TH-cam algorithm to recommended a perfect channel for me as i have started my career journey as a front end developer in Freshworks and little worried but watching through ur viideos i releaized what i have been doing is good and all i need to do is hold on to my beliefs and move forward
    Thank you sir

  • @learning_trespasser
    @learning_trespasser ปีที่แล้ว

    quite inspirational it is,
    IAADR fits in every field of computer science not only in frontend,
    Thankyou so much❤❤

  • @TheKuzuri
    @TheKuzuri 24 วันที่ผ่านมา

    bro i swear you are the best life lessons teacher

  • @weareloved
    @weareloved 2 ปีที่แล้ว

    Wow Thank you so much for your video !!! I’m ready to deep dive NOW!!!!!!

  • @manash.b4892
    @manash.b4892 ปีที่แล้ว

    What a good way to start my day. Thank you! 🙇‍♂️

  • @renataschapke6263
    @renataschapke6263 2 ปีที่แล้ว

    So inspiring!! I have just begun development study, like a month ago. And the insecurity is always with me. Tk’s!! Xxx from 🇧🇷

  • @felipeleon6631
    @felipeleon6631 ปีที่แล้ว

    What a great advice and an excellent way of expresing it

  • @isanrodrigueztrimino6701
    @isanrodrigueztrimino6701 ปีที่แล้ว

    I don't understand why this channel doesn't have more subscribers

  • @brew2779
    @brew2779 ปีที่แล้ว

    This channel is awesome. This channel actually inspires me to continue coding.

  • @illiayershov977
    @illiayershov977 ปีที่แล้ว

    Bro, your videos are so cool, thank you very much!

  • @veecks
    @veecks ปีที่แล้ว

    Finished the video and realized you made the effect in a dark theme haha, now it's your mark! Nice video!

    • @veecks
      @veecks ปีที่แล้ว

      Maybe your bot need some training haha

  • @AndrewGalaz23
    @AndrewGalaz23 ปีที่แล้ว

    Thank you

  • @ryuu8027
    @ryuu8027 2 ปีที่แล้ว +1

    Amazing work your videos just keep getting better and better also I really needed that extra motivation!

  • @kabirlele8522
    @kabirlele8522 ปีที่แล้ว

    Wow this is some top tier videos you will find on TH-cam

  • @darlonhenrisouza8555
    @darlonhenrisouza8555 ปีที่แล้ว

    Actually that's my favorite TH-cam channel, please do more videos

  • @sanchopansa7732
    @sanchopansa7732 ปีที่แล้ว

    Great stuff mate! Thanks for all the work you put into this

  • @mikejakusz1493
    @mikejakusz1493 ปีที่แล้ว

    Love your content! They make me happy, they are simple but very mentally pleasing :)

  • @MrFiregem
    @MrFiregem 2 ปีที่แล้ว

    Wow you are actually beyond, thank you so much for the inspiration.

  • @DarylMalibiran
    @DarylMalibiran 2 ปีที่แล้ว +1

    You're now my favorite dev TH-camr!

  • @PSProduktions
    @PSProduktions 2 ปีที่แล้ว

    Dude I love you channel. And You sense of humor. "I knowww. I thought IAADR!" hahahahahh That was BRILLIANT and INSPIRED! Great content!

  • @sharkdeath1368
    @sharkdeath1368 2 ปีที่แล้ว +1

    bro voice is so peaceful that it force me to learn 👍

  • @abdelsalamshahlol
    @abdelsalamshahlol 2 ปีที่แล้ว

    Thanks for sharing. I really love your content and I'm happy that I found your channel.

  • @omersabic8555
    @omersabic8555 2 ปีที่แล้ว +5

    Love the video! Will 100% use this next time I get a weird looking figma file that I need to convert to a website. Thanks for the amazing content man, looking forward to the next one

  • @omaryahia
    @omaryahia 2 ปีที่แล้ว

    wow, I really reaaally like this this video
    and it is ao logical and nice
    man, I am glad I have found your channel
    thank you for the high quality, inspiring and educative content ❤️

  • @doby3288
    @doby3288 2 ปีที่แล้ว

    I enjoyed all the videos I saw! Good luck & just keep going! 🚀🌑

  • @salman-asghar
    @salman-asghar 2 ปีที่แล้ว

    Most amazing video I have seen ever on youtube.

  • @FilledStacks
    @FilledStacks 2 ปีที่แล้ว

    Great breakdown. I'll point devs towards this that ask me this question.

  • @SeanSolano
    @SeanSolano 2 ปีที่แล้ว +1

    i love this channel

  • @NoahSteckley
    @NoahSteckley ปีที่แล้ว

    That kind of bizarre “Why can I see the ____” bug scenario happens constantly, I’m so glad to see that really is just how this stuff works for everyone

  • @yusuferenislim162
    @yusuferenislim162 2 ปีที่แล้ว +1

    "Genius, absolutely genius."

  • @yannik8271
    @yannik8271 2 ปีที่แล้ว

    You earned yourself a new subscriber. You are amazing man.

  • @sagarbharati1438
    @sagarbharati1438 ปีที่แล้ว

    Your TH-cam videos are my inspiration

  • @RegularEverydayNormalGuy
    @RegularEverydayNormalGuy ปีที่แล้ว

    I am amazed at your ability to help us overcome imposter syndrome, simply thank you!

  • @KobyPierce
    @KobyPierce 2 ปีที่แล้ว

    Really nice way to transtion views on to another video in the end screen. Super creative an fun!

  • @midkaa
    @midkaa 2 ปีที่แล้ว

    Okay listen. First of all, amazing content and i definitely learned something. Second, like howww, i love your editing styles ❤️

  • @hyperqwerty1609
    @hyperqwerty1609 2 ปีที่แล้ว

    your incredible voice is my inspiration

  • @7days280
    @7days280 ปีที่แล้ว

    this channel is hellla underrated

  • @knwkn1
    @knwkn1 ปีที่แล้ว

    I needed this today

  • @AbDevSec
    @AbDevSec ปีที่แล้ว

    you are the best inspiration thanks for everything

  • @grow-evolve
    @grow-evolve ปีที่แล้ว

    You know it went deep when it’s described in that level of detail.

  • @sullylastname7088
    @sullylastname7088 ปีที่แล้ว

    This channel is gonna be the reason I get a SWE job. Quote me on this in two years

  • @retroplayyt
    @retroplayyt 2 ปีที่แล้ว

    this is an awesome video, thank you sir more success to you

  • @GuitarSlayer136
    @GuitarSlayer136 ปีที่แล้ว

    The part with the panning not working and you trying several obvious solutions that immediately failed really helped my imposter syndrome.

  • @HardHitMag
    @HardHitMag 9 หลายเดือนก่อน

    Very helpful! Thank you

  • @subashkarki676
    @subashkarki676 2 ปีที่แล้ว +1

    Thank you youtube algorithm for introducing me to this channel.

  • @tharnos767
    @tharnos767 2 ปีที่แล้ว +5

    Love your videos, very high quality!
    The biggest problem I have when working on front end is with mobile phones. For example, the design in this video looks nice on desktop but I have no idea how you could make it work (or even look similar) on small screens.
    Could you maybe do a video for tips & tricks and/or good practices when having phones in mind? I understand that the best way is to start from phones and scale up, but what if you only have a design for desktop?

    • @Hyperplexed
      @Hyperplexed  2 ปีที่แล้ว +3

      Thanks so much! Yeah that's a great question, it's definitely a different perspective when considering mobile. I would say there's cases where it makes sense to tailor an experience specific to desktop or specific to mobile, but a lot of times you do want to cover both. I will definitely add this to the list for a future vid. Appreciate the content idea too!

  • @hanshangyan1512
    @hanshangyan1512 ปีที่แล้ว

    Great content. Thank you Sir!

  • @imnbmusic
    @imnbmusic 2 ปีที่แล้ว

    really great video making
    and explaining

  • @bc4198
    @bc4198 2 ปีที่แล้ว

    Fantastic, thank you!

  • @dssdfsfddsf3761
    @dssdfsfddsf3761 7 หลายเดือนก่อน

    You are my inspirator ! ) thanks.

  • @neatelf9913
    @neatelf9913 2 ปีที่แล้ว

    Glad I found this channel!

  • @lisandrosormani3469
    @lisandrosormani3469 ปีที่แล้ว

    I like this guy! He is to funny and teach very well

  • @felixst-gelais6722
    @felixst-gelais6722 2 ปีที่แล้ว

    the 2/3rds of these tips apply to a lot more than web design tbh

  • @ушанка-я9д
    @ушанка-я9д 2 ปีที่แล้ว

    That was masterpiece 💖

  • @massi368
    @massi368 ปีที่แล้ว

    super cool i like your videos continue please i'll wait for the next

  • @larryd9577
    @larryd9577 2 ปีที่แล้ว

    Thanks for keeping some intermediate mistakes. Makes it more believable.

  • @Trauma_Clown
    @Trauma_Clown 2 ปีที่แล้ว

    that was gooooood. subscribed

  • @HocineKamikaz
    @HocineKamikaz ปีที่แล้ว

    Amazing content ❤️

  • @juanchoferro3193
    @juanchoferro3193 ปีที่แล้ว

    Love it!!!

  • @khemikalse
    @khemikalse 2 ปีที่แล้ว

    This channel is fire!

  • @Cahnisama
    @Cahnisama 2 ปีที่แล้ว +3

    2:50 How to draw an owl.

  • @tropicalverktaki
    @tropicalverktaki ปีที่แล้ว

    Wholesome content right here, folks

  • @nepalxplorer
    @nepalxplorer ปีที่แล้ว

    Best video if the viewer is smart enough to catch it!

  • @oliwierkuczynski5242
    @oliwierkuczynski5242 2 ปีที่แล้ว

    Awesome man