What’s a good way to learn front-end without just copying tutorials?

November 10, 2026 4 answers
Asked by m6__Trellix

I’m starting out with front-end development and want resources that explain why things work, not just what to type. What would you recommend, and how should I use them?

Answers

D3+Nubrick

The Odin Project is a solid free, structured path with projects along the way. Take your time with each section, and try to understand the ideas rather than racing through the material. When a topic still feels unclear, use MDN as a reference for a more detailed explanation.

7X!Fascia:

Is the Odin Project free to use?

h5.Croissant:

Yes, it’s free. I’d treat it as a curriculum, then make small projects of your own to check that you can use each concept without following the same steps.

Reply to this answer
R4-Quindle

MDN is worth getting comfortable with early. It can feel less hand-held than a video course, but its explanations are useful when you want to understand a specific HTML, CSS, or JavaScript feature. Pair it with small exercises, like a simple calculator or to-do list, instead of reading documentation from start to finish.

Reply to this answer
2W+Hoblet

Scrimba may suit you if you like learning by watching someone explain a concept and then editing the code right there. That makes it easier to go from seeing an example to trying it yourself. I’d still make your own little variations, because following along alone can give you a false sense that the material has clicked.

Reply to this answer
K7__Drefter

Pick one structured resource and stick with it for a while. Bouncing between random tutorials is an easy way to feel busy without retaining much. After each topic, close the lesson and build something small from memory, then look things up when you get stuck. That struggle is part of learning, not a sign you need another course.

Reply to this answer

Add your answer

Answers are reviewed before publication.

Related Discussions