Let's Battle!

Info Fetcher: AJAX and jQuery
Design I saw that this week's extra credit option was to use a different API. I looked through the public library link from the assignment and came up with the idea to have my program get multiple objects from the API source. I wanted to do this with trading cards so that the user could receive a randomized hand. The rest of this week's design is typical of my other pages: pretty simple. Though I decided a glow effect/transition would make the cards stand out.	Challenges There were two big challenges for this assignment. The first was implementing the functionality of getting a set of random cards. The second was customizing the display. One issue was that various cards were different sizes, so when they appeared they'd be all over the page. Formatting the display as a table solved the problem, but some of my CSS had to be redone.

Info Fetcher: AJAX and jQuery

Design

I saw that this week's extra credit option was to use a different API. I looked through the public library link from the assignment and came up with the idea to have my program get multiple objects from the API source. I wanted to do this with trading cards so that the user could receive a randomized hand. The rest of this week's design is typical of my other pages: pretty simple. Though I decided a glow effect/transition would make the cards stand out.

Challenges

There were two big challenges for this assignment. The first was implementing the functionality of getting a set of random cards. The second was customizing the display. One issue was that various cards were different sizes, so when they appeared they'd be all over the page. Formatting the display as a table solved the problem, but some of my CSS had to be redone.

Show me CSS!

Show me javascript!

Assignments

Main Page
Week 2
Week 3
Week 4
Week 5
Week 6
Week 7