I did Cat Photos and Cafe Menu and I feel like I haven't learned anything

For the experts, do you think I should redo them until I memorize and understand everything first and then move on to the next project?

1 Like

try to apply the concepts instead, you can open a thing like codepen.io and write a small page with the things you have learned

1 Like

Memorization is definitely not required at all!

1 Like

I am not an expert but still going to provide a thought. Going through the Cat Photos and Cafe Menu steps is like learning the ABC in language writing communication. And I really mean A, B, C, not even D, E, F in the alphabet.
If we were to judge that we haven’t learned anything in how to write to communicate after learning just A,B,C, then we are right. But at one point (different for different people) we learn how to write in our language enough to communicate our thoughts.
I compare that to what you are asking about.
Continue learning by doing and failing and succeeding and doing.

2 Likes

A big point of frustration for a lot of people is the feeling that they need to memorize and understand everything, but memorizing and understanding everything is impossible. You want to get to a point where you can say to yourself, “I don’t remember exactly how to do this, but I know it’s possible and I know how to figure it out.”

Cat Photo and Cafe Menu should give you a general idea of how HTML and CSS works. It really takes a good amount of time to get used to it.

After you’re done with the Responsive Web Design Certificate, if you want more practice, here is one of my favorite free resources: Learn HTML and CSS (scrimba.com)

2 Likes

How I get it remembered is “How do I use it?”

For example, you only need to learn how to use an element, like using javascript from a paragraph.

I use this for my element database

Name: HTML/CSS/JavaScript Snippets
Id: wscats.html-snippets
Description: HTML/CSS/JavaScript/Jade/Pug/Less/Sass/Stylus/ES6 Snippets Support
Version: 1.0.6
Publisher: Eno Yao
VS Marketplace Link: HTML/CSS/JavaScript Snippets - Visual Studio Marketplace

That tells me what the element is for and sometimes gives me building blocks to use it

Example

Screenshot 2024-03-27 10.24.28

And I attempt to remember how to use it

Example code

full code
<!DOCTYPE html>
<html>
    <head>
        <title>The title goes here</title>
        <script>
            //this is javascript :)
            randomjavascript(boo) {
                window.alert(boo)
            }
        </script>
    </head>
    <body>
        <h1>Some random main header :D</h1>
        <h2>Some random subheader :/</h2>
        <p><small>hehe</small></p>
        <p>What is going on here?</p>
        <p onclick='randomjavascript("you clicked me... HAHAHHAHAHAHAHAHAHHAHA lol...")'><strong>BEKFAST</strong></p>
        <a href="https://gravatar.com/lucasmutter"><img src="https://gravatar.com/avatar/2094db38ffda38acfe565ae318c16fcc" alt="My Gravatar for the Terraria Forums"></a>
        <a href="https://gravatar.com/lucasmutter"><img src="https://gravatar.com/avatar/05f9366856866b5f25a7c98cda855b8e?size=256" alt="My General Gravatar"></a>
    </body>
</html>

You may be different, learn to your style; teach yourself, learn from a professional, learn from AI, do whatever. The choice is yours.