David Miles Web developer

JavaScript Portfolio

david@cowarama.com

• Jump to:
• Web development
• JavaScript
  • Object-Oriented JavaScript
  • jQuery
• Web design
• Flash

• Object-Oriented JavaScript Return to top

  The scripts below were all used for experimentation with JavaScript's OO capabilities.

  • Calendar

    This script includes a Calendar class that allows you to traverse through the months of a year, while keeping the current day selected. It includes DOM manipulation and a reliance on the JavaScript Date class.

    View this project   View JavaScript source

  • Photo Gallery

    This script creates a simple photo gallery. It focuses on DOM manipulation and event handling.

    View this project   View JavaScript source

  • Form Validator

    I created an adaptable form validation class that accepts anonymous functions as a way to provide the ability for complex validation. This script includes DOM manipulation and several extensions to built-in JavaScript classes, including the RegExp and HTMLCollection/NodeList classes.

    View this project   View JavaScript source

  • Clicking Game

    I created a very basic iPhone game using Objective-C, and this is a simple port of that game to JavaScript. This script includes JavaScript namespacing/packaging, the use of timers, and a whole lot of DOM manipulation. The built-in JavaScript Math class was also extended for easy creation of random integers.

    View this project   View JavaScript source

  • Transcript XML Parsing

    This script uses AJAX to automatically load and then manually parse an XML file. The parsing is done with basic DOM functions, but the XMLHttpRequest object is created and manipulated through a custom JavaScript class (AjaxRequest).

    View this project   View JavaScript source

• jQuery Return to top

  The scripts below are all being used in some capacity in a live website.

  • Cooley's Restaurant - CMS

    This is a website and custom CMS that I created for a friend as an experiment. The jQuery- and PHP-based CMS is fairly basic and allows the administrator to create "sections" for a page and re-arrange them on a per-page basis. This functionality is handled with jQuery to provide instant feedback to the user when manipulating pages.

    This script handles advanced DOM manipulation, event handling and binding, and includes the use of JSON as well as third-party jQuery libraries.

    For the best demonstration, visit the "Menu" page and then click "Edit this page" in the top right hand corner.

    Note: Authentication was turned off on this website for demonstration purposes.

    View this project   View JavaScript source

  • Sterling Says - Rating System

    This is a website I created which features a simple social rating system, much like websites like Reddit, for quotes from a television show.

    This small script uses AJAX to request a vote update, and receives and parses a JSON response. It features DOM manipulation, the use of JSON, and the use of a third party jQuery library.

    View this project   View JavaScript source