WEBVTT

0
00:00.180 --> 00:00.580
All right.

1
00:00.580 --> 00:03.320
Are you ready for the answer for this challenge?

2
00:04.530 --> 00:08.650
Now we know that we firstly need to include a header and a footer.

3
00:09.000 --> 00:13.480
So let's head into this compose.ejs page which is currently empty

4
00:13.830 --> 00:16.970
and add in those partials, the header and footer.

5
00:17.280 --> 00:20.440
And again to save time I'm just going to copy and paste this over here.

6
00:20.640 --> 00:23.550
But you should try and type it out if you have the time.

7
00:23.670 --> 00:29.580
Now inside here instead of having an h1 that says home it's going to be an h1 that says compose.

8
00:30.240 --> 00:32.370
And we don't have a paragraph tag

9
00:32.460 --> 00:36.350
instead we want a input that's of type text.

10
00:36.460 --> 00:42.720
I'm going to leave the name to be blank for now but I'm going to delete this value over here. And the other

11
00:42.750 --> 00:46.790
element we need is a button element and it's type

12
00:46.800 --> 00:54.620
is going to be of type submit so that when we click on it our form gets submitted. So later on when we create

13
00:54.620 --> 01:01.370
a form around this and we click on this button, it'll submit our form. And in between all tags we're going

14
01:01.370 --> 01:05.720
to give up button a title of publish.

15
01:05.740 --> 01:07.060
So now if we hit save

16
01:07.180 --> 01:10.020
this is still not enough to render a compose page.

17
01:10.190 --> 01:17.130
Remember if we want to be able to reach it through our server then we need to add a get method.

18
01:17.320 --> 01:28.280
So app.get, when people trying to get or reach /compose we're going to respond with res.

19
01:28.380 --> 01:35.600
render the compose page and we're not going to pass over any data for this page.

20
01:35.600 --> 01:44.440
So now if we hit save and we refresh our website we should be able to head over to home and if we change

21
01:44.440 --> 01:51.250
the URL to compose then that should take us to our compose page with our h1, our text input and our

22
01:51.250 --> 01:51.610
button.