@@bn5055 If you don't, then you just divid the little problems into even smaller problems until they ARE solveable. "Find out how to do X" is a valid sub-problem. "Lack of knowledge" is often the easiest problems to solve. =)
@@Vt12365 no pays you for using material you. And no matter how much inspiration taking "skills" you have, your on job requirements might be not done by anyone before and you have to figure it out on your own.
@@dddddeeeevvvvvv What are you talking about? All UI's have a set structure to them, Mobile UI's have a specific structure (navigation drawer menu, collection views, app bars etc), same with Web/Desktop application UI's (banner, navigation bar, side bar). You're not completely reinventing the fucking wheel.
@@Vt12365 It's more complex building UI because you are interfacing people with your software. If backend is validating submitted forms, frontend is also validating forms while also providing lots of custom user feedbacks
This is so strangely calming, even as someone who isn’t a front end dev. Everyone always says “break up your big tasks into little ones to make it less overwhelming” but actually seeing someone go through that process helps a lot. Thank you.
Makes me feel great knowing that I have similar thoughts to an actual good developer! Your content is amazing, I know your viewership is, not good.. but I really hope over time more and more people discover you!
good trick, but you can also just right-click + inspect - and copy the css and html of the kippo cards. codepen io stephyswe pen rNvomaP?editors=0110 - just missing the heart, dismiss style, which you can copy from Hyperplexed version 1. copy code 2. remove none used css styles. 3. profit.
@@Rugarus Thanks god commercial requests are not only stupid in terms of task giving, but also in choosing of right specialists for the job. [ P.S.: actually in my opinion usually passing of interview is slightly different than knowing something, there is why we still need universities and types of studying certificates to provide evidence of our knowledge, yeah there is a coding part in some interviews, so It's rather correct to say that it not impossible getting through interview with no appropriate knowledge, but anyway with some time the real problem-solving show your level. Anyway, it is also not enough correct to say that copying is not a way, at the end programming involves a lot of copying.
@@sdjcommunity8926 the point of my comment is that you don't just copy some code (unless you know what it does) Like who is gonna hire someone that doesn't actually know his stuff. I'm just saying that these tutorials are for people to learn. When a client gives you a concept art you can't just copy paste that into code...
I really like the style and editing of your videos they're fun to watch and don't feel like tutorials. I hope you make it to 100k subs before the end of the year.
Honestly a perfect balance of entertainment and education for current and wannabe web developers. You have helped a ton with my thought process especially!
I've worked as a frontend dev for a bit now and I always felt super anxious about any of this animation kind of stuff because I really just find CSS to be a pain in the ass so I'm just not very well studied on it, so my default is to just go look for some JS framework that will do it for me, but you breaking down stuff like this has really made me realize that it isn't as bad as I thought.
If you want to be a front end dev, you definitely need to know css. Getting into a js framework is a great decision though. Vue (probably easier to start with), Node, Angular, and React are great frameworks to get into. It takes time to get good at them, but you can find positions for people that specialize in certain frameworks. Typically there's a list of languages & frameworks though. Goodluck on your path and remember to never stop.
As someone who wrote html and css as a hobby for 7 years before taking a full stack role, having learned CSS is making things easier for me. I recommend watching Kevin Powell's channel for learning CSS, everything he teaches there is up to standard and is relevant to how modern devs approach CSS in general. Once you have a better understanding of CSS and how html behaves under certain conditions, it would be less painful or much easier to work with.
@@davidrivard1252 React combined with Tailwind is a life saver as a full-stack dev. Can store your element styles in a variable and add all of your styling as className={varName}. I really do want to get into more advanced CSS though.
This may be one of the most valuable videos I've seen on TH-cam. I don't even mean it in a programming, code, or front-end way - I'm purely speaking of mental health. Your process of breaking down a seemingly big, impossible problem into tiny, step-by-step choices and tackling them one at a time in a way that seems approachable and doable for even a layman... no words. Truly amazing, man.
I fully agree. I find the video very helpful, because I'm currently trying to make a game, but I'm thinking that the I game I want to make is to hard for me to make it and the video helped me understand that I need to break the game in small steps. Instead of finishing a goal and be like: "Oh no I just added the easiest feature and it took me 5 hours. I will never add commands infrastructure" (#write-an-answer-instead-of-only-liking-it)
Such a good video. Please, never stop making content, whether in this format or your other stuff. I'm a junior front end engineer, and your videos are by far the best "proficient, but looking to learn more" content I've found.
My original thoughts were: "I'm still very early in my learning journey. I have no business watching this video" But you did a phenomenal job explaining your thought process and techniques used. Thank you
My original thoughts were: "I'm still very early in my learning journey. I have no business watching this video" But then I was like: "Holy shit I understand most of this and would've done the same (even though it would've taken more time). I'm really not that terrible at this"
Wow. Not only am I stressed out about my future in programming, I'm also stressed out due to personal reasons rn. This video just gave some air to sort through all my problems and gave me a breather I very much needed. Thanks a lot, you don't know how great of a help you are, not only in programming, but also outside of it. You just earned another subscriber.
Great video, honestly kind of inspiring in a way. I often look at things and I'm like "That's way too complex, I won't be able to do that ever", but you're right as long as you break it down it's not as bad. Worse case scenario you learn a new skill, given this stuff probably take ages though. I know it'd take me at the very least like 2 days. I'm basically a rookie at coding right now, but my first thought would have been to try and do this all procedurally in JS but it wasn't until 8:40 where you started to use JS it seems. Also, you deserve much more subs. These simple tutorials and the website redesigns are great
That's an astute observation. CSS has evolved to the point where many things relating to UI that were for a long time only done in JS can now be done more efficiently using the CSS3 or HTML5 side of it. Don't get me wrong, you can still use a JS heavy UI but it really only makes sense to do that if you use a virtual style DOM controlled by JS and not the browser using a framework like React or Vue.
I got lost for words trying to thank you for doing this. I'm trying to switch jobs and I can't do my freaking portfolio because I feel it's too "something" and not what I'm imagining. I hate this feeling that I'm not good enough and I know I can do better but something gets stuck inside my head and stops me. Thank you. A lot
I'm planning to do an internship in a front-end developer position, but I always think I'm not good enough. This video helps me calm down and slowly look at things from different perspectives. Thank you so much for the video!
Same here. Anxiety is so counterproductive because the goal is to learn and you don't have to know everything as an intern, but still the impostor syndrome is so hard to beat. Good luck to your internship hunting !
keep in mind that your interviewer is the one who has to decide whether you fit or not in the position. What you have to consider is if you'd like the position and company, and not whether you're suited for it. So just apply :) worst scenario you got experience
As a react/twind dev, the way you make these incredible front end designs with next to no js is beautiful. It makes what I write feel like clunky gears while your pure html/css approach look like poetry. It makes me want to spend more time really understanding css better. Much love
Im using this video to measure my learning progress. I started an HTML, CSS, JS course and now i dont get lost on the first big concern. Still getting lost on the second concern 😂. Im understanding more and more as i go. Thank you for this video ❤
Thank you so much for the video! I had a burnout from my tech job last year, and i'm still recovering from it, I always think that talking to myself while doing something is similar to having two persons on the task, one who supervises and one who builds. I love your videos!
I've seen so many front end videos from other TH-camrs but not only is your content a breath of fresh of air, the exact way you present it is so educational, worthwhile, and frankly, quite therapeutic. If you have the time and energy, please keep making this type of content!
I'm very VERY new to this. Your point about taking big anxieties and turning them into smaller anxieties is such valuable advice. It's good to tackle problems and roadblocks piece by piece, and the feeling of putting it all together to finally finish a project is amazing.
I've been a full stack dev for over 6 years now. This is probably the best programming videos I've seen. It so cleanly mirrors the thought processes so many devs go through with imposter syndrome and immediately demonstrates how to effectively tackle a problem while in that head space and making room for mistakes. I immediately shared it in my team chat.
I did not even think of it as a tutorial but more like watching how a true developer thinks and solve problems. I think the problem that I see (mostly friends, classmate, and myself) is not breaking it down or breaking down the wrong things. This video made me realize how complicated things are essentially just small simple functions grouped together making it look like a hard thing. Thanks.
I thought this video would make me give up being a front end dev and show me how much I suck at work. But actually made me confident to keep my job lol
Ayy made a video that relates to me! Love the content man, you're like fireship of front-end development. I really like how you go through your thought process of solving all your problems.
i was bored as shit out of sorting arrays for a whole day, then i found this vid, and i wathced it multiple times, this is exactly me coding, and it's very soothing to see you
Can you please explain the use case of modular arithmetic in these cases? I mean the code in the video seems pretty much fine for me. I've search about modular arithmetic and learn it, and even try to use it for the same case in this video, it does work but I don't really get it why we need to use it instead of the solution in the video. but anyway thanks for the mention about modular arithmetic, I don't know it's existed before you mention it and now I learn something new :D (please forgive for my bad english)
@@clayzz5695 Your English isn't bad. Depends on what you're interested in. I'm trained in Mathematics and Computer Science, so the most immediate pattern I saw was modular arithmetic. You might be interested in reducing the number of branch mis-predictions by avoiding them altogether. It's highly dependent on what you're optimizing for, but when I saw the problem, I saw circular motion. Again, I'm also a lover of mathematics and computer science, so when I write code, I'm often thinking about mathematical structures. When I do math, I'm often thinking about what portion of what I'm doing is computable.
@@dariannwankwo9126 Whoa thanks for the answer! When I first read about it I immediately think about circular motion too, and then I tried to implement it. I compared both solution and I think you're right, it depends on what kind of optimization we're looking for. Thanks mate! Appreciate your answer, and opened my eyes to another way of coding. I rarely use solution that based on math, but this one is interesting. And if you don't mind, do you have any recommendation of books or any resources to learn more about computational math?
@@clayzz5695Here is a blind recommendation, which I typically don't like doing. I'd start with questions first, then recommendations after. But, at any rate, "Scientific Computing: An Introductory Survey". Decent-sized book, but read a section or two when you have time.
Honestly really good for inspiration. I get so stressed every time and breaking big prblems in smaller, manageable problems goes a long way, not only in frontend :). Happy you poped up in my recommended even after 1 year.
On the nextIndex you can do a cool little trick with modulo operator like: nextIndex = activeIndex % (group.length - 1). Now I don't know if modulo applies after substraction or before so i put in parenthesis but that's basically it.
I am just starting in the web designing world, and I haven't found the way of facing this problems. It was really good to see someone experience way of thinking through programming obstacles
Nice video, but doesn't help me fix my anxiety. I already can "recreate" things, but I still can't create something from zero. I always anxious if I tell someone I am an experienced dev but can't create something original if asked, am I still a good dev?
Try sketching it out with paper and pen first - helps me. And then, figuring out what bit you want to do that you dont know how, looking into that, deciding to keep or not keep, what to change, etc. Get a rough idea on paper - will prob look messy and dumb - then get started
Man no one can stop commenting on your videos. what content do you make! Mind blowing man!!!! You are an inspiration!! Even your edited videos have good components and animations and a great flow. Truly exceptional!!
10 seconds into the video and I felt so, immediately understood. It's genuinely so encouraging to know that the way I have to break down problems is the same as someone who's been in the field far longer than I have-I think I was always worried I was "behind" if I couldn't look at a flashy animation and immediately have a basic idea of how to implement every last bit of it.
Funny and very smart. It's how I taught programming. Start with a big problem. Break it into codeable pieces (recursive) and then code those. Now integrate the solutions into a coherent whole. Well done.
Thanks for this. I'm a motion graphics designer looking to enter front-end web development. Watching you work through these problems in such an engaging way was a joy. Very informative as well. Subscribed.
wow this video has really made my inner happiness show. I really struggle with big problems, but it seems it's so easy to do it bit by bit and you will eventually solve the whole problem. Thanks so much for sharing this video i am looking forward to seeing more like this.
I love this video because this is how I feel before every project I've ever done, I stress about it, then I break it down to smaller bits, get it done, feel awesome about my accomplishment and repeat the process by the time the next project comes along. Thank you good sir.
I'm enjoying these videos more and more, from the technique and the way they approach the problem, and even better, that 'internal dialogue' that narrates what is happening. Excellent channel!
This is my first video of his channel and I am impressed how he even explains the basics thing and he is even making jokes in between and the editing is like icing on the cake❤
Bro I am just starting out in Frontend Development and seeing what this guy just did impressed the hell out of me. You just got another subscriber sir.
This helped me to oversoming my anxiety that I am Not good enough. As a beginer it always baffled me how to create such complex pages but now after this I feel a little confident. Thank YOU for making this video.
Wanted to say thanks got making my anxiety manageable, learning front web dev and man i would just freeze from not knowing where to start! Appreciate you!! subscribed and hit the bell for all videos and updates, will try these out for practice as-well to overcome starting projects and freezing up
I come back to watch this or some other video of yours once in a while when I need to feel inspired about frontend. I like the fast tempo in your videos! Like Fireship.
Your way of explaining and editing videos is very good. I have watched the video just till 1:24 and I'm hooked, even though I am not a front-end developer.
Yesterday (literally) I said I hate CSS the more I learn about it. Today, after your video, I'm now realizing I want to learn it more. I knew about most of the CSS you used. Thanks for this video!
Man. This was pretty great. Really. You literally walked through your brain's inner process as it happens, essentially... And it was super clear and made me feel like I can approach things in a more reasonable fashion.
Really appreciate the commentary on your thought processes. Just starting out the programming journey and barely grasp HTML and CSS but can already gleam quite a bit just by how you edit and explain things as you do them for the javascript side of things. Looking forward to understanding more some day :P.
Respected SIr, Naaaah , Brother your sense of humour is perfect, not too much , just perfect. And when this adds to your knowledge and experience, it just blossoms into something great just like this video. I didn't even realize when the video ended and wanted for you to go on and on, it would be a blessing to learn more from someone like you. I don't know if you would(or can) read this, but if you did, please reply...... one of your many viewers
"When I break down the big problem into a bunch of smaller problems, the whole thing becomes manageable."
This is the formula most people need.
It only works if you have the knowledge to solve the small problems though 😂
@@bn5055 U will ever start solving the small ones, if you start to try.
@@bn5055 If you don't, then you just divid the little problems into even smaller problems until they ARE solveable. "Find out how to do X" is a valid sub-problem. "Lack of knowledge" is often the easiest problems to solve. =)
Dynamic programming / solving FTW!
@@jrhager84 n nnn
As a back-end focused beginner, I have so much respect for front-end devs after this video. It's not an easy task to make a good looking UI.
@@Vt12365 no pays you for using material you. And no matter how much inspiration taking "skills" you have, your on job requirements might be not done by anyone before and you have to figure it out on your own.
@@dddddeeeevvvvvv What are you talking about? All UI's have a set structure to them, Mobile UI's have a specific structure (navigation drawer menu, collection views, app bars etc), same with Web/Desktop application UI's (banner, navigation bar, side bar). You're not completely reinventing the fucking wheel.
@@dddddeeeevvvvvv I get paid for using material UI. I'm even considering paying other people for using Material UI. It just gets the job done
@Hellequin Maskharat cry about it
@@Vt12365 It's more complex building UI because you are interfacing people with your software. If backend is validating submitted forms, frontend is also validating forms while also providing lots of custom user feedbacks
This is so strangely calming, even as someone who isn’t a front end dev. Everyone always says “break up your big tasks into little ones to make it less overwhelming” but actually seeing someone go through that process helps a lot. Thank you.
Makes me feel great knowing that I have similar thoughts to an actual good developer! Your content is amazing, I know your viewership is, not good.. but I really hope over time more and more people discover you!
good trick, but you can also just right-click + inspect - and copy the css and html of the kippo cards.
codepen io stephyswe pen rNvomaP?editors=0110 - just missing the heart, dismiss style, which you can copy from Hyperplexed version
1. copy code 2. remove none used css styles. 3. profit.
@@somerandomchannel382 and how is copying someone elses work gonna help you on an interview? lol
@@Rugarus Thanks god commercial requests are not only stupid in terms of task giving, but also in choosing of right specialists for the job.
[ P.S.: actually in my opinion usually passing of interview is slightly different than knowing something, there is why we still need universities and types of studying certificates to provide evidence of our knowledge, yeah there is a coding part in some interviews, so It's rather correct to say that it not impossible getting through interview with no appropriate knowledge, but anyway with some time the real problem-solving show your level. Anyway, it is also not enough correct to say that copying is not a way, at the end programming involves a lot of copying.
@@sdjcommunity8926 the point of my comment is that you don't just copy some code (unless you know what it does)
Like who is gonna hire someone that doesn't actually know his stuff. I'm just saying that these tutorials are for people to learn. When a client gives you a concept art you can't just copy paste that into code...
Same. This guys needs more subscribers! Great content. Fast delivery. Sometimes hilarious narration. Really glad I found his channel!
I really like the style and editing of your videos they're fun to watch and don't feel like tutorials. I hope you make it to 100k subs before the end of the year.
Thank you, so glad to hear! I hope so too 😆
Uhm
gg
Guess what , he's about 200k before the end of the year ! :D
little did he know he's about to reach 200k this year
A+ content! And relatable as hell. Thanks for doing what you do.
Thank you! I really enjoy doing it 😄
As a person learning front-end development with an anxiety problem, this video is a godsend. Thanks man.
Honestly a perfect balance of entertainment and education for current and wannabe web developers. You have helped a ton with my thought process especially!
I've worked as a frontend dev for a bit now and I always felt super anxious about any of this animation kind of stuff because I really just find CSS to be a pain in the ass so I'm just not very well studied on it, so my default is to just go look for some JS framework that will do it for me, but you breaking down stuff like this has really made me realize that it isn't as bad as I thought.
If you want to be a front end dev, you definitely need to know css. Getting into a js framework is a great decision though. Vue (probably easier to start with), Node, Angular, and React are great frameworks to get into. It takes time to get good at them, but you can find positions for people that specialize in certain frameworks. Typically there's a list of languages & frameworks though.
Goodluck on your path and remember to never stop.
As someone who wrote html and css as a hobby for 7 years before taking a full stack role, having learned CSS is making things easier for me. I recommend watching Kevin Powell's channel for learning CSS, everything he teaches there is up to standard and is relevant to how modern devs approach CSS in general. Once you have a better understanding of CSS and how html behaves under certain conditions, it would be less painful or much easier to work with.
@@davidrivard1252 React combined with Tailwind is a life saver as a full-stack dev. Can store your element styles in a variable and add all of your styling as className={varName}. I really do want to get into more advanced CSS though.
For once a tutorial in an inner monologue format. This is how learning feels and I’m glad someone is doing it 🥺
This may be one of the most valuable videos I've seen on TH-cam. I don't even mean it in a programming, code, or front-end way - I'm purely speaking of mental health. Your process of breaking down a seemingly big, impossible problem into tiny, step-by-step choices and tackling them one at a time in a way that seems approachable and doable for even a layman... no words. Truly amazing, man.
Dramatic.
"mental health"? People are so hyperbolic these days. Executing a task is not that deep. Billions of employees do it every day.
I fully agree. I find the video very helpful, because I'm currently trying to make a game, but I'm thinking that the I game I want to make is to hard for me to make it and the video helped me understand that I need to break the game in small steps. Instead of finishing a goal and be like: "Oh no I just added the easiest feature and it took me 5 hours. I will never add commands infrastructure" (#write-an-answer-instead-of-only-liking-it)
@@Mew__ i don't think they're necessarily talking about tasks
Such a good video. Please, never stop making content, whether in this format or your other stuff. I'm a junior front end engineer, and your videos are by far the best "proficient, but looking to learn more" content I've found.
Love the internal monologue. greatly helps in understanding
My original thoughts were: "I'm still very early in my learning journey. I have no business watching this video"
But you did a phenomenal job explaining your thought process and techniques used. Thank you
I adressed him this question : "Hey, how do you code without a !doc? In wich app or site can you see what you are coding?"
Do you know the answer tho?
My original thoughts were: "I'm still very early in my learning journey. I have no business watching this video"
But then I was like: "Holy shit I understand most of this and would've done the same (even though it would've taken more time). I'm really not that terrible at this"
@@silviualexandru4823he's using code pen, but there's a plug in in some IDE that lets you live preview
Wow. Not only am I stressed out about my future in programming, I'm also stressed out due to personal reasons rn. This video just gave some air to sort through all my problems and gave me a breather I very much needed. Thanks a lot, you don't know how great of a help you are, not only in programming, but also outside of it. You just earned another subscriber.
Man, I dont know why I didn't found your channel before, the way you bring the "tutorials" are amazing, thanks for it, for real!!
Great video, honestly kind of inspiring in a way. I often look at things and I'm like "That's way too complex, I won't be able to do that ever", but you're right as long as you break it down it's not as bad. Worse case scenario you learn a new skill, given this stuff probably take ages though. I know it'd take me at the very least like 2 days.
I'm basically a rookie at coding right now, but my first thought would have been to try and do this all procedurally in JS but it wasn't until 8:40 where you started to use JS it seems.
Also, you deserve much more subs. These simple tutorials and the website redesigns are great
That's an astute observation. CSS has evolved to the point where many things relating to UI that were for a long time only done in JS can now be done more efficiently using the CSS3 or HTML5 side of it. Don't get me wrong, you can still use a JS heavy UI but it really only makes sense to do that if you use a virtual style DOM controlled by JS and not the browser using a framework like React or Vue.
first video i’ve seen from you. subbed!
I got lost for words trying to thank you for doing this.
I'm trying to switch jobs and I can't do my freaking portfolio because I feel it's too "something" and not what I'm imagining. I hate this feeling that I'm not good enough and I know I can do better but something gets stuck inside my head and stops me.
Thank you. A lot
You know you are good enough when you can center a div without going back to google
I'm planning to do an internship in a front-end developer position, but I always think I'm not good enough. This video helps me calm down and slowly look at things from different perspectives. Thank you so much for the video!
Same here. Anxiety is so counterproductive because the goal is to learn and you don't have to know everything as an intern, but still the impostor syndrome is so hard to beat. Good luck to your internship hunting !
keep in mind that your interviewer is the one who has to decide whether you fit or not in the position. What you have to consider is if you'd like the position and company, and not whether you're suited for it. So just apply :) worst scenario you got experience
This dude deserve more sub and views
The effect is cool, your explanations is awesome and very helpful!
As a react/twind dev, the way you make these incredible front end designs with next to no js is beautiful. It makes what I write feel like clunky gears while your pure html/css approach look like poetry. It makes me want to spend more time really understanding css better. Much love
I've never subscribed to a programming channel so fast. This was honestly the video I needed to see.
"Would have I come up with it if I haven't seen this" is the feeling I get every time I see something creative.
The way you breakdown the problem, the way you solve it is really awesome ! Can't wait to see your next video 🥰
Wow this video is just incredible , I just learned tons of new things in very short time .Thanks for the video and keep making these type of videos.
Im using this video to measure my learning progress. I started an HTML, CSS, JS course and now i dont get lost on the first big concern. Still getting lost on the second concern 😂. Im understanding more and more as i go.
Thank you for this video ❤
All these valuable lessons are giving me anxiety about my procrastination 💀
Creative and funny as hell, that's a rare combination my fellow 😆, hope you go far
Thank you so much for the video! I had a burnout from my tech job last year, and i'm still recovering from it, I always think that talking to myself while doing something is similar to having two persons on the task, one who supervises and one who builds. I love your videos!
As a backend-developer pretending to be a fullstack-developer, this blows my mind and gives me an headache at the same time, great work!
understood css, Js just flew over my head
I've seen so many front end videos from other TH-camrs but not only is your content a breath of fresh of air, the exact way you present it is so educational, worthwhile, and frankly, quite therapeutic.
If you have the time and energy, please keep making this type of content!
Proceeds to forget everything watched here and panic the hell out when deploying a k8 cluster
I'm very VERY new to this. Your point about taking big anxieties and turning them into smaller anxieties is such valuable advice. It's good to tackle problems and roadblocks piece by piece, and the feeling of putting it all together to finally finish a project is amazing.
I've been a full stack dev for over 6 years now.
This is probably the best programming videos I've seen. It so cleanly mirrors the thought processes so many devs go through with imposter syndrome and immediately demonstrates how to effectively tackle a problem while in that head space and making room for mistakes.
I immediately shared it in my team chat.
I am not a FE developer but your point of view is really motivating!
I did not even think of it as a tutorial but more like watching how a true developer thinks and solve problems. I think the problem that I see (mostly friends, classmate, and myself) is not breaking it down or breaking down the wrong things. This video made me realize how complicated things are essentially just small simple functions grouped together making it look like a hard thing. Thanks.
Am I even good enough to have Imposter Syndrome?
Yes
@@kabirkumar5815 (imposter syndrome)^2.
Man this video is such a huge help, why didn't I find this channel sooner, got yourself a new subscriber
I thought this video would make me give up being a front end dev and show me how much I suck at work. But actually made me confident to keep my job lol
In the ocean of TH-cam there are many gem channels and this is absolutely no doubt a gem of channel for frontend developers.
Ayy made a video that relates to me! Love the content man, you're like fireship of front-end development. I really like how you go through your thought process of solving all your problems.
i was bored as shit out of sorting arrays for a whole day, then i found this vid, and i wathced it multiple times, this is exactly me coding, and it's very soothing to see you
Modular arithmetic is a perfect use case here for setting nextIndex. It's minor, but useful when you want cyclical behavior.
Can you please explain the use case of modular arithmetic in these cases? I mean the code in the video seems pretty much fine for me. I've search about modular arithmetic and learn it, and even try to use it for the same case in this video, it does work but I don't really get it why we need to use it instead of the solution in the video. but anyway thanks for the mention about modular arithmetic, I don't know it's existed before you mention it and now I learn something new :D (please forgive for my bad english)
@@clayzz5695 Your English isn't bad. Depends on what you're interested in. I'm trained in Mathematics and Computer Science, so the most immediate pattern I saw was modular arithmetic. You might be interested in reducing the number of branch mis-predictions by avoiding them altogether. It's highly dependent on what you're optimizing for, but when I saw the problem, I saw circular motion.
Again, I'm also a lover of mathematics and computer science, so when I write code, I'm often thinking about mathematical structures. When I do math, I'm often thinking about what portion of what I'm doing is computable.
@@dariannwankwo9126 Whoa thanks for the answer! When I first read about it I immediately think about circular motion too, and then I tried to implement it. I compared both solution and I think you're right, it depends on what kind of optimization we're looking for. Thanks mate! Appreciate your answer, and opened my eyes to another way of coding. I rarely use solution that based on math, but this one is interesting.
And if you don't mind, do you have any recommendation of books or any resources to learn more about computational math?
@@clayzz5695Here is a blind recommendation, which I typically don't like doing. I'd start with questions first, then recommendations after. But, at any rate, "Scientific Computing: An Introductory Survey". Decent-sized book, but read a section or two when you have time.
@@dariannwankwo9126 Thanks for the recommendation, I'm going to look after it soon. anw, great conversation mate! appreciate it a lot :D
Honestly really good for inspiration. I get so stressed every time and breaking big prblems in smaller, manageable problems goes a long way, not only in frontend :). Happy you poped up in my recommended even after 1 year.
I just crossed 1 year in web dev. This was a stellar breakdown! More content like this please!
Do you mean 1 year as a professional or an entry level?
Also what would you suggest to someone who's an entry level and looking a chance
Thanks for this excellent mindset, gotta think like this in my future projects
On the nextIndex you can do a cool little trick with modulo operator like: nextIndex = activeIndex % (group.length - 1). Now I don't know if modulo applies after substraction or before so i put in parenthesis but that's basically it.
I am just starting in the web designing world, and I haven't found the way of facing this problems. It was really good to see someone experience way of thinking through programming obstacles
Nice video, but doesn't help me fix my anxiety. I already can "recreate" things, but I still can't create something from zero. I always anxious if I tell someone I am an experienced dev but can't create something original if asked, am I still a good dev?
Try sketching it out with paper and pen first - helps me.
And then, figuring out what bit you want to do that you dont know how, looking into that, deciding to keep or not keep, what to change, etc. Get a rough idea on paper - will prob look messy and dumb - then get started
One of the best videos Ive watched in youtube since forever.... Great F...in JOB !
Man no one can stop commenting on your videos. what content do you make! Mind blowing man!!!! You are an inspiration!! Even your edited videos have good components and animations and a great flow. Truly exceptional!!
You just inspired a fresher engineer!
Feels great to know even experienced developers go through a similar thought process:) Thank you
omg you make this like it's really easy. love the concept of this video. subscribed.
Been a while since I found a great Frond-end content creater here on youtube. Much repsect man
10 seconds into the video and I felt so, immediately understood. It's genuinely so encouraging to know that the way I have to break down problems is the same as someone who's been in the field far longer than I have-I think I was always worried I was "behind" if I couldn't look at a flashy animation and immediately have a basic idea of how to implement every last bit of it.
Funny and very smart. It's how I taught programming. Start with a big problem. Break it into codeable pieces (recursive) and then code those. Now integrate the solutions into a coherent whole. Well done.
Take my word - your tutorials are one of the best on youtube. The way you show the small details is awesome.
Thanks for this. I'm a motion graphics designer looking to enter front-end web development. Watching you work through these problems in such an engaging way was a joy. Very informative as well. Subscribed.
Great way of showing your thought process of breaking things down to small , more tackable, problems!
My man, you've instantly became one of my favorite channels.
wow this video has really made my inner happiness show. I really struggle with big problems, but it seems it's so easy to do it bit by bit and you will eventually solve the whole problem. Thanks so much for sharing this video i am looking forward to seeing more like this.
I love this video because this is how I feel before every project I've ever done, I stress about it, then I break it down to smaller bits, get it done, feel awesome about my accomplishment and repeat the process by the time the next project comes along.
Thank you good sir.
I'm enjoying these videos more and more, from the technique and the way they approach the problem, and even better, that 'internal dialogue' that narrates what is happening. Excellent channel!
This is my first video of his channel and I am impressed how he even explains the basics thing and he is even making jokes in between and the editing is like icing on the cake❤
Really loved this video, this is satisfying and interesting to watch, you did an amazing job
BEST instructional video I've seen. Breaking a problem down into more managable pieces makes things easier. I like the comic bits too.
really appreciate you voicing out the thought process
Bro I am just starting out in Frontend Development and seeing what this guy just did impressed the hell out of me. You just got another subscriber sir.
That felt so easy once you broke it down, thank you for this approach.
Sooo satisfying to share these anxieties and watch you work thru them one by one.
This might be one of the best videos I have seen on frontend dev. Thanks for making this ❤
I love this channel
content: 90%
voice: 110%
This is an amazing problem solving guide, beyond just js or web development
This helped me to oversoming my anxiety that I am Not good enough.
As a beginer it always baffled me how to create such complex pages but now after this I feel a little confident.
Thank YOU for making this video.
Wth this is some amazing effort on content delivery and video editing! A+ ability of put your teaching skills forward. Kudos! Earned a subscriber.
Wanted to say thanks got making my anxiety manageable, learning front web dev and man i would just freeze from not knowing where to start! Appreciate you!! subscribed and hit the bell for all videos and updates, will try these out for practice as-well to overcome starting projects and freezing up
What a great way to show the inner thought process of front-end dev :)
Thanks Hyper for giving me big anxieties and hope at the same time.
I come back to watch this or some other video of yours once in a while when I need to feel inspired about frontend. I like the fast tempo in your videos! Like Fireship.
Your way of explaining and editing videos is very good. I have watched the video just till 1:24 and I'm hooked, even though I am not a front-end developer.
Yesterday (literally) I said I hate CSS the more I learn about it. Today, after your video, I'm now realizing I want to learn it more. I knew about most of the CSS you used. Thanks for this video!
You really deserve to be one of the top programming channel. Always concise and interesting content, love it.
Love your videos! The relatability on this one is off the charts
I'm not even a front-end developer and this video kept me engaged all way through!
I am glad to found your video, it helps me face my anxiety with addition to learn about Frontend 😄
I'm telling you, this gotta be one of the bests videos on internet
Man. This was pretty great. Really. You literally walked through your brain's inner process as it happens, essentially... And it was super clear and made me feel like I can approach things in a more reasonable fashion.
This is the kind of tutorial that I'm looking for! Thanks for this video, hoping to see more of your future videos
Really appreciate the commentary on your thought processes. Just starting out the programming journey and barely grasp HTML and CSS but can already gleam quite a bit just by how you edit and explain things as you do them for the javascript side of things.
Looking forward to understanding more some day :P.
This is pure gold bro, awesome content.
Greetings from Chile!
Respected SIr, Naaaah , Brother your sense of humour is perfect, not too much , just perfect. And when this adds to your knowledge and experience, it just blossoms into something great just like this video. I didn't even realize when the video ended and wanted for you to go on and on, it would be a blessing to learn more from someone like you.
I don't know if you would(or can) read this, but if you did, please reply......
one of your many viewers
This is my favorite channel BY FAR. Please PLEASE make a course
Where have you been all my coding-life Hype!!! Love your videos, so helpful how you show and explain what your doing
love your videos man! always good motivation to keep going and believe in myself!
Absolutely loving your style here. Not only relatable but a great tutorial in itself as well.
you make css look easy amazing video btw