CS 1100: Web Development: Client-Side Coding

Size

We have just completed ten weekly homework assignments, so you have a sense of the work required to complete the average assignment. This project should be roughly equivalent to three weeks of homework.

However, this project is not primarily about quantity of work. You will not be evaluated based on the number of lines of code you write or the number of web pages you build.

Content

Use what you have learned about HTML to define the content and structure of your project.

Use semantic elements that best communicate the structure of your pages. Use appropriate elements for any text or media on the page. Most useful sites will include some or all of images, links, lists, and tables. Links can be to local pages and to external sites.

A traditional web site will use a wide variety of HTML elements and attributes, whereas a single-page project may use a narrower selection targeted at user interaction.

Style

Use what you have learned about CSS to define the style and layout of your project.

A traditional web site will use a wide variety of CSS features for layout and presentation. A single-page project will still need a variety of features to present the information of the site or the interface of the application.

Interaction and Dynamic Behavior

Use what you have learned about JavaScript to add user interaction and dynamic behavior to your project.

There are no specific requirements for the amount of interactivity in your project. If you build a game, chances are there will be a greater variety of interactivity. If the project is a content-viewing application, there could be more content displayed in different ways in response to a variety of events.

You can also use JavaScript code to build elements for a web page from static data present in a script file. We saw examples of this kind of code in Sessions 23 (building a table of squares) and 24 (building a list of lists and a table of city data). Code could also select a random quote or image from an array defined in a file.

Projects with relatively little interactivity will likely have more, and a wider variety, of HTML and CSS.

Write Your Own Code

As noted in the previous section, this project is not primarily about the quantity of work. Please create a web site or application that is worth showing to an audience and worth adding to your portfolio. You will be evaluated on the quality of the code you write and the care exhibited in the project.

Please write your own code. If you feel that you must use a snippet of code available online, please contact me in advance. If approved, you will able to use it as long as you acknowledge in your documentation that the code that is not yours. However, such code will generally not count toward your grade.

Validate your HTML and CSS

Validate all HTML files using the W3C Markup validator.

Validate all CSS files using the W3C CSS validator.

Fix any errors. If one of the validators flags code that seems valid, or if otherwise you have any questions about a validator's output for a page, please contact me. (On rare occasions, the validators set an unreaonable standard.)

Grading

The project is worth 10% of your final grade. Following are the relative weights of each criterion in the project grade:

If you want to create a web site that you think deserves a different set of relative weights, feel free to contact me. We can discuss an alternate distribution.