| $(document).ready(function() { | |
| ////////////// | |
| // EXERCISE 2 | |
| // Add your code below here so that an alert message pops up when you press that button | |
| $("#exercise2Button").on('click', | |
| function() { | |
| alert("You rock!"); | |
| } |
| /* | |
| Exercise Nouveau! | |
| */ | |
| console.log("exercise nouveau!"); | |
| person1 = { | |
| name: "Pippi", | |
| gender: "Female", | |
| city: "Stockholm" | |
| } |
| <h3>Overview</h3> | |
| <p>Up to this point in the course you have learned how to add style to your | |
| web pages by inserting a style section using the <strong><style></strong> element. But what | |
| if you want to change the look of the entire website? If your entire website | |
| was built with style definitions inside each page, that would mean going back | |
| into each page individually and changing the style. Fortunately, CSS provides | |
| a means of using an external style sheet to control the presentation of a large | |
| set of web pages. With an external style sheet, if you want to change the font | |
| style (or any other style definition) across an entire site, you only have | |
| to change it in one place. </p> |
| - Find an API that supplies the data. | |
| - I found the one that MarineTraffic.com uses (http://www.marinetraffic.com) | |
| - Open your computer's terminal, and paste this: | |
| curl 'http://www.marinetraffic.com/ais/getjson.aspx?sw_x=0&sw_y=70&ne_x=30&ne_y=80&zoom=6&fleet=&station=0&id=null' -H 'Referer: http://www.marinetraffic.com/ais/' | |
| - This shows you all the data. You will now need to automate calling this API | |
| - Get the data from the API using something like jQuery: | |
| - Documentation: http://api.jquery.com/jQuery.getJSON/ | |
| - Tutorial :http://www.youtube.com/watch?v=3hN4PrJ7R6A |
| FS.keywords = { | |
| function: 'funktion', | |
| if: 'om', | |
| else: 'annars', | |
| for: 'för', | |
| while: 'medan', | |
| return: 'återvända', | |
| do: 'göra', | |
| var: 'var', | |
| in: 'inne', |
| $(document).ready(function() { | |
| $("#search").click(function() { | |
| $.getJSON('https://api.instagram.com/v1/tags/snow/media/recent?callback=?&access_token=198349558.f59def8.84479f9173f144df8374d6f0edefaf5d',function(data){ | |
| $.each(data.data, function(i, post) { | |
| $('body').append('<img src="' + post.images.standard_resolution.url + '"/>'); | |
| }); | |
| }); | |
| }); | |
| }); |
Your task is to create an instagram viewer.
We are going to create an app that displays the most recent popular images.
| <script> | |
| function logMemory() { console.log("Heap use(MB): " + window.performance.memory.usedJSHeapSize / 1000000, ", Total heap size(MB): " + window.performance.memory.totalJSHeapSize / 1000000) }; | |
| window.things = {}; | |
| things.array = []; | |
| function leak() { | |
| for(var i = 0; i < 5000000; i++) { | |
| things.array.push("test string"); | |
| } | |
| } |
| HTTParty.post('http://localhost:3030/widgets/karma', | |
| :body => { auth_token: "YOUR_AUTH_TOKEN", current: 1000 }.to_json) |
| curl -d '{ "auth_token": "YOUR_AUTH_TOKEN", "current": 100 }' http://localhost:3030/widgets/karma |