Lab 4: Javascript and jQuery

Overview

In this lab, you will practice using your Javascript and jQuery skills.

Materials

• List of Public APIs
• Public Domain Images
• Google Fonts
• jQuery Tutorial

Tutorial

Follow the first five Lessons of the tutorial on Kahn Academy for jQuery to learn and practice basic skills in Javascript and JQuery.

Description

Use the above link to find two Public APIs that interest you from two different categories. Your task is to create an interactive website that incorporates Javascript to create an interesting combination between these APIs.

Create a csci340lab4/ directory on your GitHub Pages repository. This is the directory where you should place your index.html, style.css, and script.js files for this lab.

Your webpage should include at least

• multiple input buttons
• multiple images (with proper usage rights)
• multiple header levels
• aesthetically pleasing fonts from Google Fonts
• aesthetically pleasing colors
• div tags with margins and padding
• Bootstrap framework for the layout of your webpage

You may use the code you wrote on Kahn Academy as a reference, but you must go beyond what you learned in significant ways.

Grading

To Partially Complete this lab, you must

• post your code on your GitHub account
• include all but two of the elements described above

To Complete this lab, you must do the above and

• post your code in the correct directory through your GitHub pages account
• make regular and sensible commits to GitHub
• include all the elements described above
• pass the HTML validator
• pass the CSS validator