Skip to content

Commit 14db025

Browse files
Added live project from April course
1 parent 7ac5e5b commit 14db025

28 files changed

+384
-335
lines changed

1. jQuery Overview/7. ajax.html

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
$countriesList.append(
2626
$('<li />')
2727
.addClass('country-item')
28-
.html(country.name)
28+
.html(country.capital)
2929
);
3030
});
3131
return $countriesList;
@@ -51,11 +51,13 @@
5151
}
5252
});
5353

54-
$.get('http://restcountries.eu/rest/v1')
55-
.success(function (respCountries) {
56-
var $countriesList = createCountriesList(respCountries);
57-
$('#countries').html($countriesList);
58-
});
54+
$.ajax({
55+
method : 'get',
56+
url: 'http://restcountries.eu/rest/v1'
57+
}).success(function (respCountries) {
58+
var $countriesList = createCountriesList(respCountries);
59+
$('#countries').html($countriesList);
60+
});
5961
});
6062
</script>
6163
</body>

4. Consuming-Remote-Data/1. using-xmlhttprequest/cross-browser-xhr.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020

2121
<script src="cross-browser-xhr.js"></script>
2222
<script>
23-
sendRequest('GET', 'http://localhost:3000/students', true);
23+
sendRequest('GET', 'https://api.parse.com/1/classes/Question', true);
2424
</script>
2525
</body>
2626
</html>

4. Consuming-Remote-Data/1. using-xmlhttprequest/cross-browser-xhr.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
1-
// Generated by CoffeeScript 1.7.1
21
(function() {
3-
var getHttpRequest = (function() {
2+
var getHttpRequest = (function() {
43
var xmlHttpFactories;
54
xmlHttpFactories = [
65
function() {
@@ -32,11 +31,12 @@
3231
})();
3332

3433
function sendRequest(method, url, isAsync) {
35-
var httpRequest = getHttpRequest();
34+
var httpRequest = getHttpRequest(); //XHR object
3635
isAsync = isAsync || true;
3736

3837
httpRequest.open(method, url, isAsync);
39-
38+
httpRequest.setRequestHeader('X-Parse-Application-Id', 'Jbky6Cpo4PnzRbOnO82fMZ2evawgMDBOWHsimThO');
39+
httpRequest.setRequestHeader('X-Parse-REST-API-Key', 'NJTYQ5aNKeG3MjHsLkoS8Yl4odmqtHta0aAoO7q8');
4040
httpRequest.send(null);
4141
}
4242

4. Consuming-Remote-Data/2. ready-states/ready-states.js

Lines changed: 15 additions & 11 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

4. Consuming-Remote-Data/3. status-codes/status-codes.js

Lines changed: 9 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

4. Consuming-Remote-Data/5. http-request/http-request.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,19 +20,19 @@
2020
<div id="http-response"></div>
2121
<script>
2222
httpRequest.make({
23-
url: "http://localhost:3000/students",
23+
url: "https://api.parse.com/1/classes/Question",
2424
success: function (data) {
2525
var list,
2626
i,
2727
len,
2828
student;
2929
list = document.createElement('ul');
3030
jsonData = JSON.parse(data);
31-
len = jsonData.count;
31+
len = jsonData.results.length;
3232
for (i = 0; i < len; i += 1) {
33-
student = jsonData.students[i];
33+
question = jsonData.results[i];
3434
item = document.createElement('li');
35-
item.innerHTML = student.name + ' is in ' + student.grade + ' grade';
35+
item.innerHTML = question.questionTitle;
3636
list.appendChild(item);
3737
}
3838
document.getElementById('http-response').appendChild(list);

4. Consuming-Remote-Data/5. http-request/http-request.js

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

4. Consuming-Remote-Data/7. jquery-getJSON/jquery-getJSON.html

Lines changed: 19 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -19,18 +19,25 @@
1919
<body>
2020
<div id="http-response"></div>
2121
<script>
22-
var url = 'http://localhost:3000/students';
23-
$.getJSON(url, function (data) {
24-
var i, student, len, $studentsList;
25-
$studentsList = $('<ul />');
26-
for(i = 0, len = data.students.length; i < len; i +=1){
27-
student = data.students[i];
28-
$('<li />')
29-
.html(student.name)
30-
.appendTo($studentsList);
31-
}
32-
$("#http-response").html($studentsList);
33-
});
22+
var url = 'https://api.parse.com/1/classes/Question';
23+
$.ajaxSetup({
24+
headers: {
25+
'X-Parse-Application-Id' : 'Jbky6Cpo4PnzRbOnO82fMZ2evawgMDBOWHsimThO',
26+
'X-Parse-REST-API-Key' : 'NJTYQ5aNKeG3MjHsLkoS8Yl4odmqtHta0aAoO7q8'
27+
}
28+
});
29+
30+
$.getJSON(url, function (data) {
31+
var i, question, len, $questionList;
32+
$questionList = $('<ul />');
33+
for(i = 0, len = data.results.length; i < len; i +=1){
34+
question = data.results[i];
35+
$('<li />')
36+
.html(question.questionTitle)
37+
.appendTo($questionList);
38+
}
39+
$("#http-response").html($questionList);
40+
});
3441
</script>
3542
<p class='info'>This web page should be run on a server (localhost or in WWW).</p>
3643
</body>
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div style="border: 1px solid black; margin: 0; padding: 5px 15px; border-radius: 15px;">
2-
<h1>This is a partial HTML code</h1>
2+
<h1 id="head">This is a partial HTML code</h1>
33
<p>Sed vel nibh et odio porttitor interdum. Nam ultrices nunc tincidunt, dapibus erat a, pulvinar massa. Curabitur interdum nunc quis enim tristique, eu feugiat justo rutrum. Morbi accumsan tellus nec hendrerit molestie. Morbi feugiat nisi eros, sit amet tincidunt augue dignissim id. Morbi sodales rhoncus euismod. Nunc id neque sed purus congue feugiat quis sed libero. Etiam et pretium magna, non tempus nunc. Nulla ut elit adipiscing, hendrerit sapien ut, condimentum arcu. </p>
44
<p>Duis tincidunt augue nec elit commodo feugiat. Fusce pharetra fermentum odio, vitae tempor risus. Nunc rhoncus pharetra elit, vitae semper orci dapibus et. Ut faucibus ligula non metus sodales sollicitudin. Ut vitae ligula congue, laoreet tortor in, ultrices dolor. Pellentesque aliquam rutrum nibh, varius scelerisque urna. Maecenas suscipit, mi nec varius vestibulum, nisi ipsum aliquam odio, in dapibus augue ante at dui.</p>
55
</div>

5. Promises-and-Asynchronous-Programming/.gitignore

Lines changed: 0 additions & 1 deletion
This file was deleted.

0 commit comments

Comments
 (0)