A good way to think about the languages you’ve been learning is HTML is the structure, CSS is the style, and Javascript is the logic of your code. Since you aren’t working with Javascript, you are only working on the structure and style of the project. In this sense, you are an artist painting a canvas on a web browser. Looking at keywords, even if you are copying and pasting you should be able to get the gist of what is being asked of you. For example, what does <a><p><div><strong><em>
all have in common? They’re all elements.
So when we look at the first user story, we can already get an idea of what is being asked of us:
User Story #1: My product landing page should have a header
element with a corresponding id="header"
.
It is looking for a header element. Following the pattern of the previous elements we looked over, we can figure out that we are asked to create a <header>
element. But there’s more to it. The element should have an id of “header”… If we put it outside of the element e.g.: id="header<header></header>"
, well then it’s no longer part of the element, so that tells us it must modify the element itself to look something like this <header id="header">
. Now towards the end, the stories do get a bit more complicated, but this should start you on the path of figuring out how to complete each story.