Hitchhikers

Daily Quiz Streak: 0

Quiz Accuracy Streak: 0

Question 1 of 5

Why do we use Handlebars templates? (Select all that apply)

It allows us to take data and combine it with standard templates we define to create output files

It removes the need to use JavaScript because allows components to be dynamic on a page

It is the only templating language available

Question 2 of 5

Why are comments useful in Handlebars?

They give useful context to the Admin or Developer editing the files

They appear in the HTML on a website, so any user can inspect and understand how the code is written

They allow you to add conditional logic based off the field values

Question 3 of 5

What is the most precise evaluation context if we are using the firstName and lastName fields in our Handlebars template?

{
  "personalInfo":
  {
    "nameInfo":
    {
      "firstName": "John",
      "lastName": "Doe",
      "middleName": "Adam",
      "suffix": "Jr.",
      "nickname": "Jack"
    },
    "addressInfo":
    {
      "city": "Austin",
      "state": "TX"
    }
  },
  "professionalInfo":
  {
    "linkedInUrl": "https://linkedin.com/john-doe",
    "headshotUrl": "https://johndoe.com/headshot.png"
  }
}

root

personalInfo

addressInfo

nameInfo

Question 4 of 5

Turtlehead Tacos wants to print a list of their menu items, along with calories and a link to the menu item. What's wrong with their code below?

Data:
{
  "menuItems": [
  {
    "name": "Taco",
    "calories": "100 calories per taco",
    "menuLink": "https://turtleheadtacos.com/tacos"
  },
  {
    "name": "Burritos",
    "calories": "500 calories",
    "menuLink": "https://turtleheadtacos.com/burritos"
  },
  {
    "name": "Chips and Guacamole",
    "calories": "600 calories",
    "menuLink": "https://turtleheadtacos.com/chipsandguac"
  }]
}
Handlebars Template:
<h1>Our Menu Items</h1> <ul>
  {{#each menuItems}}
  <li>
    {{menuItem.name}} | {{menuItem.calories}} | <a href="{{menuItem.menuLink}}">View Menu Item</a>
  </li>
  {{/each}}
</ul>

You can't reference menuItems in the each statement, it must be root.menuItems

You need to use `this` notation to reference the name, calories, and menuLink

You cannot add data inside an a tag attribute

Question 5 of 5

Turtlehead Tacos built their header in Handlebars, and wants to put it on every page on their site without copy/pasting the code. What Handlebars concept will help?

partials

if/else expressions

evaluation context

You're out of this world! 🌎