einanas/connect-your-tribe-squad-page

Ontwerp en maak een website voor je squad met Node en JSON

Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md

Titel

Inhoudsopgave

• Beschrijving
• Kenmerken
• Installatie
• Gebruik
• Bronnen
• Licentie

Beschrijving

Kenmerken

Installatie

Gebruik

Bronnen

Licentie

This project is licensed under the terms of the MIT license.

connect-your-tribe-squad-page's Issues

Tip bij het invoeren van html in een data om iets op te roepen.

Het eerst fout die ik had gemaakt was dat ik mijn code zo onderelkaar had geschreven:

<%- include('./partials/head') %>

<h2>Students</h2>
<ul>
  <% persons.forEach(person => { %>
    <li><a href="./person/<%= person.id %>"><%= person.name %></a>, squad_id <%= person.avatar %></li>
  <% }) %>
</ul>

<%- include('./partials/foot') %>

<li>
  <section class="name of person">
    <h1><%= person.name %></h1>
    <img src="<%= person.avatar %>" alt="avatar van een student">
    <p><%= person.bio %></p>
  </section>
</li>

Maar ik kreeg telkens error te zien. Dus bij de code review met Krijn heb ik als tip gekregen dat ik mijn code beter zo moest invullen om de juiste data op te halen die ik nodig heb:

<%- include('./partials/head') %>

<h2>Students</h2>
<ul>
  <% persons.forEach(person => { %>
    <li>
      <section class="name of person">
        <h1><%= person.name %></h1>
        <img src="<%= person.avatar %>" alt="avatar van een student">
        <p><%= person.bio %></p>
      </section>
    </li>
  <% }) %>
</ul>

<%- include('./partials/foot') %>

Wat je eigenlijk kunt zien is dat ik de <li> gedeelte in de <% persons.forEach(person => { %> moest plaatsen om de juiste data op te halen door die code.