First, pick a subject. Have any heroes? Just pick someone or something.
Next, decide where to do it. Cloning the codepen pen is probably the easiest.
And then start with the user stories.
User Story #1: My tribute page should have an element with a corresponding id="main" , which contains all other elements.
Do you know how to do that? Then move onto the next one.
Making the transition to the first projects is difficult. Just give it a try. If you run into trouble, just let us know. I just suggest that you should keep the questions specific.
I would suggest, instead of starting directly with the project, that you experiment with, and elevate your skills and understanding, by following along with a few Tutorial Website Builds.
This serves two purposes:
It will increase your hands-on knowledge and comprehension of HTML and CSS for website building, and it will increase your feeling of competence to address and understand the requirements of the FCC certification projects.
LINK TO FULL LIST OF FREECODECAMP WEBSITE PROJECT BUILDS
I might suggest skipping the “build your FCC portfolio site” video. That’s basically copying off someone else’s homework. A video on the basics of setting up a site can be good. If you’re having trouble, I might suggest sticking with codepen for the first projects so there is less to worry about. You might search for a generic video about using codepen. It’s up to you.
The suggestion is to gain proficiency, not to use the code as the Basis of the Project. Simply to expand the Skillset, and become more comfortable with the structure.
I think it is important to be able to produce the highest Quality work possible, as soon as possible, to gain a competitive edge and have confidence in One’s Abilities.
But, then, I require of myself a very High Standard… perhaps others feel comfortable producing and exhibiting work that is lower than their capabilities allow for.
Perhaps, It’s simply a difference of personal Expectation.
Over the years, I have tutored people in Math and prepared them for the IELTS, and I always attempted to prepare them to reach their Highest Possible Standards.
I think the point is the subject is the same and it might be a little too much hand-holding if the code can be used directly for one of the challenge projects.
There is zero expectation for this first project. You are not meant to be able to craft anything remotely professional at this point. It is a simple challenge with a few simple requirements that anyone that has done the starting part of the curriculum should be able to fulfill. It might not look good, nor is the code going to be great. But passing the requirements should be very doable.
Start as simple as you can and just make the tests pass. Then you can make improvements as you see fit. Or just move on to the next challenge project. The point of the challenges is simply to get your feet wet and start building stuff.
Edit: That isn’t to say I disagree. You should look at whatever resources you can find to help better your skills.