Lab 7: Javascript and jQuery

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

Materials

Tutorial

Follow the first five sections 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 a website that incorporates Javascript to create an interesting interaction between these APIs.

Create a csci340/labs/lab6/ 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
  • 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

The images you use must be public domain images.

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

What to Hand In

Make a reflection blog post on your Jekyll blog about your experience completing this assignment. Was the Kahn Academy tutorial adequate training, or were the other elements you needed to succeed? What was frustrating about combining the APIs? What was exciting to get working?

Grading

Your code must pass the HTML and CSS validators, and include all the elements described above.