This was a project designed to display how to use jQuery
and Javascript to propogate a template page with content
based using jQuery calls to DOM elements in order to fill
the empty template with the information stored within the
JS files.
I was provided an engine javascript file and tasked with
filling the app.js file in such as way that it spawned
an array of enemy bugs and created boundries within the
game itself. I then had to create a function that detected
player colision with enemies and the water. If the player
collided with the enemies he was told he was squished and
prompted to play again, if the player made contact with
the water he was told he had completed the game.
This was a 2 part project, built in stages
with vanilla JS. Using no libraries except for jQuery. It
was first created to hold a single cat and track the number
of clicks on the single cat, then it was expanded to hold two cats.
Following which they asked us to expand it to 5 and add a
method for editing the current cat image number of clicks
and name in an Admin window that shows on button click.
We then followed that by creating a similar app but based
on using the ViewModel functionality of KnockoutJS, in
this way we simplified and compartmentalized the code base
more easily. Using the ViewModel structure to monitor
changes in DOM elements rather than having to define rules
ourselves in order to make changes to stored data.
Given a rubric to follow I had to develop a single page web app
that would use the Google Maps Javascript API, along with one other
of my own choosing, in this case Wikipedia. I decided to plot the
battles of Alexander the Great in his conquests moving east.
The content in the window is generated from Wikipedia dynamically
through an AJAX call on click via the marker or the list item. Design
and concept were left entirely up to us.
Send an Email
My GitHub Profile
My LinkedIn Profile
Given a rubric to follow I had to develop a single page web app
that would use the Google Maps Javascript API, along with one other
of my own choosing, in this case Wikipedia. I decided to plot the
battles of Alexander the Great in his conquests moving east.
The content in the window is generated from Wikipedia dynamically
through an AJAX call on click via the marker or the list item. Design
and concept were left entirely up to us.