Advanced Node.js Development

Adding the list item tag

We're going to start off with a list item using the li tag. We're going to go ahead and add a class, and we're going to call this class message. In there, we can add two divs. The first div is going to be the title area where we add the from and createdAt values, and the second div is going to be the body of the message:

<script id="message-template" type="text/template">  <li class="message">    <div></div>    <div></div>  </li></script>

Now for the first div we are going to provide a class, the class will equal message__title. This is where the message title information is going to go. We're going to kick things off in here by providing an h4 tag, which is going to render a nice header to the screen, and all we're going ...