ImNotGoodEnough.js
ฝัง
- เผยแพร่เมื่อ 27 ก.ค. 2022
- 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
th-cam.com/channels/HJVYelC.html...
Creative Commons Attribution license
Free Download / Stream: bit.ly/al-purpose
Music promoted by Audio Library • Purpose - Jonny Easton...
"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
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!
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.
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
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
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.
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.
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
For once a tutorial in an inner monologue format. This is how learning feels and I’m glad someone is doing it 🥺
Honestly a perfect balance of entertainment and education for current and wannabe web developers. You have helped a ton with my thought process especially!
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.
The effect is cool, your explanations is awesome and very helpful!
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!!
Absolutely loving your style here. Not only relatable but a great tutorial in itself as well.
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
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!
Take my word - your tutorials are one of the best on youtube. The way you show the small details is awesome.
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've never subscribed to a programming channel so fast. This was honestly the video I needed to see.
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.
Great way of showing your thought process of breaking things down to small , more tackable, problems!
The way you breakdown the problem, the way you solve it is really awesome ! Can't wait to see your next video 🥰
Am I even good enough to have Imposter Syndrome?
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.
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 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 ❤
really appreciate you voicing out the thought process
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.
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 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
love your videos man! always good motivation to keep going and believe in myself!
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!! ❤️❤️
I am not a FE developer but your point of view is really motivating!
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!
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.
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.
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.
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.
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 really deserve to be one of the top programming channel. Always concise and interesting content, love it.
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
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.
Love your videos! The relatability on this one is off the charts
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 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
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
Really loved this video, this is satisfying and interesting to watch, you did an amazing job
Man this video is such a huge help, why didn't I find this channel sooner, got yourself a new subscriber
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.
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 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 Hyper for giving me big anxieties and hope at the same time.
Sooo satisfying to share these anxieties and watch you work thru them one by one.
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.😄
BEST instructional video I've seen. Breaking a problem down into more managable pieces makes things easier. I like the comic bits too.
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❤
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.
One of the best videos Ive watched in youtube since forever.... Great F...in JOB !
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.
This video was calming- thankyou, keep em coming 🎉
This might be one of the best videos I have seen on frontend dev. Thanks for making this ❤
Thanks for this excellent mindset, gotta think like this in my future projects
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 your thinking process!
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
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
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
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❤
Glad I found your channel, I'm impressed by the content.
You just inspired a fresher engineer!
Feels great to know even experienced developers go through a similar thought process:) Thank you
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.
This is an amazing problem solving guide, beyond just js or web development
Man, you're rocks! Thank You for your course !!! I've learned so much!!!
Just stumbled across this video in my suggestions.
the forms and method of explaining, including the anxiety aspect really hits home.
Cracking content keep it up ☺️
I absolutely love your video style and humor! Keep it going 💪
This is the kind of tutorial that I'm looking for! Thanks for this video, hoping to see more of your future videos
thank you so much! you are a light in this dark world of being a frontend newbie! thanks 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.
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.
That felt so easy once you broke it down, thank you for this approach.
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
omg you make this like it's really easy. love the concept of this video. subscribed.
I have so much wanted and longed for such content. Much respect for you man, it's not easy. You filled me up with motivation! I had prepared my portfolio but was scared for applying for front end jobs, but from two weeks... I'll start applying 👍🏻👍🏻👍🏻
In the ocean of TH-cam there are many gem channels and this is absolutely no doubt a gem of channel for frontend developers.
Ok, honestly you are amazing, you are very helpful and relaxing and professional and teaching how to think and solve problems as a developer. really really loving your content keep going and wish you the best
Been a while since I found a great Frond-end content creater here on youtube. Much repsect man
Wth this is some amazing effort on content delivery and video editing! A+ ability of put your teaching skills forward. Kudos! Earned a subscriber.
All these valuable lessons are giving me anxiety about my procrastination 💀
What a great way to show the inner thought process of front-end dev :)
Amazing video!!! Bring more videos like this!! Pure gold!
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
I love these so much - the thought process is amazing and something I feel like developers lack today (actually caring about how the site looks and animates.)
I can't tell you how many times we get a great design from a designer and the developer just says "Sorry, we can't do that." and we create some non-beautiful thing
The dude behind this channel is beyond awesome in all aspects. Hoping someday that I can be professional as you dude though I am just a noob student who's goal is to be good in programming. Your channel really inspires me a lot to go no matter how hard it gets through time.
This is amazing… an absolute life saver for me! Thank you for teaching me a good lesson out of this!
This is pure gold bro, awesome content.
Greetings from Chile!