Is there any benefit to spending time and making a good-looking style for the tribute page and first draft of the portfolio page? I’m more experienced than the first half of the freecodecamp lessons, so I’m not getting much out of these projects excepting having a perfect completion. I did satisfy the requirements of each project, so technically they’re fine, just ugly and silly!
I don’t think you need to worry about pixel perfect rendering. Basic bootstrap styles and some respectable color choices and some centering here and there is good enough. You don’t need make the portfolio of the millenium, but you want to have a little self-respect and put out something that doesn’t look like crap.
I have a hard time viewing your pages - none of the images load and I’m getting some CORS type errors for loading fonts in the browser console.
Access to Font at 'https://static.codepen.io/assets/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3-b7a87e0fbd213943fae0c0ef5985635dd43fa9c24876b2725127a13ccaf4ab6a.woff' from origin 'https://codepen.io' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'http://codepen.io' that is not equal to the supplied origin. Origin 'https://codepen.io' is therefore not allowed access. MVwrBr:1 Access to Font at 'https://static.codepen.io/assets/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3-446e9e68a40500d1b24a18331c6d6a78226d276079dcdc2ad9e80a48bdcfd948.woff2' from origin 'https://codepen.io' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'http://codepen.io' that is not equal to the supplied origin. Origin 'https://codepen.io' is therefore not allowed access. 7jQmVrw.jpg Failed to load resource: the server responded with a status of 403 () cgaMZWx.jpg Failed to load resource: the server responded with a status of 403 ()
Can’t diagnose now - gotta run.
Did a little research, imgur blocks codepen, but I wasn’t able to see that myself since I had the images cached. Should be fixed now! They’re just royalty free images of bears, so you weren’t missing much.
Uh, my experience…i started in similar condition and i had the same approach (fullfill user stories and go on). At the moment i’ve nothing to regret about…there’s so much to learn if you don’t want to focus in front-end stuff ( even if you want, but in this case you can go in-depth and use this knowledge in the challenge itself, especially the portfolio one).
If you’re aiming at some back-end path it’s a reasonable approach in my opinion ^^
Yes, I can see the images fine now.
If you look in the browser console, you’ll see some errors. On your portfolio, there is “mixed content” error because the photos are “http” and codepen wants “https” - change it and it will fix this. There’s also some weird CORS error on fonts but I can’t figure out what it is about.
Always check the browser console. It is one of the most important tools a web dev has. It is a great place to find errors and using
console.log is a great debug tool.
As to the quality of the projects (keeping in mind that I simply moderate the forum and am not involved in setting the FCC standards or evaluating projects so this is just my opinion) I would say that you’re doing the bare minimum of what is required. If your happy with that, then go for it.
From a learner’s point of view, the projects serve two practical purposes:
- A chance to learn more, apply learned knowledge, and deepen understanding
- A stepping stone to getting a generated certificate with their name on it (with the awarding organization body having minimal name recognition and no formal standing as an institution of learning)
You can probably tell which one I think is more valuable.
Having said that, #2 still has some value, especially to a job-seeker without other CS-related qualifications. So if the project doesn’t give you much in the way of #1 due to being too conceptually simple, just do the minimum you can to fulfill the user stories and then move on to the more nutritious projects.
For the portfolio page, you’ll want to come back later and improve on it before starting the job hunt, so don’t worry too much about getting it perfect the first time round.
Thanks for the insight! I think I’ll go back later and add a little more fluff so they aren’t embarrassing to be associated with.
Also much appreciation for the debugging tips. This is my first time using codepen, so I have some kinks to work out.