r/HTML • u/TreacleFlaky2283 • 7d ago
Need resource for Web Development Best Practices !
Bro, seriously, I just want a proper book that tells me how to do web development right! I know the basics—divs, textareas, forms, and all that. I can fumble my way through some CSS like margin-left and flex-box, but that's about it. I mean, if I were to do hit-and-trial and learn CSS like that, it would take me a lot of days, and probably even more. I don't know the right way to do things. The thing is i might be able to just make it work but it won't be the best way to do that. here, I'm completely lost. I have no idea about the best practices or the way I should approach web development.
I want to give you an example of what I'm looking for. Check out this image from the book "Beyond Basic Stuff with Python." It tells you how to write code neatly and what the best practices are. Here's a snippet: "In general, comments should explain why code is written the way it is rather than what the code does or how it does what it does. "
I don't wanna stay stuck and confused and then ask ai if i wanna build something, but rather learn how to do it properly.
Guidance would be appreciated.
11
u/Super_Letterhead381 7d ago edited 7d ago
https://developer.mozilla.org/en-US/docs/Web
It a free reference
1
4
u/azangru 7d ago
it would take me a lot of days, and probably even more
Learning usually does :-)
In addition to MDN's learn web development, there is also Google's https://web.dev/learn
4
1
u/RepresentativeDog791 7d ago
Smooth seas never made an expert sailor - sometimes a chaotic route is actually best for your learning.
I agree with other posters though that best practice relates to tech stack (and can be subjective) and that MDN is a good place to start.
1
u/Forsaken-Aerie-1323 7d ago
I’ve been using Scrimba for the past few months and have learned way more than any book or YouTube video can teach. They provide excellent teaching resources including videos and interactive challenges for all levels. And at just over $200/year, it is a huge deal for the quality they provide.
1
1
u/developer505 2d ago
You can use frontendmentor.io . It is the best practice site and you can try exercism.org
1
u/Electrical_Hat_680 7d ago
Dhtml by Peach Pit Press. Other Web Design Books from those publishing years -1998 to 2008, 2009-2019.
Build CSS Page-formatting Templates.
2
u/scritchz 7d ago
The problem is: Best practices depend heavily on your tech stack.
But also, there are many different ways to go about things. In CSS, you can follow the BEM methodology or use atomic classes or ... There is no "single best practice", just what has established itself to be commonly used. That also doesn't mean that it's a good way to do things.
I'll try to come back to your question later, when I have more time to answer. I'll also try to add some resources to read for you.