The Algorithm Visualization Catalog is a comprehensive collection of links to algorithm visualizations, or AVs.

eL-CID: Learn Web Programming

Link(s)
http://www.boisvert.me.uk/
Topic(s)
Web Programming

Screenshots
eL-CID 1
eL-CID 2
eL-CID
eL-CID


Recommendation
  
Lecture Aide Recommended
Self-study Supplement Recommended
Standalone Recommended
Debugging Aide Has Potential
Works?
Yes
Delivery Method(s)
JavaScript
Project
N/A
Project Relationship
Stand-alone AV
Language(s)
English
Author(s)
Charles Boisvert
Institution(s)
Sheffield Hallam University
Activity Level(s)
Exploration, Questions, Slideshow, Step control, User data
Source Code License
Licensed under GPL
First Published
N/A
Last Modified
2011-07

Description

A series of interactive tutorials on various aspects of HTML/CSS/JavaScript web programming. Topics include implementing things like roll-over images, basic sorting functions, and calendars. Each tutorial is organized as a "slideshow" showing the process of editing a webpage or javascript program, with details about important steps and warnings about common mistakes. The system allows the user to run the current version of the page/program at any step, and also to edit it and run it.

Evaluation

Overall the AV is a solid self-study item which can prove to be most useful as a reference tool. For those familiar with web programming, this AV serves as a good review of some basic web programming. It is also excellent for beginners, as the user can not only step through each tutorial as so desired, but also has the ability to run the program at any step, as well as add in their own edits and then consequently run the program to see direct changes.The ability to freely move about the slideshow to view different steps allows the user to easily understand what has changed from step to step. At times the comments do not sync with the animation exactly, which might cause confusion.

Usage Notes

Go to the URL above, and click on any of the tutorials listed to start. On the top are navigation buttons to step through each step. On the bottom, users have the option of viewing the current program. To edit, users can click on the edit tab and add in their own edits.

 

You can get sourcecode from the site homepage, or through the Google Project site at https://code.google.com/p/elcid/.

Field Report(s)
References
N/A
Rating
0
No votes yet
Your rating: None
AV of the Day
No
Score
68