diff --git a/README.md b/README.md index 3ca3c37..3e09481 100644 --- a/README.md +++ b/README.md @@ -3,27 +3,29 @@ 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. -8. You should console.log your solutions -7. Run your file by opening your index.html page in Chrome +3. In your terminal, go into your wdi folder and type 'git clone' + paste the link. Make sure you're in `~/wdi` first! +4. Open this directory up in your text editor. +5. Paste the data object from data.js into the `js/app.js` file. +6. Type your solutions into the `document.ready` method. +8. You should `console.log` your solutions for the first set of problems. +7. Run your file by opening your `index.html` page in Chrome. 8. Rejoice! -0. As a warmup, try to output the following values: +0. As a warmup, try to log the following values: * the name of the course + * the full array of students + * all of the first student's information * the first student's id and full name * the number of students in the class - * a list of github usernames + * a list of GitHub usernames -1. Create a function `buildGithubLink` that transforms a single student's info into an html string, with the following format: +1. Create a function `buildGitHubLink` that transforms a single student's info into an html string, with the following format: ``` Linus Torvalds ``` -2. 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. +2. 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. +Extra points if you use built-in Array methods like `forEach`, `map` and `join` and only insert into the DOM once. diff --git a/css/styles.css b/css/style.css similarity index 100% rename from css/styles.css rename to css/style.css diff --git a/index.html b/index.html index 64cc01c..972e33a 100644 --- a/index.html +++ b/index.html @@ -8,14 +8,14 @@ - + - +
diff --git a/base.js b/js/app.js similarity index 55% rename from base.js rename to js/app.js index 35f3d68..f396c7f 100644 --- a/base.js +++ b/js/app.js @@ -1,4 +1,4 @@ -console.log("Sanity Check: JS is working!"); +console.log('Sanity Check: JS is working!'); $(document).ready(function(){