I don’t feel like I have grasped any concepts
But if you’ve got the building blocks, then that’s a step in the right direction.
This is why I feel lost when I got thrown into this Tribute Page project without any kind of guidance.
Yes, the training is a little spotty. You’re expected to do some side research. And as far as guidance, that’s what the forum is for.
I saw that there was only a single CSS code written, but when I started thinking about what to do,
CSS was the first thing that came to my mind.
Then do it with more CSS. My tribute page had 3 CSS entries. If I did it now, it would probably have more since I understand CSS better now. There’s more than one way to do it. It just depends on how much control you want on the styling or how much you want to rely on built in HTML formatting. And of course, he’s using bootstrap, which is CSS, just a preloaded one. If you want to do your own, then go for it. As my music theory teacher used to say about analysis - “There are several correct answers. There may be an infinite number of wrong answers, but there are definitely several correct ones too.”
- Is this normal?
- How can I continue with the project?
- Does my webpage have to look exactly similar to the example webpage?
Nope, not at all. Just make if fit the user stories and look good and work well.
- Is it ok if my code is not optimal (such as having a lot of extra ‘unnecessary code’ to achieve something)?
No. If there is any extra code, then fCC is going to send Guido and Luigi over to your house to break your legs. It’s your first project. Don’t worry about it. Looking back, knowing what I know now, I’d have done some things differently. I intend to go back and spruce it up.
I am also thinking of getting some books to complement my study (I really want to switch my career),
so if anyone also has any great books to recommend, I thank you in advance.
There was good post about this - https://forum.freecodecamp.com/t/computer-guide-get-job-ready-with-1-fcc-cert-3-projects-2-courses-and-10-books/64027
People often get stumped on this first project. This is my standard advice:
I think one of the great lessons from the movie The Martian is that when you are confronted with a problem to large to comprehend, break it into smaller pieces and work those problems. Don’t think that you need to visualize the entire problem all at once – that’s for the pros. Just take on one little problem at a time. Keep breaking things up into smaller problems until you get down to a problem small enough to handle.
Let’s look through the user stories.
1) User Story: I can view a tribute page with an image and text.
OK, can you create a web page in codepen? Do you know how to add text? Don’t move on until you can. Can you add an image? Don’t move on until you can. Do you know how to manipulate and format these? Don’t move on until you can. Seriously, don’t move on until you can do any of these steps.
2) I can click on a link that will take me to an external website with further information on the topic.
Do you know how to put a link into a web page?
My advice is to break things into small problems and test them. Don’t get too complicated too fast. Don’t make 10 changes at once until you’re a good enough coder to do that. Make one change and test. Make another change and test. Etc. And don’t get too complicated if you don’t need to.
Research those small problems and test them. Read-search-ask - it’s a great motto. If you get to the point where you are stumped, then ask the forum, but be specific. Don’t say “I’m stumped on this build.” Say, “I can’t figure out how to put a link into a page.” Ask for small, specific problems and you’ll get better results. (And you could probably google that first and get 1000 results.)
Lastly, see what others have done. Yes, you can look at other people’s pages. Obviously try for yourself first, but if you’re stuck, see how someone else did it. As long as you understand what they did, you’re still learning.
Just keep it simple. You can go back and spruce it up later. This is what I did. I fully intend to go back and clean it up and improve it later, but its good enough for now.
Relax. Go back to basics. Ask specific questions.