Stop wasting time when you're learning to code!
Stop wasting time when you're learning to code!
🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/
💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/af…
Looking for how to learn to code effectively? Here are some tips on how you can to avoid wasting time when you’re learning web development.
0:00 - Intro
0:54 - Don’t learn things randomly
1:58 - Focus on one thing at a time
2:30 - Be an active learner, not passive
3:45 - Don’t just memorize stuff
4:59 - Build stuff!
LINKS MENTIONED:
Frontend Mentor — https://www.frontendmentor.io/
Ania Kubów’s 12 hr bootcamp — • 12HR+ YouTube Coding Bootcamp!
Wes Bos’ CSS Grid course — https://cssgrid.io/
Mozilla Developer Network — https://developer.mozilla.org/en-US/d…
CSS Tricks — https://css-tricks.com/
JavaScript project ideas — https://duckduckgo.com/?q=javascript+…
React project ideas — https://duckduckgo.com/?q=react+proje…
____________________________
SUPPORT THE CHANNEL
⭐ Join channel members and get perks: / @thecodercoder
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/…
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/
RECOMMENDATIONS
⌨ My keyboard, Vissles V84 — https://vissles.com/?ref=mu96kxst5w — 🔥 get 10% off with code THECODERCODER —
💻 Other gear — https://www.amazon.com/shop/thecoderc…
📚 My Favorite Books — https://coder-coder.com/best-web-deve…
📺 My Favorite Courses — https://coder-coder.com/best-web-deve…
🔽 FOLLOW CODER CODER
Blog — https://coder-coder.com/
Twitter — https://twitter.com/thecodercoder
Instagram — https://www.instagram.com/thecodercoder
#webdevelopment #coding #programming
Content
0.56 -> when you're learning to code do you ever feel
like you're stuck learning the same thing over
4.72 -> and over again? you might watch a tutorial video
and by the end you feel like you kind of get it
9.92 -> but when the next day rolls around you've no clue
how any of it works anymore so you have to go back
15.04 -> and re-watch the tutorial but unfortunately this
pattern keeps repeating you might feel like none
20.96 -> of this knowledge is actually sticking in your
brain and it can get very frustrating to feel
25.2 -> like you're not getting anywhere so in this
video I'm going to cover some common pitfalls
29.52 -> that might be tripping you up and causing you
to waste time when you're learning to code
34.24 -> now as a disclaimer keep in mind that there
are no magical shortcuts that will transform
38.4 -> you overnight into a coding expert I know, even
with good learning techniques it's still going
46.16 -> to take time to go from a beginner developer to a
more advanced one alright let's get into the tips
54.88 -> the first one is don't learn things randomly
figure out a road map to follow if you're jumping
60.56 -> around trying to learn git one day CSS custom
properties the next and javascript promises on
65.68 -> the third you may be setting yourself up for a lot
of hardship instead of picking things at random to
70.88 -> learn look for a structured path that you can
follow one path you can use is a video on my
75.76 -> channel called learn web development for absolute
beginners it shows you a simplified roadmap of
80.8 -> the main skills that you'll need to learn and the
order to learn them in you can also go through an
86.4 -> online bootcamp curriculum like FreeCodeCamp, Zero
to Mastery or Ania Kubów's 12 hour bootcamp on
92.48 -> HTML, CSS and JavaScript. The benefit of following
a pre-made path is that you'll know what you need
98.4 -> to learn and when and as you go from one step to
the next you'll be able to see your progress and
103.84 -> feel like you're actually getting somewhere now as
you're following your path you might be tempted to
108.48 -> try to learn multiple things at the same time in
order to get through everything more quickly but
114 -> doing this may actually divide your attention
and make it harder for that knowledge to stick
118.56 -> so tip number two is don't try to learn everything
all at once but focus on learning one thing at a
124.24 -> time I recommend staying on one subject until
you feel you have a decent grasp of the basics
129.76 -> at least when you're starting out for example
let's say you're learning html first once you
134.88 -> feel like you know most of the common tags and can
build a very basic html web page you can move on
140.16 -> to learning CSS then in the future if you come
across an html tag that you're not familiar with
145.76 -> you can take some time to learn about that
specific tag tip number three be an active learner
152.16 -> don't just passively consume content sitting
back and watching an instructor go through the
157.12 -> material without trying anything yourself is not
going to get you very far instead try to do some
162.96 -> combination of taking a new information and then
trying it yourself in real life for example I went
168.64 -> through Wes Bos's CSS grid course back when I was
first learning about grid what I did was I would
173.68 -> watch the video and try to code along with wes
through the lessons if I didn't fully understand
178.8 -> something I would go back and watch it again and
after each lesson I would pause the course and try
183.76 -> to build the lesson examples on my own without
looking back as much as possible this trying to
189.68 -> create what you've just learned without looking at
the source code is a great way to see how much you
194.24 -> actually remember and it'll very quickly help
you identify the weak points in your knowledge
199.12 -> so you can then go back and fill it in after the
course was done I felt like I had a basic grasp
204.16 -> of CSS grid but I wouldn't consider myself an
expert by any definition and I think that's okay
210.56 -> because I could try to use grid when building
website layouts and if I ever got stuck on
215.12 -> anything I could refer back to the course or
other resources like Mozilla Developer Network
220.24 -> learning new skills and coding is a combination
of learning the knowledge and putting it into
224.72 -> practice which brings me to tip number four don't
just memorize stuff remember back in school when
231.04 -> you were learning vocabulary words and history
dates you might have studied lists of facts and
235.76 -> memorized them so that you could regurgitate
them for tests and quizzes now I'm not here to
241.04 -> debate the pros and cons of rote memorization
however trying to learn html by just memorizing
246.08 -> lists of all the html tags is not going to be very
effective coding is an applicable skill not just a
252.24 -> collection of abstract facts obviously you do need
to be able to remember things in order to use them
258.16 -> but you're going to learn flexbox a lot faster
if you explore all the different properties by
262.88 -> playing around in a code pen for a day or two as
opposed to just memorizing the definition of flex
267.84 -> grow no web developer is going to know everything
off the top of their head I can attest to this
273.04 -> as someone who worked in the industry for a long
time and worked with other professional developers
278.4 -> we all used Google or DuckDuckGo if you care
about your privacy to look up stuff constantly
284.16 -> in a way Stack Overflow, MDN, and CSS Tricks
become kind of like an extension of your brain
290.24 -> the goal of all this is to be able to build
websites and if you need to look up stuff
294.64 -> along the way that's perfectly fine everyone
does it and that brings me to tip number five
300.32 -> build stuff I know everyone says this but it
really is the best way to learn coding watching
305.84 -> tutorials and going through courses is the
beginning not the end of learning web development
310.88 -> at my first web dev job I would be given a
project like building a landing page with a button
315.6 -> and getting it to submit to a database now since
this was my job I had to build it I didn't really
321.44 -> have a choice and oftentimes I'll be given a task
that I had no idea how to do scary right the only
327.52 -> solution was to jump right in and try my best I
would look stuff up and try things on my own and
333.04 -> ask for help when I really was stuck even though
the process of figuring this all out may have
337.6 -> been very painful at times it was all worth it in
the end when I got to look at my finished website
342.88 -> and this is one big benefit of learning by
building projects having a tangible goal in
347.52 -> front of you is great because when you reach it
you'll feel like you've really achieved something
351.92 -> if you're looking for project ideas don't worry
because there are tons of them on the internet
356.96 -> search for things like "javascript project
ideas" or "react project ideas" you get
361.84 -> the picture and personally I always recommend
FrontendMentor.io for front-end projects that
366.8 -> are also great additions to your portfolio I've
built a few Frontend Mentor projects on my channel
372.32 -> and if you're interested you can check out
Building a Responsive Website from Scratch
376.08 -> and more recently, Building a Social
Media Dashboard with a Dark/Light Toggle
381.28 -> and if you do watch these don't forget to
code along with me as you watch anyway if
386.08 -> you're currently learning to code I really
hope that this video has been helpful for you
390.56 -> let me know down in the comments what you thought
and if you have any more tips that you found
394.8 -> useful feel free to share those as well so thanks
for watching and we'll see you in the next one :)
Source: https://www.youtube.com/watch?v=s6dMWzZKjTs