ImNotGoodEnough.js

Подписаться 646 тыс.

Просмотров 887 тыс.

50% 1

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
ru-vid.com/show-UCHJVYelC...
Creative Commons Attribution license
Free Download / Stream: bit.ly/al-purpose
Music promoted by Audio Library • Purpose - Jonny Easton...

Опубликовано:

27 июл 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 943

@DarylMalibiran Год назад

"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

@wolffwolfie3166 Год назад

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

@owenparsley2674 Год назад

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.

@nogoodgod4915 Год назад

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!

@theMadZakuPilot Год назад

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 Год назад

@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

@SpaceOutlaww Год назад

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

@hamzamalik-ln3ch Год назад

As a person learning front-end development with an anxiety problem, this video is a godsend. Thanks man.

@deathcare Год назад

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.

@adammarostica3016 Год назад

A+ content! And relatable as hell. Thanks for doing what you do.

@Hyperplexed Год назад

Thank you! I really enjoy doing it 😄

@TheRealDucko Год назад

Honestly a perfect balance of entertainment and education for current and wannabe web developers. You have helped a ton with my thought process especially!

@ferpalaciosd Год назад

This may be one of the most valuable videos I've seen on RU-vid. 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

@aboxthatdrools 4 месяца назад

Am I even good enough to have Imposter Syndrome?

@ampersignia Год назад

For once a tutorial in an inner monologue format. This is how learning feels and I’m glad someone is doing it 🥺

@CouchSquirrel Год назад

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.

@ritchisen2179 Год назад

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.

@rpatini Год назад

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!!

@harrypham6337 Год назад

The way you breakdown the problem, the way you solve it is really awesome ! Can't wait to see your next video 🥰

@Caly_pso2014 Год назад

The effect is cool, your explanations is awesome and very helpful!

@ronygrafo Год назад

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!

@ceciliatabbi4218 Год назад

Absolutely loving your style here. Not only relatable but a great tutorial in itself as well.

@danielbuckland4329 Год назад

I've never subscribed to a programming channel so fast. This was honestly the video I needed to see.

@AdarshKumar370 Год назад

Love the internal monologue. greatly helps in understanding

@PirateDion Год назад

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.

@pattanijeet9089 Год назад

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!!

@knockedgoose4206 Год назад

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.

@sabeetspongiinchowdhury3965 Год назад

I've seen so many front end videos from other RU-vidrs 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!

@snifyy Год назад

Take my word - your tutorials are one of the best on youtube. The way you show the small details is awesome.

@maattthhhh 4 месяца назад

All these valuable lessons are giving me anxiety about my procrastination 💀

@Dogflamingo Год назад

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.

@scyfox. Год назад

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

@sharishth Год назад

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.

@Drop_cat 11 месяцев назад

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!

@MycroftDev Год назад

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 ❤

@Bempus Год назад

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!

@pablowbk Год назад

Great way of showing your thought process of breaking things down to small , more tackable, problems!

@saikatbishal8429 Год назад

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.

@jamiejuntorn5670 Год назад

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

@sungjuyea4627 Год назад

I am not a FE developer but your point of view is really motivating!

@gideonetim2644 Год назад

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.

@SponkADonk Год назад

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.

@omersabic8555 Год назад

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.

@fransciscoo Год назад

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

@nerdcentral5628 Год назад

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.

@defu8592 Год назад

love your videos man! always good motivation to keep going and believe in myself!

@Metalvain4 Год назад

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

@eduardstefan6833 Год назад

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.

@JacksonSchrotberger-om7rh Год назад

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.😄

@gnaraddict5155 Год назад

Really loved this video, this is satisfying and interesting to watch, you did an amazing job

@dariannwankwo9126 Год назад

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

@stevebob240 Год назад

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.

@maherylala2153 Год назад

You really deserve to be one of the top programming channel. Always concise and interesting content, love it.

@Esomusicaify Год назад

Love your videos! The relatability on this one is off the charts

@AirMiloTakManis Год назад

really appreciate you voicing out the thought process

@markovujanic Год назад

Thanks so much for videos like this where you verbalize your though process. So inspiring.

@katuzov 6 месяцев назад

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.

@fishinghunter4030 Год назад

BEST instructional video I've seen. Breaking a problem down into more managable pieces makes things easier. I like the comic bits too.

@AnkitSharma-rh2hs Год назад

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!! ❤️❤️

@bilaleyrik8680 Год назад

One of the best videos Ive watched in youtube since forever.... Great F...in JOB !

@parakeetbird863 2 месяца назад

Man this video is such a huge help, why didn't I find this channel sooner, got yourself a new subscriber

@RedianFikri Год назад

Thanks for this excellent mindset, gotta think like this in my future projects

@samsocio7615 2 месяца назад

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.

@anthonycruz7839 6 месяцев назад

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

@rafaelurben Год назад

I absolutely love your video style and humor! Keep it going 💪

@TatudoTech Год назад

Glad I found your channel, I'm impressed by the content.

@tonipaffel3357 Год назад

This video was calming- thankyou, keep em coming 🎉

@jnova2766 Год назад

I love your thinking process!

@ramshankarkumar4222 Год назад

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❤

@ziberbee5460 Год назад

omg you make this like it's really easy. love the concept of this video. subscribed.

@hasanmahmud2016 Год назад

Man, you're rocks! Thank You for your course !!! I've learned so much!!!

@kickheavy8982 Год назад

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.

@eojeel Год назад

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 ☺️

@mosescosme8629 Год назад

This feels so therapeutic. Thank you for this video. I love it.

@suncidark6576 Год назад

This is the kind of tutorial that I'm looking for! Thanks for this video, hoping to see more of your future videos

@josephizang6187 Год назад

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

@kimberlycaritas 6 месяцев назад

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.

@yeabsiragetahun Год назад

"Would have I come up with it if I haven't seen this" is the feeling I get every time I see something creative.

@Emerson-mv4hm Год назад

Amazing video!!! Bring more videos like this!! Pure gold!

@Fr4nz2K 8 месяцев назад

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.

@relaxgameing8395 4 месяца назад

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❤

@kahoku451 5 месяцев назад

Sooo satisfying to share these anxieties and watch you work thru them one by one.

@manikajoshi1959 5 месяцев назад

You just inspired a fresher engineer! Feels great to know even experienced developers go through a similar thought process:) Thank you

@shaunbarksdale6710 Год назад

Okay…after three videos in a row, you have officially become my new binge watch channel. You’re super informative while keeping the dialog entertaining. What really sold me though was the “beep bop beep boop”. This is literally what my brain is saying to me when I’m programming. 😂

@user-ke9jv1ln7o 6 месяцев назад

Thanks Hyper for giving me big anxieties and hope at the same time.

@anusharajendra389 11 месяцев назад

Wth this is some amazing effort on content delivery and video editing! A+ ability of put your teaching skills forward. Kudos! Earned a subscriber.

@aayushbisen 11 месяцев назад

This might be one of the best videos I have seen on frontend dev. Thanks for making this ❤

@rhenaldkarrel Год назад

i really love this concept. really loved your video! subscribed 🙌

@benjaminlarenasbravo2509 Год назад

This is pure gold bro, awesome content. Greetings from Chile!

@santiagoferrer50 Год назад

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

@pfffffffffff Год назад

Creative and funny as hell, that's a rare combination my fellow 😆, hope you go far

@lottiesnack7218 Год назад

Loved watching this breakdown of a problem, very helpful

@josephmazor725 5 месяцев назад

This is an amazing problem solving guide, beyond just js or web development

@MeisaCarrotFarm Год назад

This is amazing… an absolute life saver for me! Thank you for teaching me a good lesson out of this!

@Billiam112 Год назад

Really enjoy your format! Awesome job!

@dhruvbhavsar1669 Год назад

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 👍🏻👍🏻👍🏻

@pranshukhattar7989 Год назад

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.

@boodyramadan1976 Год назад

Been a while since I found a great Frond-end content creater here on youtube. Much repsect man

@Yaxqb Год назад

Incredible! The way you told the story destressed me🙏🙏

@mcrazick8662 Год назад

That felt so easy once you broke it down, thank you for this approach.

@mirrorfolio 4 месяца назад

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