Skip to content

Instantly share code, notes, and snippets.

@dimroc
Created April 21, 2015 18:15
Show Gist options
  • Select an option

  • Save dimroc/8bc86162e1456d8ac272 to your computer and use it in GitHub Desktop.

Select an option

Save dimroc/8bc86162e1456d8ac272 to your computer and use it in GitHub Desktop.
MwWaYp
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<p>Name: <input type="text" ng-model="name"></p>
<p ng-bind="name"></p>
<div id="circle"></div>
</div>
</body>
</html>
// 1. Animate the circle in BOTH javascript and css
// explain benefits of each
// 2a. Retrieve via Ajax your local weather via
// http://openweathermap.org/current
// api.openweathermap.org/data/2.5/weather?q=London,uk
// 2b. After retrieving the weather, retrieve a photo corresponding to the weather.
// Discuss promises
#circle {
height: 50px;
width: 50px;
border-radius:25px;
background-color: teal;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment