I wonder if it would be a good idea if FreeCodeCamp had a few official mockups for each frontend project.
Reason for that is, not all of us learning web development are that keen on web design I, for example, don’t have much of a concept of how to make my page look good, and to be honest, I’m not all that interested in learning it, while I could spend the time coding instead
The way it is now, I typically make a barebones HTML version, then slap Bootstrap/Materialize on it, tweak a bit, and call it a day. Now, don’t get me wrong - CSS frameworks are great, and it’s good to know them, but I think that at an early stage of learning they can become something of a crutch when you are using them out of the box, without changing much.
If there were some mockups to replicate (in the form of images, or PDF files, or whatever the industry standard for a website mockup is), this could help the not-so-design-minded get into the nitty gritty of CSS more comfortably. Besides, I think replicating a website from a mockup is pretty much bread and butter for many web developers, so it could be useful skill to learn in itself.
Of course, this could be sidestepped by picking some existing project, and trying to replicate its look without peeking… but let me tell you, this is a hard temptation to resist when you consider design just something to get done with finally With a mockup, you can’t look at the code no matter how many moments of weakness you experience.
What do you think?