Step up your front-end skills with these 5 resources

  Рет қаралды 377,353

Kevin Powell

Kevin Powell

Күн бұрын

It can be hard to break away from tutorials and to start building things, but it's also the single most important thing you can do. Tutorials are great, but they won't help reinforce what you are learning, and won't push you to new levels like actual projects will. So here are some resources to help you get started!
🔗 Links
✅ Frontend Mentor: www.frontendmentor.io
✅ Style Stage: stylestage.dev
✅ CSS Battle: cssbattle.dev/
✅ CodeWars: www.codewars.com/
✅ Frontend Practice: www.frontendpractice.com/
✅ First Timers Only: www.firsttimersonly.com/
⌚ Timestamps
00:00 - Introduction
01:39 - Frontend Mentor
03:50 - Style Stage
06:06 - CSS Battle and CodeWars
07:38 - Frontend Practice
10:01 - Open source
#css
--
Come hang out with other dev's in my Discord Community
💬 / discord
Keep up to date with everything I'm up to
✉ www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 / kevinpowellcss
---
Help support my channel
👨‍🎓 Get a course: www.kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-t...
💖 Support me on Patreon: / kevinpowell
---
My editor: VS Code - code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my KZfaq channel, make sure to follow me on Instagram and Twitter.
Twitter: / kevinjpowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Пікірлер: 498
@VeaceslavBARBARII
@VeaceslavBARBARII 3 жыл бұрын
A tutorial on how to escape tutorials 😅
@osamah4532
@osamah4532 3 жыл бұрын
We need a tutorial on How to escape tutorial on How to escape tutorials 😅
@curiosdevcookie
@curiosdevcookie 3 жыл бұрын
I❤️recursion… a lot!
@peternicholson26
@peternicholson26 3 жыл бұрын
A dream within a dream...
@shahrulnizamzalaludin3088
@shahrulnizamzalaludin3088 3 жыл бұрын
Yo dawg
@danysingh8382
@danysingh8382 3 жыл бұрын
I'm in tutorial hell on tutorial for tutorial hell..🥺
@designcode2009
@designcode2009 3 жыл бұрын
“It works on my machine” 😂
@crunckNATIon
@crunckNATIon 3 жыл бұрын
im loving that shirt too XD....SO TRUE
@lexnastin9011
@lexnastin9011 3 жыл бұрын
So trueee 🤣🤣🤣🤣
@GreggChristofferson
@GreggChristofferson 3 жыл бұрын
Love the t-shirt!
@window.location
@window.location 3 жыл бұрын
I want to give like but it's 69 And I don't want ruin it
@coltonaallen
@coltonaallen 3 жыл бұрын
@@window.location same
@kingharji9170
@kingharji9170 3 күн бұрын
literally wonderful video 01:39 - Frontend Mentor (Challenges) 03:50 - Style Stage (Guidlines) 06:06 - CSS Battle and CodeWars (Mastery in CSS) 07:38 - Frontend Practice (Cloning) 10:01 - Open source (Contribution in real projects)
@johantchassem1553
@johantchassem1553 3 жыл бұрын
I love the quote "What you are seeking is also seeking you". This video exactly came in time. Thanks Kevin
@OmerMD
@OmerMD 2 жыл бұрын
Yup
@afsarsayyed4980
@afsarsayyed4980 3 ай бұрын
Rumi's quote I guess
@alessandrospiridigliozzi7943
@alessandrospiridigliozzi7943 3 жыл бұрын
This is what I needed! I feel like I (like so many others) have been too eager to learn JS, after CSS, that I haven't made sure I had fully/properly learnt CSS. I have started working on some projects recently and realised that my CSS skills are still not as great as I thought!!!
@ameennazeer12
@ameennazeer12 2 жыл бұрын
Same here man Im good at programming but so js and react was easy to pick up But nw I feel I lack CSS
@Semilore317
@Semilore317 Жыл бұрын
I'm in your position bro, still trying to upgrade.
@kamsiumeobi6128
@kamsiumeobi6128 Жыл бұрын
U feeling me
@MrJfergs
@MrJfergs 3 жыл бұрын
I still feel like I need to learn so much, styled components, typescript, graphql, apollo client, redux toolkit..ect. It feels overwhelming to be honest.
@tristanreid5770
@tristanreid5770 3 жыл бұрын
I know that feeling! Some unsolicited advice: don't worry about learning everything, just learn one thing and try to apply it as much as possible. That way when you need to learn something else the need will be more clear, and the foundation will be stronger. "I fear not the man who has practiced 10,000 kicks once, but I fear the man who has practiced one kick 10,000 times." - Bruce Lee
@MrJfergs
@MrJfergs 3 жыл бұрын
@@tristanreid5770 Thanks I appreciate the feedback, I guess I'm just stressing since the pandemic I lost my more secure job and have been looking for developer jobs in the mean time, thinking I was ready to apply for them but in reality I still feel very far from that.
@rontoyhacao
@rontoyhacao 3 жыл бұрын
we're exactly on the same boat, i really want to focus on front-end and i've been wanting to rush things especially with js frameworks such as react but i know i'm not yet ready for it since i don't have much knowledge about javascript.
@AB-cn5hb
@AB-cn5hb 3 жыл бұрын
Trick is to not give a Fuck about everything. Learn one thing clearly at a label u feel confident that you are able to built something.
@evans8245
@evans8245 3 жыл бұрын
Are you okay mate ?
@ChrisPirillo147
@ChrisPirillo147 3 жыл бұрын
Perfect time for this! I've been looking for a video like this :)
@deepakarya5310
@deepakarya5310 3 жыл бұрын
omg ...you can't believe how much i needed this...thank you so much for this
@Ghost-my1tr
@Ghost-my1tr 3 жыл бұрын
Thank you for this video!!! I'm now looking forward to the weekend so I can start actually practicing what I've been learning
@goannacs6861
@goannacs6861 Жыл бұрын
Your content feels so comforting. It feels like my journey begins to structure itself and I see some kind of road building that I want to take. I actually am part of codecademy pro and follow the Frontend Career Path - and don't get me wrong. I love it and it helped me to start somewhere. Else I would be so lost. And I have a sense of everything you need and it's easy to just get along. But it's super fast forward and you just have to follow steps and don't really need to think by yourself. There are small projects now and then when you finally have to do things on your own, but this is the moment you realize: shit, I actually don't know what to do. And you don't look up solutions but rather what to do anyway. And that's where I started to look for something beside codecademy (which was recommended by many anyways) and I found some tutorials, articles, videos and so on. But then I found you. And oh my... It's like having found my personal mentor who speaks exact my language and I just understand things all of a sudden. And by the way. I'm German and I don't speak English very often. It's just a blessing that I somehow can speak it kinda well and understand most things. And even though you don't try to speak slow kids English I still feel that you know how to communicate and it makes it so much easier for me. It may be your pronunciation or the tone? I don't know. Nevertheless you are my hero for now and I promise you I will sooner or later buy your pro courses. For now I am at some free courses and find video after Video an am just: 🤯 Codecademy tells you what there is. Kevin tells you what that means. I'm 30 and I know there is hope to become some kind of developer. It's never too late and having a job that's fun probably is a bigger motivation for me than money. I just love this stuff but was too shy and scared my whole life to just do something useful. Instead I spent my day playing games and waiting for my last day on earth. Kinda sad I know 😅 I'm married now and my wife believes in me and that's really helping alot. I will become someone I always wanted to be. 🙂 Good luck to everyone and stay healthy. Physically and mentally.
@annah2943
@annah2943 Жыл бұрын
Perfectly said! Kevin, your video was recomended to me and I think it is hard to find someone who wants you to get comfortable at these first few stages so we aren't discouraged down the road
@AdamtheADHDev
@AdamtheADHDev 3 жыл бұрын
Kevin, you are my yoda. It's like you read my mind with what I am worried about and then create videos that offer a solution immediately. Your channel offers more value than pretty much any paid course I have found. Thank you!
@HyperBuddy
@HyperBuddy 3 жыл бұрын
Thank you so much Kevin, i was beginning to feel so lost in the tutorials. This really helps!
@nirajgupta73
@nirajgupta73 3 жыл бұрын
This might be the most valuable video I have seen in a long long time.
@shenellepeart2365
@shenellepeart2365 3 жыл бұрын
You have perfect timing, This is exactly what I needed. 😃😃😃
@Dr01nE
@Dr01nE 3 жыл бұрын
just what i needed. applying for a frontend position coming from a full stack developer
@iamreg1965
@iamreg1965 2 жыл бұрын
Cheers Kevin. Excellent set of routes into expanding ones experience and skills into the wider community.
@mystupidbrain5299
@mystupidbrain5299 3 жыл бұрын
You are just an awesome dude. Thank you for all you do. Got your flexbox course and Scrimba courses. You are an amazing teacher.
@nuri00ko
@nuri00ko 3 жыл бұрын
Totally digging your shirt! Thanks for all of the cool next-level resources!
@l4706
@l4706 3 жыл бұрын
Thank you so much Kevin! May God bless you my friend. I was stuck at the exact point at which you were talking about in the video.
@djordjek3916
@djordjek3916 3 жыл бұрын
Another awesome video. That's exactly what I did. I started building projects on Frontend Mentor and I must admit, I became much more confident in my coding skills. I improved them so much. I also used a Frontend Mentor project for my first project where I used Sass and I succeeded and felt great! Thank you very much Kevin once again for this awesome video. Practice is everything!
@csshtmlwebdesign5301
@csshtmlwebdesign5301 3 жыл бұрын
just what i needed to challenge myself with some real life projects! Thank you so much for sharing these Kevin! :)
@benrogers8390
@benrogers8390 3 жыл бұрын
This... This is the exact problem I've been struggling with the past few weeks. Thank you so much!
@jorgesoria139
@jorgesoria139 2 жыл бұрын
Thank you so much Kevin Powell!!!!. I've been stuck in tutorial hell for 3 weeks. Now, I feel free and unafraid to start all over again and do things on my own, you are an amazing mentor.
@rishabhjha9869
@rishabhjha9869 2 жыл бұрын
This video is a gem. Thanks for all the resources. TIME TO UP THE GAME!
@dragonarch0
@dragonarch0 3 жыл бұрын
I am just starting out in front-end game and this appears in my recommendation. Bless you for saving my time looking for resources.
@israelsolomonetuk3455
@israelsolomonetuk3455 Жыл бұрын
Thanks Kevin for this. You really opened my eyes to see that I do not fall into tutorial hell and to learn by building projects.
@ujjwol
@ujjwol 3 жыл бұрын
This will help a lot of people. As it already helped me so much. Thanks.
@mahnewr
@mahnewr 6 ай бұрын
i can't believe how perfectly timed this video showing up in my recommendations was. it's exactly what i needed, thank you
@ysteinellingsen5692
@ysteinellingsen5692 3 жыл бұрын
Thank you for paving the way for so many of us!!! :-) It means a lot for many people :-D
@shaderone07
@shaderone07 3 жыл бұрын
Just what I needed. Thank you Kevin.
@okarts800
@okarts800 3 жыл бұрын
Thank you very much kevin, I was really in search of such an amazing kind of website where I can challenge myself, thank you once again ☺
@jamesrprince
@jamesrprince 3 жыл бұрын
Thank you for the video @Kevin Powell. Been circling through tutorials like crazy.
@philjacks8531
@philjacks8531 3 жыл бұрын
These are some amazing resources that I'm gunna start using straight away! Thanks man
@zoominedits770
@zoominedits770 Жыл бұрын
i can not imagine where i would be without your videos man!!
@juliomolina8972
@juliomolina8972 3 жыл бұрын
Lots of awesome resources. Thank you Kevin! ❤️
@dcaffed9078
@dcaffed9078 Жыл бұрын
Thank you Kevin. This is just what I needed on my journey.
@iyanuoluwasowande8447
@iyanuoluwasowande8447 3 жыл бұрын
This might be the best thing I’ve found on KZfaq Thank you 👍🏽
@pulserudeus7968
@pulserudeus7968 3 жыл бұрын
Thank you for this amazing resources, you're giving light to my frontend path🔥 Been searching things on what should I do next and always get stuck, and here's the answer🔥🔥🔥
@mpb0406
@mpb0406 3 жыл бұрын
Great video. I've messed around with CSS battle a little before but the other resources I've never heard of. I'll definitely be trying them out.
@GoWokeGoBroke1
@GoWokeGoBroke1 3 жыл бұрын
Kevin, frontendmentor sounds like the thing I was missing. Thanks a lot! I wouldn't have found it if it weren't for you!
@ChunkySalsa_BSU
@ChunkySalsa_BSU 3 жыл бұрын
I did my first challenge today. :3 And I totally agree!
@Six5
@Six5 2 жыл бұрын
@@ChunkySalsa_BSU did u get better
@jeklo3713
@jeklo3713 2 жыл бұрын
@@Six5 did u get better to
@gandeAJ
@gandeAJ 2 жыл бұрын
@@jeklo3713 did u get better
@snehamoy
@snehamoy 2 жыл бұрын
@@gandeAJ yes I definitely did.. feels like I am actually going somewhere
@travisalstrand4237
@travisalstrand4237 2 жыл бұрын
As always, YOU'RE THE MAN!! Thank you!
@Bengadeer
@Bengadeer 3 жыл бұрын
Excellent video. Nice to hear validating advice once in a while. Motivation is the name of the game.
@bartv6924
@bartv6924 3 жыл бұрын
What an amazing video! I am so glad this popped up in my recommendations!
@mksk20
@mksk20 5 ай бұрын
I've just recently over 2 months ago started and my journey with frontend and your video is very helpful.
@malloryberthome4883
@malloryberthome4883 3 жыл бұрын
What an amazing video ! I was so excited when I saw the thumbnail pp up in my suggestions and the content doesn't disappoint ! Amazing video, thanks a lot !
@george003
@george003 2 жыл бұрын
I played, CSS battle seemed fun and very addictive I hope you continue making more videos with your battles, very interesting list, Thank you Kevin!
@krisnarusdiono1304
@krisnarusdiono1304 3 жыл бұрын
you are amazing, kevin. i really glad to subs your channel. i am a new learner on this field and i learn by myself. i do some research to get a good path and when i dropped here i love to make you become my mentor. thanks and keep creating
@HafizRahmanBD
@HafizRahmanBD 3 жыл бұрын
You made my life easy Kevin. Thanks, brother.
@yacoubmahamat7651
@yacoubmahamat7651 3 жыл бұрын
Thank you so much really was looking for something like this. Finally some good help instead of just saying start building. Thank you your channel really helped out
@aikuaza7115
@aikuaza7115 Жыл бұрын
Wooow!! I'm first time in this channel and this is really good stuff!!🔥🔥
@adison2117
@adison2117 3 жыл бұрын
I have recently started my frontend adventure and you come with stuff like this. Subscribed!
@KevinPowell
@KevinPowell 3 жыл бұрын
Welcome aboard!
@mbcxdlr2
@mbcxdlr2 3 жыл бұрын
Excellent resources I wish I'd known about before. CSS battle is ideal for me right now. Thanks Kevin!
@andreschavarria7091
@andreschavarria7091 3 жыл бұрын
I needed this video, thanks Kevin!
@asfandyar687
@asfandyar687 3 жыл бұрын
exactly what I needed! Thanks a lot Kevin
@johndoggett4657
@johndoggett4657 3 жыл бұрын
Just video I needed. Thanks Kevin.
@mohammadqawaqneh1455
@mohammadqawaqneh1455 3 жыл бұрын
Thanks a lot! Appreciate your effort Kevin Keep going 👏👌.
@averageguy985
@averageguy985 2 жыл бұрын
I literally was crying watching this video! It helped tons! Thanks mate :)
@mpilodlamini271
@mpilodlamini271 3 жыл бұрын
Thank you for this. I am really excited about firsttimers only
@DesignwithCracka
@DesignwithCracka 3 жыл бұрын
Thanks for this! I love you new setup!
@prithvirajk7455
@prithvirajk7455 3 жыл бұрын
Very informative and much needed. Thanks for the effort.
@bapynshngain
@bapynshngain 3 жыл бұрын
Thank you so much for this. I just started on front-end developing in college and I've been going through too many tutorials and a thought came in my mind that only going through tutorials won't help me much in the long run. I need to try these sites you mentioned. 🤩
@cssbattle
@cssbattle 3 жыл бұрын
yay! Thanks for including CSSBattle in the list Kevin! 😃
@drboxys
@drboxys 3 жыл бұрын
Just begann with html and css :) thanks for the great links!
@pepperoni4045
@pepperoni4045 2 жыл бұрын
I was worried about when to start a project and how and your vids came up on the recommendation. Great video, very helpful for beginners
@mohamedabdi2613
@mohamedabdi2613 3 жыл бұрын
Thank you for all these resources Kevin.
@jiteshkumarsahoo2830
@jiteshkumarsahoo2830 3 жыл бұрын
Thanks Kevin! Man this community is awesome !
@sivasankar5036
@sivasankar5036 3 жыл бұрын
you're my god sir,your video is recommended to in such a dire situation and I got improved my css tricks
@AmaanDevelops
@AmaanDevelops Жыл бұрын
Thank you, your videos are truly invaluable!
@darrienjohnson9053
@darrienjohnson9053 3 жыл бұрын
This was amazing. Appreciate all the gems 💎
@jorgesaxon3781
@jorgesaxon3781 3 жыл бұрын
Thank you, This might be most useful video I have seen in my life
@atmanvisual190
@atmanvisual190 2 жыл бұрын
Awesome resources. Thanks a lot!
@eihab
@eihab 3 жыл бұрын
These are some really cool resources, thank you Kevin.
@divyanshpandey9140
@divyanshpandey9140 3 жыл бұрын
Another helpful video Kevin, Keep uploading these helpful content.
@drivan2391
@drivan2391 Жыл бұрын
You're the best of the best. you really made me to gain more knowledge and improve my Css while i was struggling with it thank you dear.
@ahmed_hamza7372
@ahmed_hamza7372 3 жыл бұрын
great job dude just the tutorial I was looking for. 😊
@Alex-dv5dd
@Alex-dv5dd 3 жыл бұрын
Great video again thank you so much Kevin !
@mrnobodyy96
@mrnobodyy96 3 жыл бұрын
Thank you!! Exactly what I needed.
@franciscoaguirre2237
@franciscoaguirre2237 2 жыл бұрын
thank you so much Kevin! You are awesome!
@Mcata96
@Mcata96 3 жыл бұрын
Thanks a lot! It is really useful! I'm going to check First Timer right away looks really great to me.
@fahimmahmud3115
@fahimmahmud3115 2 жыл бұрын
I found your channel as a random KZfaq suggestion entitled "Challenging the CSS king to a CSS battle", may be it was Kyle from Web Dev simplified. And I am so glad that I found you and this video in particular. You seem like a really nice guy and I believe you really ARE a nice guy. Thanks for all the great tips. Love from Bangladesh.
@KevinPowell
@KevinPowell 2 жыл бұрын
Yeah, if you enjoyed that one I had a rematch with him here on my channel :) Glad you're enjoying my other videos :D
@theoglossa
@theoglossa 3 жыл бұрын
Thanks for this. You really have helpful resources. I'm following through your course on responsiveness
@kladdelic
@kladdelic 3 жыл бұрын
Cool video Kevin. :) I remember taking a frontendmentor challenge mid last year, built some project with Tailwind there. It was a pretty smooth experience, definitely great for beginners. :)
@f_USAF-Lt.G
@f_USAF-Lt.G 2 жыл бұрын
Funny thing about beginner projects... Adding focus challenges makes it a game for deepening skills learning. 😁
@rl6382
@rl6382 Жыл бұрын
Dude you literally make such good videos to direct those of us who have the passion to learn. Thanks so much for providing the service that you do for free ❤
@Aaam1rK
@Aaam1rK 3 жыл бұрын
Cool video man, subscribed!
@2breborn247
@2breborn247 3 жыл бұрын
Can't wait to try some of these out!
@soularize3302
@soularize3302 3 жыл бұрын
I needed this. Thank you.
@motivation4life430
@motivation4life430 3 жыл бұрын
This man knows me perfectly❤️
@arafaterasung3280
@arafaterasung3280 2 жыл бұрын
these are very good resources, I never heard of any except Code wars thanks KP for putting in the work to help us beginners
@BobDoe_69
@BobDoe_69 Жыл бұрын
saving this as a resource point, ty
@JBurky15
@JBurky15 3 жыл бұрын
I just started applying to jobs this week and this video is perfect, I feel likeI could use as much extra practice as possible now.
@g7k993
@g7k993 2 жыл бұрын
Got a job yet?
@Zeuchon
@Zeuchon 3 жыл бұрын
Excellent as always - thanks Kevin
@aakashr79
@aakashr79 3 жыл бұрын
This was just what I needed!
@daltonborges
@daltonborges 3 жыл бұрын
Awesome! Thank you very much to share that! Greetings from Brazil!
@saidehheshmati8863
@saidehheshmati8863 Жыл бұрын
It was great and so helpful! I will start with CSS Battle :)
@Agustin-jo8mv
@Agustin-jo8mv 3 жыл бұрын
Wow. This video seems very valuable! I will try these and follow up!
@nnamdinwolisa8771
@nnamdinwolisa8771 Жыл бұрын
How am I just seeing this video😩. Thank you so much Kevin, really awesome tips here.
@smolenbyy
@smolenbyy Жыл бұрын
Thank you so much for these!! I’ve been struggling to go forward with my coding because I know all of the basics of HTML and most of CSS but it’s easier to apply if I can do it in a real world scenario
@Nounearthlyglow
@Nounearthlyglow 2 жыл бұрын
The resources look good, thank you.
@jkmorbo
@jkmorbo 3 жыл бұрын
Thanks for introducing me to Frontend Challenge. I'll have to try this as I'm getting back into web dev and am pretty rusty.
@lifeisniche
@lifeisniche 3 жыл бұрын
thank you so much for sharing this amazing information sir. Everything is bookmarked and I will be visiting them soon 😉😉
9 Resources to help you practice your front-end skills
11:14
Kevin Powell
Рет қаралды 150 М.
We can now transition to and from display: none
21:20
Kevin Powell
Рет қаралды 73 М.
ROCK PAPER SCISSOR! (55 MLN SUBS!) feat @PANDAGIRLOFFICIAL #shorts
00:31
Пробую самое сладкое вещество во Вселенной
00:41
Получилось у Вики?😂 #хабибка
00:14
ХАБИБ
Рет қаралды 6 МЛН
FOOLED THE GUARD🤢
00:54
INO
Рет қаралды 63 МЛН
Fastest way to become a Web Developer
9:47
Sahil & Sarra
Рет қаралды 557 М.
Are you using the right CSS units?
6:30
Kevin Powell
Рет қаралды 444 М.
Css Animation Effects Tutorial  | HTML | CSS
0:53
Code Styling
Рет қаралды 717 М.
From idea to layout: How I approach designing a site
45:54
Kevin Powell
Рет қаралды 161 М.
5 important HTML concepts for beginners
14:37
Kevin Powell
Рет қаралды 116 М.
Flexbox or grid - How to decide?
18:51
Kevin Powell
Рет қаралды 705 М.
The Unfiltered Thought Process of a Pro Front-end Dev
4:08
Hyperplexed
Рет қаралды 209 М.
5 simple tips to making responsive layouts the easy way
15:54
Kevin Powell
Рет қаралды 747 М.
Use these instead of vh
6:06
Kevin Powell
Рет қаралды 476 М.
ROCK PAPER SCISSOR! (55 MLN SUBS!) feat @PANDAGIRLOFFICIAL #shorts
00:31