In this assignment you will use JQuery to call APIs for the weather and for Stack Overflow questions.
To start the lab, you must follow this GitHub Classroom link. This will create a private repository for you using our classroom site. We will only grade repositories created and submitted this way.
Once you "Accept the assignment" on GitHub Classroom, it will create a new repository for you and grant you access to it on GitHub. In order to start working on the lab, simply clone the repository to your laptop or other working environment.
In index.html, build a form that includes a text input and a submit button:
Then, in scripts.js do the following:
Create a JavaScript event handler that triggers when the Submit button is clicked. Inside this handler, use the value of the input field to send a request to the OpenWeatherMap API to get the current weather for that city. See the Wiki page on the Weather API for helpful information.
Once this is done, add some additional information from the returned weather info.
Optional: Add data from the forecast, which requires another API call.
In index.html, build a form that includes a text input and a submit
button, similar to the one for weather, but instead for querying Stack
Overflow. Then, in scripts.js do the following:
Create a JavaScript event handler that triggers when the Submit
button is clicked. Inside this handler, use the value of the input
field to send a request to the Stack
Overflow API to get a list of matching questions. Click the link
above to see an example of searching for JavaScript. You can view
the API documentation for
guidance. You can also use console output to inspect the returned JSON
from this API, like we show in the Wiki, and figure out the format
from there. This part you will do on your own.
Add some design to the page. You may want to put weather and Stack Overflow on separate pages, or use tabs from a CSS framework, or add other design elements.
In a footer, you must include a link to your GitHub repository, which must be stored in GitHub Classroom.
On Canvas, submit the URL for your website, which should be running on your DigitalOcean server.
When we grade these labs, we will award points using the following rubric:
| Item | Points |
|---|---|
| Search for current weather works | 30 |
| Additional weather info added | 20 |
| Search on Stack Overflow works | 40 |
| Uses good web design principles | 10 |
For the web design principles, you will receive 2 points for each for spacing, typography, color, consistency, and responsive design. We will subtract 1 point for a principle if you need some work, 2 points if you need a lot of work.