7/31 Sara Ho

[saraashleyho]

Today I Learned

Resume Exercise Takeaways

Step 1 Create an object that houses all your data keys

const data = {
workExperiences: [array]
educationalExperiences: [array]
etc. etc

Step 2 create the render function which will house your HTML

function renderWorkExperience(workExperience) {
  return `[INSERT HTML HERE]

Step 3 Use the document query selector to select the applicable HTML id (or element)

const workExperienceContainer = document.querySelector('#work-experience');

Step 4 Transform your function using the map method:

const eachWorkExperienceHTML = data.workExperiences.map(renderWorkExperience);

Step 5 Join them all together using the join method:

const allWorkExperiencesHTML = eachWorkExperienceHTML.join('');

Step 6 Put everything into HTML using the .innerHTML method.

workExperienceContainer.innerHTML = allWorkExperiencesHTML;

Accessibility

• It's crucial that as developers we make our code accessible to everyone, not just the perfect user
• This isn't a nice to have, it's a need to have, and making our code accessible improves the user experience for everyone
• RBI works to attain "AA" levels of accessibility