Doing better on projects a little

You Can Do This!
1

Hey everyone im proud of starting projects on codepen. I feel stuck due to no instructions like the lessons. Any advice on how to search to make them from scratch or should I be doing it with read me like front end mentor instead. I am not learning ui ux design so its difficult. i forget so much after doing first certificate.

2 Likes
2

Let’s see if I understood your concern…

Codepen is easy for beginners to make new projects. In/at the beginning, it looks like intimidating, but it’s not!

  1. You must login on Codepen;
  2. Create a new Pen (on mobile phone, for example, you must click on the up left of your screen);
  3. You will see some tabs, like: HTML, CSS, JS (you can click on gear symbol, on the up right if you are navigating using a mobile phone);
  4. If you clicked on the gear symbol, you can configure anything (I recommend that you read the official Codepen’s instructions);
  5. And if you didn’t click on the gear symbol and stayed on the gray screen and tabs… click on HTML tab and start to write anything that can show and work inside body (to use Codepen, you don’t need to write html, head and body tags). Example to write on tab called “HTML”; use h1 tags and write:

Hello, world!

If everything is fine, you will see the title on the console/screen.

Sorry my English (isn’t my first language).

2 Likes
3

Ok thanks i will keep trying not doing much on codepen. Dont know much of what I learned in html and css. I will do my best to just make things and look each element up as I go. Might also try frontendmentor to have lessons with read me and do those too on codepen or vs code.

1 Like