HTML Strings

For the following challenges you are going to use a provided data template.

2. Copy the clone URI from this repo.

3. In your terminal, go into your dev folder and type 'git clone' + paste the link. Make sure you're in ~/dev first!

4. Open this directory up in your text editor

5. Paste the data object into the JS file.

6. Type your solution into the document.ready method.

7. You should console.log your solutions

8. Run your file by opening your index.html page in Chrome

9. Rejoice!

10. As a warmup, try to output the following values:

    • the name of the course
    • the first student's id and full name
    • the number of students in the class
    • a list of github usernames

11. Create a function buildGithubLink that transforms a single student's info into an html string, with the following format:

    <a href="https://github.com/torvalds">Linus Torvalds</a>
    

12. Using the function you just built, create a function called renderGithubLinks that takes an array of students and adds their github links to the page.

Extra points if you use built-in Array methods like forEach, map, and join and only insert into the DOM once.