Donât learn web dev this way
VloĆŸit
- Äas pĆidĂĄn 9. 08. 2022
- Learning web dev is hard, but taking the right approach can really help!
#css #shorts
--
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 CZcams 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!
The real question is, did I spell is misakte on purpose, since I was talking about mistakes? đ
@Kevin Powell, I was seconds from commenting that youâve spelled that word wrong, until the second after where it hit me that you mightâve done it on purpose đ
Actually came to post a comment on just this.
Ha ha... miskate would have been even better... mis-skate... get it? đ big fan btw đđđ
Are there still stuff too for backend project đđ
It would have been much better if it was misspelt as "miskate", as you've referred skate in video.
they call it tutorial hell...
yeah i almost fell in that rabbit hole
How do people watch bunch of tutorials without actually doing anything anyway?
Tutorials bore me af unless I'm actually doing them as I watch the video.
How do you learn about something without reading or watching it first?
@@ber2996 honestly, because you feel you should "know more", even thought the whole point is that you can't know everything and should always be learing as you go with pretty much every project you work on
Im there and it sucks, but im mainly there with JS
This is where free code camp succeeds. You actually build as you go Along
yep, fcc's the best because you write your code
Scrimba is still the best
The Odin project also
It's very handhold-y though, so I would only recommend it to uninstall fear.
â@@jakemealey5532 it's the best
Barbara Oakley calls this the âIllusion of Competenceâ in her book âA Mind for Numbersâ. This applies strongly to math as well as writing code.
It is competence too. Just a less practical kind of competence. It can be translated into actual competence, though, and more easily than from ground zero, by the way, because knowledge gives confidence.
Of course, it makes the process way longer (for example, 12 months instead of 6), and you will have to build things at some point anyway, but making a project from zero and making a project after reading a book or watching a long video feels hella different and more chill, imho
@@awesomebearaudiobooks yeah when you watched somebody make a website from zero to design and to deploying you will then have a reference point to what your competence is. You'll not go blindfolded when you start making your own website. But without the "theoretical" knowledge you are going blind and will burn out quickly.
But to be fair you don't need to binge watch 40 Udemy courses, just one good and quick walkthrough on CZcams will do the job. And ofc it's way more effective if you follow along the walkthrough
@@theseangle exactly one good introductory video about basic structure (HTML) and layout (CSS) for a simple landing page is worth more than 100 hours of videos building a complex website.
I find CSS more difficult to master than any other aspect of web development or distributed application (dApp) development. CSS takes lots of practise to move beyond the basics.
@@0x007A nah one introductory to html and css is definitely not better than a turnkey website making walkthrough playlist, which will take even less than 100 hours. You kinda didn't get my comment above. And CSS is, while pretty difficult at first, it's a candy compared to all the obscure things you have to consider and think about while working or making a serious project. eg building complex client logic in JS. All the subtleties and subsurface issues you'll face while working with a framework. All the considerations you'll have to make while working with a backend developer and connecting the API. All the disagreements you'll have with the designer of the project. All the extra skills you'll need to have like the CI/CD, DevOps and all that kind of shii
@@0x007A CSS is easy, you just learn as you go. You don't really have to think much. You got a problem - you Google it. After a couple of weeks working like that your brain will generate its own solutions and you'll wrote your HTML beforehand predicting the CSS you'll have to write and adapting to it even before you started styling. Also I recommend following some kind of convention like BEM or Atomic CSS or whatever. It'll make things less confusing and your brain will have an easier time remembering the structure.
I have actual work experience in frontend and I Google like a hundred things everyday. In HTML/CSS it all just comes down to browser support. If something has less than 94% support on caniuse I tend not to use it. With JS it's easy because of all the transpilers and building mechanisms like Babel, Typescript, Vite etc. Much of the modern code just get transpilers to raw ES6. Plus the built-in autoprefixer (PostCSS) in my framework (Vue) makes things easier.
The main part of CSS is experimenting, gathering practical experience. Then your brain will categorize everything into certain patterns.
I'm only starting with web dev but I can confirm this. If you only watch tutorials and don't apply your knowledge you can end up in a perpetual circle of watching random videos without writing a line of code. I started learning HTML/CSS around three months ago and I fell into the same trap. I recommend watching videos where developers actually build a website from scratch (or by looking at a random template). Those videos are usually several hours long but you can open your code editor of choice and simultaneously write code while adjusting the code to your preference. Benefit of it is you can pause the video to experiment or just to clear your mind and come back to it whenever you want. I also recommend making a secondary profile on your browser where you would only focus on code, because video recommendations from your main channel will eventually distract you. And don't give up and think you're stupid. I've seen experienced developers get stuck at trivial problems, it's all about being persistent.
Do you have a list of youtube channels providing such tutorials?
Thank you so much for the list of practice resources! It very hard to find them on your own
Hi, there. Where can I find the list of practice resources?
@@IAmSkyfree do you mean the list from this video? It's in the very end of the video
I love the "Misakte" instead of "Mistake" lol
Sateđ
So true. I fell into this habit when I started. Then after freecode camp I learned a bit more. Now in the Scrimba bootcamp and I'm going through your module 6 and css is now fun and easy to work with while still giving me challenges to think about. I come from a culinary background. To me now using CSS is like figuring out how to plate a beautiful dish.
hes on scrimba!?
Dope my boy. Big come up
@@leonstone3443 Yes. Kevin has several modules on there. All great stuff!
I also started with free code camp and it's was amazing, because it's a great learn as you code from the first sesssion
His Scrimba courses are great. My favorite is Per, he explains so well without being condescending.
This video specifically should be as first reminder every morning/day for newbie developers.
I learned basics of frontend programming myself and got my first job about 5 years. Video tutorials were one of the several sources of knowledge. And in the beginning, videos where someone codes and describes every step were extremely helpful. Because, when you don't have a mentor, this type of videos kind of replaces it, and you have an opportunity to learn the process itself.
He is not saying that video tutorials are useless. He is giving some anchor for newbies from where to start doing projects
I second you...i like videos for sth new even if i dont write a single line of code..and its faster...we dont have to create a new wheel..somebody better than us has already done a better job than us ..and later i use chat gpt which actualy explains everything even when i copy paste code...that way i am faster and productive..and it has worked great with the least effort from my side
Yeah I completely disagree with this guy and this common myth. At some point if you donât learn beyond what your current skill dictates, youâll hit a wall. Going through a course upped my game far further and faster than I wouldâve done otherwise because I simply do not have the exposure to better coding practices that some of these teachers have. I do agree that you need to apply it to something though
@@juggles5474I think books are still far option if u want to up ur coding, videos are time consuming and not really designed to help u think for urself.
So yeah if u are newbie or somewhat experienced then go with books and if u are vastly experienced then just move onto reading actual documentation instead.
You literally spoke to my soul. It feels like I know nothing even though I've gone through so many courses and classes. Definitely going to look into those links!
how is it going so far??
new update ???
That's exactly what happened to me. Watched a whole course then realized my mind didn't save the content at all haha
You should code along with them
â@@theburstgamer962I mean.... What the fuck...? đ Whats the logic behind learning something by just watching, and never practicing during learning process..? If someone does that, maybe they should never try to learn anything; ever.
@@kimura_b4mv There is something known as Programming hell go and search about it KIDDO
â@@kimura_b4mvi practice yet i get somewhere then try to do more better and go back to zero since a month now
This is also true with 3D animation, I watched the video five times and didn't absorb a word of it, but as soon as I started actually following along and making a donut (simple object for the purpose of the tutorial), I was instantly able to extrapolate that knowledge for my own purposes. I spent an hour and a half to two hours learning nothing, and as soon as I started learning by doing, I figured out everything I needed to know for the moment in 2 minutes
Wait you watched a tutorial five times without following it?
â@@ayb2337I can do it with my mind it's like I'm playing chess đ€Ł maybe I'm lucky because my memory not really bad
â@@ayb2337I guess when I watched toturial I stopped and think why they do that and like understand the logic even though I watched I still code but in my mind đ€Ł when I try to code it n my laptop I can do it I don't have a problem đ
As a skater I love that skateboard analogy. Itâs definitely true!
agreed on this
Hi, my name is Aaron kyro, I'm a professional skateboarder from the San Francisco Bay Area
Yea but its same for all. You wanna learn math? Do it. You wanna learn climbing, do it. You wanna learn algorithms, do it. If you dont do exercise you will never deeply understand it and you will never ever be able to take action in this topic.
glad thereâs
more skater web devs out there lol
Iâd say one of the biggest things that helped me when learning to code was reading documentation instead of watching videos, as in the real world you will be solving problems not found in videos
This is so true and so easy to be stuck in it. It can even make you think that you can't do things when you start and still struggle after seeing so much tutorials.
It's natural, even in my personal DIY projects I search a lot before starting and even when I think I have enough knowledge, I start and fail. But guess what? After making some mistakes, that's when I started finding ways to fix it and I can really see the difference between my first DIY project and a more recent one.
I watch, write notes (easier for me to remember stuff by writing. I don't even review the notes sometimes). then try the code. thank you for the content Kevin!
similar to me but i actually just make my note in the code itself using comment. And yes i never review that notes again but my goal is just to try to write that concept and explain it with my current understanding of it in my own.
@@adikurniawan1816 đđđ
I also refuse to scroll my low res screen up most of the time because i am so lazy ,especially while learning many times , and i rather use whatever brain cell i have left ,đ€Ł but the download solution button in fcc and a quick edit in that downloaded note with my own explanation in it works the best for me .. learningwise ,now if i can only apply this to my other learning aspirations đ»
This is why I found a good video to watch that goes into detail but not too much, and gives you situations and challenges to do by yourself.
I just made up an idea for a project and started working on it. Learning the things i need as I go. I know a lot more now than I did when I was just watching tutorials
The resources you've shared will definitely help me. I was looking for some place to find and practice my skills
Another tip:
Each time you learn something new, think of ways to use it in different scenarios, think of possible usages, and try to do it yourself.
When you start bringing your idea to life, you'll soon realize there's more than just what you learned that must be used to accomplish that - don't give up, start googling, searching for information, describing what it is that you want to do. All of that info absorbs better when you're actively trying to do something on your own, when you're searching for solutions and trying several different methods to do the same thing.
Love you so much for this Kev. Been stuck in JS tut hell for 3 years. I just move from video to video relearning the same topics.
You've always been nothing but incredibly humble! Truly, more than your expertise, you're humbleness draws me to watch your vids. God bless you and have a great day đ
Practice is important to learning programming
This is absolutely true and can be applied to everything, you have to get handy with it to actually be able to learn. Similar to studying and how note taking will help you in the long run instead of just memorizing everything.
Very helpful and after follow these key steps of actually building after learning is very constructive.
Thanks sir.
This is the thing that pushed me away for so long, until I watched one video that said something like "Get out of tutorial hell". Now I only watch things for a certain issue I'm running into or a quick beginner video to get the gist of a new process/language. I've learned so much more going about it this way.
That's why your content is so useful, it saves my life when I'm trying to make specific things!
This is Gold!!! I really appreciate this content @Kevin Powell. Thank you!
One of the best advices for guys like me that that just started from scratch and good example skate boarding
This is exactly what I need!!! Thank u
Very good life lesson that also can be implemented to real life and to its situations, not just code. Well said
For anyone who wants to favorite/ playlist helpful shorts like this go to your youtube history> select the 3 dots next to it> add to playlist
Thanks, this was the video i was looking for...not only because of the courses listed at the end...but more for the tidbit you narrated which is more effective..great work for influencing me
This is a great advice. I see many people made the same mistake and try to learn from watching but the real thing come from experience. We have to find a balance between theory and practical.
Such an awesome resources and tips tnx Kevinâ€
I loved the tips at the end. Thanks for sharing the knowledge Kevin! đ
Thank you for the suggestions!
Thank you sooo much man. Seriously, this helps a lot.
How
After I have fully dominate typescript, I have learned Python, c# and java, just reading the docs, the most important is the logic, knowing algorithms complexity and data structure, project patterns and architectures.
One of them is you. While watching your videos I don't think someone will only watch it and in my case I've never done that. Thanks for keeping us updated.
Again you didnât disappoint us! Thank you for the list
Love the comparison to skateboarding, as i've found they both are very similar in how you gotta fall and get back up to learn and get better
At first I watched a full course video which was just an hour long then i start to practice it and then i searched for individual problem on google and right now i am in a pretty good condition
It seems a good way to learn new things.. keep going
You started practising once you finished the video. This is key because too many people watch a second and a third video thinking it will make them learn. Only through practise do we learn; knowledge is fine but skills are more useful because through practise the knowledge is applied.
I took the same approach as you and it works. I make notes on paper of short code snippets, and a brief context-based narrative, that I have written so I can reference them in the future. Plus I can reread them any time.
You are amazing sir!
This man is such a gem. Helps sooo much. Thanks a lot, Kevin. Appreciate it!
" you need to learn through doing" amazing phrase
Thanks for the resources â€
Sweet. Thank you. I have taken a few classes in scripting and programming but I am looking for some hands on to get better. You are a amazing help. Thank you for this.
Thank you for this â€â€
I thankfully never had this habit. I just used inspect element for an extended period of time and got so good at it, that when I fully took an interactive HTML course, most basics where already familiar.
Watching tutorials and following with the tutorials
And slightly modifying with what you understood, for example:
He builds a login screen
I build a sign up screen
Which helps me experiment while learning
Change some colors, some fonts and experiment and follow
Imo just diving into a project you donât know how to build at first and learning on the way is the best method.
bro learning by reading is so powerful. But it takes time.
wdym takes time it's 10x faster than watching videos not to mention information is actually relevant. I am not talking about books however
As long as you apply that knowledge then yeah
Watched again. Thanks again for the resources! :3
Thank you â€ïžâ€ïž
Thank you so much for this advice and the resources.
Thank you so much kevin
This is exactly what I was looking for. Thank you so much
Thank you Kevin!
Videos helped me a lot. Thanks to all đđŒ
Haha this is so interesting because I have the exact opposite of this problem (not with web development but with other skills like 3d modelling etc). I'm absolutely a Do-er first, and when I come up to a point where I don't know how to resolve something, it's like pulling nails to get me to actually sit down and watch tutorials, even though I know that if I did I would not only find the answer to my problem, but also learn new things that I wouldn't have encountered myself
same here in 3d haha
Thank you very much for sharing these amazing resources!
Beautifully put
Thanks for the resources!
I was myself on the tutorial hell for a looong time!
Then started doing projects and giving feedback on frontendmentor and I'm improving like 100% faster than just with courses!
Sometimes I stop doing projects to learn new things on courses, but then inmediately go back and apply those things to new projects.
THANK YOU SO MUCH!!! This information and resources are VERY HELPFUL!!
I believe that the "codecademy" web dev path is a good one because it always give you a chance to practice
thanks for the tip! I'll definitely check those sites soon
Tutorial hell was what caused so many setbacks in my journey; to the point where I had to go back to zero and move my way up. It was 2 years of it and when I realized that I couldn't even make a simple project myself, I was reluctant to essentially, start over.
I've been coding for 3 years, and 2 years of it went to waste by just doing tutorials without making a project myself.
But do you have a job tho?
What did you end up doing? This is my exact same story
Thanks for the references! These are golden.
bro the links u mentioned are super helpful. Also fellow Canadian here.. I took ur CSS course on coursera. Excellent investment
You Sir are a rockstar!!!
Thank you
Thank you so much I'm so glad CZcams recommended me this video
I've been doing web design for a while and I've designed and been apart of a tun of website projects. But I just put up my own responsive/adaptive static portfolio site and blog a few days ago using Netlify and it's so satisfying.
Kevin this is golden. Thanks Boss!
Thank you Sirđđ
We appreciate đ
Best explanation ever
thx a lot for the list
I really appreciate this đ been copping so much shit for just diving straight in.
Thank you very much Kevin!
That's why it takes me days to finish an hour tutorials. Later I try to use it and still forget it
Thank you for the list of practice sites!
Thank you Kevin! Helps a lot
Really good content, appreciate all videos!
Thanks manâ€ïž
Appreciate the advice đ
Great analogy and solid advice, Kevin! â€
This is actually a golden advice that i was able to learn only recently, I wish I'd known this years ago
Sir, you read me like a book. I know HTML, CSS and i only recently learned JavaScript and React. I know how to read and modify codes but i can't make anything on my own.
Really good content there! As someone who felt stuck in my previous career and really found myself through becoming a CZcamsr and a Data Scientist/programmer, thank you for your great content. Keep doing what you do!
Great advice!
Thank you so so much for this...
This is my favorite learning a scope and it has helped me in web dev
The way I learned was by doing a bunch of website ideas I had and just starting and if I had a problem then I would look at a course to learn the whole thing if it was pretty complicated or just quick CZcams video to fix it if it wasnât to bad.
Sooo helpful tyâ€
THANK YOU. THIS is what Iâve been looking for.
I started with the Odin Project and following the curriculum. While doing their courses, I'm working on side projects to practice more. I end up braking my code and fixing it. The knowledge sticks so well for me this way
I needed this.â€
I feel called out, but I appreciate it.
Totally agree with you, I've learnt more working on freelance projects than I've learnt from any course or video. And it's how I keep learning!
I always follow along with the tutorial, and not just mindlessly watching. That's a decent practice i think.