ImNotGoodEnough.js
Watch as I walk you through a typical example of the "imposter syndrome" related anxiety I experience on a regular basis and then show you how I overcome it by breaking down complex problems into smaller, more manageable ones.
The feature I am recreating in this video is from Kippo's website (link below).
The icons I use: fontawesome.com/referral?a=75...
Support the channel: ko-fi.com/hyperplexed (accepts PayPal, card, etc).
Tools used: HTML, CSS, JavaScript, Font Awesome, Unsplash
CodePen: cdpn.io/zYWdYoo
Kippo: kippo.com/chill
Music Credits:
Purpose by Jonny Easton
kzread.info/dron/HJVYelC.html...
Creative Commons Attribution license
Free Download / Stream: bit.ly/al-purpose
Music promoted by Audio Library • Purpose - Jonny Easton...
Пікірлер: 946
"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.
@bn5055
Жыл бұрын
It only works if you have the knowledge to solve the small problems though 😂
@devex5948
Жыл бұрын
@@bn5055 U will ever start solving the small ones, if you start to try.
@krank23
Жыл бұрын
@@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. =)
@jrhager84
Жыл бұрын
Dynamic programming / solving FTW!
@abdullahalnuman6540
Жыл бұрын
@@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.
@dddddeeeevvvvvv
Жыл бұрын
@@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.
@Vt12365
Жыл бұрын
@@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.
@eyondev
Жыл бұрын
@@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
@Xanthopathy
Жыл бұрын
@Hellequin Maskharat cry about it
@ronaldgipa8731
Жыл бұрын
@@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
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!
@somerandomchannel382
Жыл бұрын
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
Жыл бұрын
@@somerandomchannel382 and how is copying someone elses work gonna help you on an interview? lol
@sdjcommunity8926
Жыл бұрын
@@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.
@Rugarus
Жыл бұрын
@@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...
@PSProduktions
Жыл бұрын
Same. This guys needs more subscribers! Great content. Fast delivery. Sometimes hilarious narration. Really glad I found his channel!
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.
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.
@Hyperplexed
Жыл бұрын
Thank you, so glad to hear! I hope so too 😆
@BrunoNeureiter
Жыл бұрын
Uhm
@realquadmoo
Жыл бұрын
gg
@seifcool
Жыл бұрын
Guess what , he's about 200k before the end of the year ! :D
@verdaderoken
Жыл бұрын
little did he know he's about to reach 200k this year
A+ content! And relatable as hell. Thanks for doing what you do.
@Hyperplexed
Жыл бұрын
Thank you! I really enjoy doing it 😄
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
@silviualexandru4823
Жыл бұрын
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?
@antikovt
Жыл бұрын
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"
@onlytaylor8257
Жыл бұрын
@@silviualexandru4823he's using code pen, but there's a plug in in some IDE that lets you live preview
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.
@davidrivard1252
Жыл бұрын
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.
@daleryanaldover6545
Жыл бұрын
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.
@colinmarshall6634
Жыл бұрын
@@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.
As a person learning front-end development with an anxiety problem, this video is a godsend. Thanks man.
This may be one of the most valuable videos I've seen on KZread. 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.
@MCroppered
Жыл бұрын
Dramatic.
@Mew__
6 ай бұрын
"mental health"? People are so hyperbolic these days. Executing a task is not that deep. Billions of employees do it every day.
@JonasHoffmann230
4 ай бұрын
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)
@spectralkitty25
3 ай бұрын
@@Mew__ i don't think they're necessarily talking about tasks
Honestly a perfect balance of entertainment and education for current and wannabe web developers. You have helped a ton with my thought process especially!
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.
For once a tutorial in an inner monologue format. This is how learning feels and I’m glad someone is doing it 🥺
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!!
Love the internal monologue. greatly helps in understanding
The way you breakdown the problem, the way you solve it is really awesome ! Can't wait to see your next video 🥰
The effect is cool, your explanations is awesome and very helpful!
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!
I love your thinking process!
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
@ianmoyer5332
Жыл бұрын
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've never subscribed to a programming channel so fast. This was honestly the video I needed to see.
Absolutely loving your style here. Not only relatable but a great tutorial in itself as well.
Great way of showing your thought process of breaking things down to small , more tackable, problems!
I've seen so many front end videos from other KZreadrs 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 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!
@hanac5586
Жыл бұрын
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 !
@franciscogomes4009
Жыл бұрын
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
really appreciate you voicing out the thought process
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.
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.
Am I even good enough to have Imposter Syndrome?
Take my word - your tutorials are one of the best on youtube. The way you show the small details is awesome.
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.
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
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 ❤
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.
One of the best videos Ive watched in youtube since forever.... Great F...in JOB !
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!
I am not a FE developer but your point of view is really motivating!
love your videos man! always good motivation to keep going and believe in myself!
I discovered you just yesterday, and I've been binging the content ever since. You make really good informative content, not generic, but really good.
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 just crossed 1 year in web dev. This was a stellar breakdown! More content like this please!
@HayWhy_Pappy
Жыл бұрын
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
Love seeing the thought process visualized like this. I'm a junior dev and it's good to hear I'm at least on the right track when it comes to problem solving on the frontend.
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!!
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
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.
Glad I found your channel, I'm impressed by the content.
Really loved this video, this is satisfying and interesting to watch, you did an amazing job
Modular arithmetic is a perfect use case here for setting nextIndex. It's minor, but useful when you want cyclical behavior.
@clayzz5695
Жыл бұрын
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)
@dariannwankwo9126
Жыл бұрын
@@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.
@clayzz5695
Жыл бұрын
@@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?
@dariannwankwo9126
Жыл бұрын
@@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.
@clayzz5695
Жыл бұрын
@@dariannwankwo9126 Thanks for the recommendation, I'm going to look after it soon. anw, great conversation mate! appreciate it a lot :D
Love your videos! The relatability on this one is off the charts
This video was calming- thankyou, keep em coming 🎉
Man this video is such a huge help, why didn't I find this channel sooner, got yourself a new subscriber
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!
Thanks for this excellent mindset, gotta think like this in my future projects
Amazing video!!! Bring more videos like this!! Pure gold!
Thanks so much for videos like this where you verbalize your though process. So inspiring.
This feels so therapeutic. Thank you for this video. I love it.
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.
Man, you're rocks! Thank You for your course !!! I've learned so much!!!
Thanks Hyper for giving me big anxieties and hope at the same time.
Your level of concept and reasoning with self discussion is what I hope to achieve one day. I have recently started watching you just for the sake of interest, and the way you talk to yourself or narrate in this case, shows you know almost everything deep down. And not just front end I hope I can be like this for anything I do.
Thank you man, I've just completed my year one as a UI developer and this video gave me inspiration to learn more and broaden my perspective. Once again thank you!! ❤️❤️
BEST instructional video I've seen. Breaking a problem down into more managable pieces makes things easier. I like the comic bits too.
Great vid, wasn't expecting that. Good work
omg you make this like it's really easy. love the concept of this video. subscribed.
This is pure gold bro, awesome content. Greetings from Chile!
You really deserve to be one of the top programming channel. Always concise and interesting content, love it.
I absolutely love your video style and humor! Keep it going 💪
Loved watching this breakdown of a problem, very helpful
Love your humour and style.
This video is amazing. So often a new project can be very overwhelming. I loved your process of breaking the whole thing down into parts. Also, thank you for showing your coding process and not just the final, polished result.😄
Your channel is a blessing. Great job!
Sooo satisfying to share these anxieties and watch you work thru them one by one.
This is the kind of tutorial that I'm looking for! Thanks for this video, hoping to see more of your future videos
I absolutely love this video! ♥️
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.
thank you so much! you are a light in this dark world of being a frontend newbie! thanks sir!
Incredible! The way you told the story destressed me🙏🙏
That felt so easy once you broke it down, thank you for this approach.
You've earned yourself another subscriber, good job👍
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 really love this concept. really loved your video! subscribed 🙌
Creative and funny as hell, that's a rare combination my fellow 😆, hope you go far
This is such a great video and format!
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.
This might be one of the best videos I have seen on frontend dev. Thanks for making this ❤
I just experienced something I haven't before. Your content is 😢makes me happy. I knew I wasn't alone looking at features and stressing about them
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 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
Really enjoy your format! Awesome job!
Been a while since I found a great Frond-end content creater here on youtube. Much repsect man
Really calming and relaxing.
What a great way to show the inner thought process of front-end dev :)
You are awesome!!!!!!!!!!!!!!!!!!!!!!! First time I am watching a tutorial that explains so many concepts in just one video with awesome clarity. I just learnt how to make slider from scratch with cool animations. Thank you so much man. Keep making such videos❤
This is an amazing problem solving guide, beyond just js or web development
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.
no words man. its awesome
I needed this today, thanks a lot
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❤