CSCI 340 - Lab 5
Javascript and jQuery
Overview
In this lab, you will practice using your Javascript and jQuery skills.
Materials
Tutorial
Follow the tutorial on Codecademy for Introduction to jQuery
to learn and practice basic skills in Javascript, JQuery, and AJAX.
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.
Open up CodePen.io. Create a free account. When you Save
the page, you can copy and paste the link to share your work.
Your webpage should include at least
- multiple input buttons
- multiple images
- multiple header levels
- aesthetically pleasing to Goadrich 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
Turn in the link to your CodePen website on
Moodle, and a screencapture of your
certificate of completion from Codecademy.
Grading
Your code must pass the HTML and CSS validators, and include all the elements
described above.
© Mark Goadrich, Hendrix College