From 32ad3fa698e2f2e56e4a24ec80a0bb7eec6c8b32 Mon Sep 17 00:00:00 2001 From: jmark93 Date: Sun, 18 Dec 2016 20:01:43 -0600 Subject: [PATCH 1/2] gettingStarted The first change. --- src/assets/main.js | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/src/assets/main.js b/src/assets/main.js index 25601766..cd518508 100644 --- a/src/assets/main.js +++ b/src/assets/main.js @@ -1,5 +1,17 @@ $(function() { + +$.ajax({ + url: 'https://www.codeschool.com/users/jmark93/.json', + dataType: 'jsonp', + success: function(response) { + $.each(response, function(i) { + var favorite = $('.favorite-' + index); + favorite.find('p').html(city.name); + favorite.find('img') + .attr('src', city.image); + }); - // your code will go here +}; + //https://www.codeschool.com/projects/use-jquery-to-fetch-and-show-code-school-badges-using-ajax/build#answer-video + -}); From 3a36d6460e6f099e4ff602da9606a6a0d06ebe29 Mon Sep 17 00:00:00 2001 From: Mark McCall Date: Sun, 18 Dec 2016 20:47:24 -0600 Subject: [PATCH 2/2] basic code complete Basic Code Complete --- src/assets/main.js | 44 +++++++++++++++++++++++++++++++++----------- 1 file changed, 33 insertions(+), 11 deletions(-) diff --git a/src/assets/main.js b/src/assets/main.js index cd518508..49785708 100644 --- a/src/assets/main.js +++ b/src/assets/main.js @@ -1,17 +1,39 @@ $(function() { - -$.ajax({ - url: 'https://www.codeschool.com/users/jmark93/.json', + + $.ajax({ + url: 'https://www.codeschool.com/users/jmark93.json', dataType: 'jsonp', success: function(response) { - $.each(response, function(i) { - var favorite = $('.favorite-' + index); - favorite.find('p').html(city.name); - favorite.find('img') - .attr('src', city.image); + addCourses(response.courses.completed); + } }); -}; - //https://www.codeschool.com/projects/use-jquery-to-fetch-and-show-code-school-badges-using-ajax/build#answer-video - + function addCourses(courses) { + + var $badges = $('#badges'); + + courses.forEach(function(course){ + + var $course = $('
', { + 'class':'course' + }) .appendTo($badges); + + $('

', { + text: course.title + }).appendTo($course); + + $('', { + src: course.badge + }).appendTo($course); + + $('', { + 'class': 'btn btn-primary', + target: '_blank', + href: course.url, + text: 'Review Course' + }).appendTo($course); + }) + + } +});