All language subtitles for 005 Challenge 2_en

All right guys.

Here comes the challenge

number 2. Are you ready?

All right.

So in the app.js when you first downloaded it we had three of these constants at the top and

they just contain a whole bunch of Lorem Ipsum and randomly generated text.

But let's say that this is some content that's in our server and we want to be able to deliver it over

to our home page using EJS.

Now this challenge is about doing exactly that.

How much can you make this home starting content be displayed inside our home page inside a paragraph

tag so that when you head over to our home page on localhost:3000 you not only get the h1 that says

home, but also the same text that's held inside that constant which is home starting content?

So that's the challenge. Pause the video now and give it a go.

All right.

So currently inside home.ejs

all that we have is an h1 tag.

Now in order to complete this challenge we need to also have a paragraph element in here. And the text

that's going to go into that paragraph element is going to be the text that's inside home starting content.

So you'll need to render that variable using the correct EJS tag in order to see the content in this

page.

So with that hint and maybe a little bit of googling around what we just talked about, see if you

can complete the challenge now.

All right.

Here's my second hint.

So we know that we need to have a paragraph element in here. And in between the paragraph element is the

text that we want to show up on our Web page.

So the text that we want is going to be rendered dynamically using EJS. And to do that we need the

EJS tag that does that.

So if we head over to the EJS docs, you can see the tag that we've been using so far which is the one

that outputs the value of a variable into the template. And it's in fact even the one that they show

in the header. And in between that tag is going to be the name of the variable that you passed over to

the EJS template.

So with that hint see if you can now complete the challenge.

OK.

This is hint number 3. Inside this paragraph tag

let's add that EJS tag that we showed you earlier on the one with a angle, a percentage sign and

an equal sign in the closing part of the tag is just a percentage sign and an angle bracket.

Now in between these two parts is going to be in the name of the variable that we're going to pass into

here.

So let's give it a name. Let's call it just starting content.

And now we need to pass over a variable with that name to our home.

ejs from our server, our app.js.

So see if with that hint you can now complete the challenge.

All right.

This is my fourth and final hint.

Currently our res.render method is only rendering the home.ejs page.

If we wanted to pass in a variable, we would add a comma and then we would pass over a Javascript object.

So we know that Javascript objects are a key value pairs that are inside a set of curly braces.

So you need to provide a key and a value.

The key is going to be the variable that you'll be able to tap into

inside your home.

ejs and the value is whatever it is that you want to pass over that comes from this current page which

is the app.js.

Now with my final hint see if you can now finally complete the challenge.