The Unfiltered Thought Process of a Frontend Dev

Поділитися
Вставка
  • Опубліковано 30 лис 2024

КОМЕНТАРІ • 204

  • @principialibertatistheprin1171
    @principialibertatistheprin1171 2 роки тому +740

    This is EXACTLY the kind of video i wish more devs would make.
    its interesting doing tutorials and stuff but i wish more people would show their actual thought process for making things, as boring as that sounds.

    • @lokeshshelva1639
      @lokeshshelva1639 2 роки тому +5

      and make it interesting af

    • @alternateidentity-ii9lx
      @alternateidentity-ii9lx Рік тому

      not broing at all, what he did here is the template to make it interesting and given that most of his viewers r hardocre developers / serious apprentices not tik tok ppl , it will be greatly useful for us

  • @kaezon
    @kaezon 2 роки тому +610

    Way too relatable. Loved the flex-col vertical align issue, a truly classic.

    • @dhaloh
      @dhaloh 2 роки тому +10

      Even though I have went over horizontal and vertical align numerous times, I still have to Google div aligning solutions all the damn time lmao

    • @markkithinji2666
      @markkithinji2666 Рік тому +1

      Extremely relatable

    • @Yayaloy9
      @Yayaloy9 Рік тому

      Too True to be honest

    • @mein3324
      @mein3324 Рік тому

      Flex box thing is common. But whenever I need to do something like this I will first search in codepen, if there is something similar.
      I will copy paste that code and make adjustments.
      If I don't find something similar, only then I go through all the above process.

    • @hongquannguyen5532
      @hongquannguyen5532 8 місяців тому

      this just goes deep down in our heart, it's there, and this video touches it

  • @namecanbeblank6311
    @namecanbeblank6311 2 роки тому +280

    I hope you make more videos of this kind of narration. Subscribed!

  • @ricardoestrella95
    @ricardoestrella95 2 роки тому +49

    Short, accurate, straight to the point, fun and educational. Perfect video.

  • @patrikkarlsson9523
    @patrikkarlsson9523 Рік тому +1

    The man's like the deadpool of front dew

  • @k.H99753
    @k.H99753 2 роки тому +35

    Something about the way you solve things is really mesmerizing and perfect to learn from. Subscribed.

  • @bilalmuftuoglu
    @bilalmuftuoglu 2 роки тому +35

    What a great way to explain! Amazing work, keep it up...

  • @excalibur2417
    @excalibur2417 2 роки тому +41

    I thought I was the only one who struggles with such simple things even after 5 years of front-end development.

    • @YuriG03042
      @YuriG03042 Рік тому +2

      you will never be the only. development has always too many things we need to think at once, some things will always be forgotten until they show as an issue

  • @absolutewisp
    @absolutewisp Рік тому +13

    I am just starting out with vanilla web dev (as a hobby, really) after using React for a little bit, and this was actually super helpful help with avoiding stupid first issues (like body scrollbars caused by margins, or learning what the hell vh is). So thank you, please keep making videos. They're both fun and useful as reference

  • @jakobgarde6769
    @jakobgarde6769 2 роки тому +11

    Man, I love you for making this video! It's super cool that you embrace the messy trial-and-error process web-dev often contain. And you do it in such a humoristic way. Instantly subscribed.

  • @kirielss
    @kirielss 2 роки тому +3

    I've just discovered your channel and I'm loving your thought process comments.
    Makes it really relatable to us beginners, thank you for this!

  • @MoeGleezzy
    @MoeGleezzy 2 роки тому +3

    I love the style of these videos, I’m just starting out Frontend and I always think I have to know everything. Thanks for putting my mind at ease!

  • @meiyosei78
    @meiyosei78 11 місяців тому

    Your channel is a blessing for me. I can learn new things as a beginner programmer but also be entertained at the same time

  • @thecastiel69
    @thecastiel69 2 роки тому +2

    This is an awesome video, this might be best front-end tutorial ever created (atleast for me)

  • @ferpalaciosd
    @ferpalaciosd Рік тому

    I will never stop being amazed at how soothing your videos are, even within a whirlwind of technical explanations.

  • @Sonic612
    @Sonic612 2 роки тому +3

    I needed this today. Thank you. 100% relatable.

  • @enthupanda
    @enthupanda 2 роки тому +63

    🤯 …. This video is so brilliant. Why? If you are an experienced FE dev you can watch it, understand everything and while going through the process you get to know stuff which you would have missed. This is
    A tutorial
    A self skill assessment
    A study guide
    Entertainment (don’t forget that)
    Super stoked, subscribed and Rang the bell 🎉

  • @that1guy782
    @that1guy782 2 місяці тому

    Thoroughly enjoyed hearing your thoughts 🤣
    Very humorous. especially the one-hundo part 👍

  • @martiananomaly
    @martiananomaly 2 роки тому

    Hands down the most engaging video I've seen this week!

  • @dulanjala
    @dulanjala 2 роки тому +1

    "that took way too long than it should have" very relatable...

  • @abhaagarwal3576
    @abhaagarwal3576 Рік тому +1

    Please make this a series. This is so informative.

  • @vettekar2815
    @vettekar2815 2 роки тому +4

    I need more of this!! You’re awesome keep it up!

  • @PhilipDenys
    @PhilipDenys Рік тому

    love the openess of trying to do stuff.

  • @gioel4
    @gioel4 Рік тому

    This content is so good that I’m even watching it during dinner.

  • @kosty0281
    @kosty0281 2 роки тому

    Thanks for making me feel better
    Much apreciated

  • @cascaa0
    @cascaa0 5 місяців тому +1

    bro that's inside every frontend web developer but most of youtubers show up only their good side. SUBSCRIBED!

  • @marcop-mb506
    @marcop-mb506 2 роки тому +1

    I am binge watching all your videos and procrastinating work like crazy 😆..worth every second. Keep up the good work! Thank you for your time

  • @costinelnedelcu1877
    @costinelnedelcu1877 Рік тому

    Everything about this video is briliant

  • @LianaGiuliani
    @LianaGiuliani Рік тому

    Thanks for your brilliant videos, you're so much talented!

  • @hongquannguyen5532
    @hongquannguyen5532 8 місяців тому

    this is just insane, glad i found your channel, keep it up the work, u gained another sub

  • @alpaca_growing_kit
    @alpaca_growing_kit 2 роки тому

    What the fuck is this channel. An actual practical runthrough with THOUGHT processes of advanced CSS stuff. Yes please sir, keep 'em coming.

  • @lsbristy
    @lsbristy Рік тому

    Wow cool the process of thinking, I just love it ❤❤❤

  • @otis3744
    @otis3744 10 місяців тому

    WE NEED MORE OF THESE

  • @mr.bombayfunk8997
    @mr.bombayfunk8997 2 роки тому

    i have just started web dev , and how you break step by step this is awesome , now i see how to breakdown big problems into small problem and try to solve n create thank you so much

  • @omarez4570
    @omarez4570 2 роки тому

    Bro just keep on doing this. You explaining is just AMAZING

  • @UniqueRoads
    @UniqueRoads Рік тому

    I have never watched one of your videos before and this came up on my timeline. Subscribed after the 1st minute! lol

  • @shiro66
    @shiro66 2 роки тому

    subscribed bro! I am glad the algorithm recommended me this. Will be watching more of your videos.

  • @siliconhawk
    @siliconhawk Рік тому

    perfectly the type of content/tutorial i am looking for. you good sir will make my portfolio website look fancy af.

  • @A1nox7
    @A1nox7 2 роки тому

    Thanks to videos like this it makes me feel good that I'm not bad it's normal .

  • @6.squash.936
    @6.squash.936 Рік тому

    What a video 😭😭😭🔥🔥
    You are awesome
    Keep making such videos
    You are my inspiration

  • @ricardorien
    @ricardorien 2 роки тому

    Genius, you channel is a diamond.

  • @kumarutsav1123
    @kumarutsav1123 4 місяці тому

    You gentlemen earned a subscriber today!

  • @sabinshrestha5335
    @sabinshrestha5335 Рік тому

    Damn.. genius way to teach your viewer, also fun too.. Steps:
    1. Make a mistake
    2. Point out the mistake.
    3. Wonder why not working as expected.
    4. Then resolving the mistake.
    This is going to stick into viewers mind. LOVED IT.

  • @sundayschooldropout6641
    @sundayschooldropout6641 3 місяці тому

    "That took way too long" is so relatable

  • @iamtrazed
    @iamtrazed 2 роки тому

    new upcoming viral way of teaching code, you just invented this, and is 🔥

  • @aryanpinto5105
    @aryanpinto5105 Рік тому

    Wow!! Just included this hover effect in my React Project. Thank's man!!!

  • @kodyduncan
    @kodyduncan 2 роки тому

    Loving your videos! Solid content. Keep it comin’!

  • @coder244
    @coder244 Рік тому

    Master content... Bro deserve more recognition 🔥

  • @acidhauss7018
    @acidhauss7018 Рік тому

    These are great - I do a lot of React and to be honest never get pushed that much in terms of CSS, so these are an awesome way to keep my skills up to date.

  • @HeroSnowman
    @HeroSnowman 2 роки тому

    that display flex justify-content hits hard

  • @elexxa2268
    @elexxa2268 2 роки тому

    I rarely comment on youtube but I'm loving your content man, tks you :D

  • @mattdavis-broadcast
    @mattdavis-broadcast 2 роки тому

    chillin, thank you

  • @captainshocker1
    @captainshocker1 2 роки тому

    I REALLY enjoyed this. Please make more :D

  • @simoncoupe8294
    @simoncoupe8294 Рік тому +4

    This format is incredible. I'm new to the world of dev. I love it but find a lot of 'so called' tutorials just say "do this" instead of "why am I doing this?". I love it so much and would definitely like to see more. #subscribed

  • @cyrilorozco3839
    @cyrilorozco3839 Рік тому

    you are the coolest dev ever, gonna eat your tuts daily

  • @go_better
    @go_better Рік тому

    I don't understand a lot of css, but I love these vids so much

  • @deslaya7777
    @deslaya7777 2 роки тому

    so glad I'm not the only one who struggles with vertical alignment

  • @oliwierkuczynski5242
    @oliwierkuczynski5242 2 роки тому +2

    Awesome

  • @Tridentus
    @Tridentus 2 роки тому

    This is the best coding content on youtube. People just don't know it yet because of the way the algorithm works, but they will in time.

  • @snoudev
    @snoudev Рік тому

    I love the way you do this video, 🤩🤩🤩

  • @PlanetPluto9
    @PlanetPluto9 2 роки тому

    didnt need to finish your whole video to subscribe now thats quality content

  • @chaitanyaswaroop7669
    @chaitanyaswaroop7669 2 роки тому

    I am just starting out with basics of frontend and this shit is Fascinating to me!!!

  • @shapelessed
    @shapelessed Рік тому

    I personally first take a slow hour looking through awwwards gathering ideas.
    Then I choose my style - Traditional, modernistic, whether it's supposed to be simple or semi-complex, etc...
    I get my color palette and fonts visually there on Figma to get the idea of what I want things to look like and only then when I like it, I proceed.
    ...except for when I need to build an amazing butt-blowing site overflowing with animations, then yeah, I just straight up enter panic mode and go for whatever looks good enough and then refine it.

  • @muhammadhasnat9835
    @muhammadhasnat9835 2 роки тому

    Need more videos like these.

  • @coenfuse
    @coenfuse Рік тому

    You evaporated my Imposter Syndrome. Thanks bro!

  • @spike26spiegel
    @spike26spiegel 2 роки тому +1

    thats was cool and fun, subscribed.

  • @forshetrial
    @forshetrial Рік тому

    This guy is awesome, imagine having him making a tutorial for beginners

  • @filipeandrade6
    @filipeandrade6 2 роки тому

    Really nice, keep them coming!

  • @ludovicsaffroy3544
    @ludovicsaffroy3544 2 роки тому

    You nailed it 🤙accurate and well explained !

  • @aarya9382
    @aarya9382 2 роки тому

    Awesome, love this!

  • @slappy_chimp
    @slappy_chimp 2 роки тому

    I loved it 🤩.. at least this way I can compare my thought process with yours and I have already learn a bunch

  • @DavidCVdev
    @DavidCVdev 2 роки тому +1

    this was so good

  • @cooljohnny9402
    @cooljohnny9402 Рік тому

    Amazing video, totally relatable! :))

  • @romulororizz
    @romulororizz 2 роки тому

    Awesome 👏🏼

  • @bellefleur2127
    @bellefleur2127 2 роки тому

    Wow 🤩 so amazing your videos 👩🏾‍💻I particularly enjoy this way of thinking that you apply throughout the video. It gives me a new way to approach my projects✨ Loved it 🧠⚡️⚡️⚡️⚡️⚡️

  • @Undrios
    @Undrios Рік тому

    Oh wow! this is really helpful 🔥 as someone who just started learning HTML I learned a lot from this video ❤️
    Thank you ❤️‍🔥

  • @Zubairkhan-rb1fx
    @Zubairkhan-rb1fx 2 роки тому

    Great work.. keep making great content

  • @ragulan2929
    @ragulan2929 2 роки тому

    This is why I went with Webflow and now use GSAP for animations

  • @Joao-ml5xz
    @Joao-ml5xz 2 роки тому +2

    Bro, never stop pls hahahahah Amazing

  • @Lior.Galanti
    @Lior.Galanti Рік тому

    great video my friend, create more, please. if possible, with more explanation of what you're doing, it would be appreciated

  • @As-su6bl
    @As-su6bl Рік тому

    very authentic 👍

  • @Hopetobebetter
    @Hopetobebetter 7 місяців тому

    I HAD THIS EXACT ISSUE JUST NOW. THE VIEWPORT THING

  • @xczm225
    @xczm225 Рік тому

    i am new here but i like this channel a lot already

  • @sesu6743
    @sesu6743 2 роки тому

    I am a beginner, and i cant tell how much is a joke and how much is true and i love it

  • @LoveEachDay94
    @LoveEachDay94 Рік тому

    I am so glad to know I am on the right mental track LoL

  • @epicosexio
    @epicosexio 2 роки тому

    How interesting.. inside the mind of a pro Front-End dev....

  • @prayascsa6601
    @prayascsa6601 2 роки тому

    Before I learnt coding, I saw this meme a lot about aligning divs which had me anxious so I learnt it so well I never forget it 😂

  • @ysammo214
    @ysammo214 2 роки тому

    Subbed. I love your animations

  • @sloth5729
    @sloth5729 2 роки тому

    Very cool video.

  • @topaz-rn
    @topaz-rn 2 роки тому

    This is the content i like

  • @mohamedsobhi3739
    @mohamedsobhi3739 2 роки тому

    Fabulous 😍🤩

  • @sinhaaman587
    @sinhaaman587 Рік тому

    I just subscribed watching this. I hope someday I can be as good as you.

  • @logichog4181
    @logichog4181 2 роки тому

    nice thanks for the video

  • @Eddytorial
    @Eddytorial Рік тому

    that's nice. I'm no front end dev but I know this process :)

  • @ContraHacker1337
    @ContraHacker1337 2 роки тому

    This video reminded me how fun CSS is, especially when you have some time to make things pretty! +1 Sub

  • @classicaf
    @classicaf Рік тому

    So Relatable

  • @thomas6502
    @thomas6502 2 роки тому

    Yes!

  • @Wako_san91
    @Wako_san91 2 роки тому

    This made a lot of sense to me as a junior until we started talking about using JS to animate the gradient 😅

  • @firesquid6
    @firesquid6 Рік тому

    Glad to know I'm not the only person who makes the same mistake with flex every single time

  • @lucusekali5767
    @lucusekali5767 2 роки тому

    This deserve more subscriber