Major Projects

Project One: Background and Ambitions

Due Sunday, September 16, 11:59pm CT

Project Description

You will write three to four paragraphs about your background as well as your ambitions for this class and your career at IIT and beyond. Begin by writing this in either simple plain text (.txt) or Markdown (.md) in your text-editor of choice. Be sure to make frequent, descriptive commits in Git as you write.

Once you have finished your plain-text version, use git tag to tag it as plain-text. You will then create a basic structured HTML page out of your plain-text work (revision to your content is encouraged), styled with a separate, basic stylesheet in CSS that is linked to your HTML via the <link> tag. Commit this also to Git as you write.

Project Goals

    • Learn to work with plain text and do basic HTML and CSS source-formatting
    • Learn to name files for the web
    • Learn to organize files in a Git repository
    • Learn to share your work via GitHub
    • Learn some basics of HTML and CSS
    • Create a mobile-friendly, mobile-first design

Deliverables & Milestones

  1. Post to Basecamp the https:// link to your project’s GitHub repository containing the draft of your project. Include in your post a few questions for peer and instructor feedback (by Sunday, September 9)
  2. Respond with helpful feedback to at least 3 other student projects on Basecamp (by Thursday, September 13)
  3. An email to the instructor by Sunday, September 16 at 11:59pm CT containing:
    • The https:// link to your project’s GitHub repository
    • A 4-5 sentence self-critique of your project and your progress in class to this point

Requirements

  • All source files in UTF-8/Unicode character encoding with Unix-style line endings (LF), entabbed with spaces (two spaces per tab)
  • Valid, well-formed HTML5 and CSS
  • HTML-based fallbacks for any media elements (image, audio, video) that you include
  • Organized, readable source that is hand-written and original (no WYSIWYGs or code-generators)
  • A Git repository with frequent commits and meaningful commit messages that accurately reflect each set of changes that you make
  • Git repository must contain only the files and commits from this project

Project Two: Single-Page Web Presence

Due Sunday, October 28 by 11:59pm CT

Project Description

You will create a mobile-first, responsively designed single-page web presence for yourself or a club, organization, or business that you are affiliated with that currently has no web presence. If you already have a web presence that you do not wish to alter, you will create a GitHub homepage for yourself on github.io using GitHub pages.

Project Goals

  • Engage the rhetorical complexities of writing content for a single-page presence
  • Increase your sophistication in writing HTML and CSS
  • Make use of URL fragments and id attributes to construct on-page navigation
  • Employ mobile-first, responsive design techniques
  • Design to a typographic scale
  • Design to a basic grid system

Deliverables & Milestones

  1. Post to Basecamp the https:// link to your project’s GitHub repository containing the draft of your project. Include in your post a few questions for peer and instructor feedback (by Thursday, October 11)
  2. Comments on at least three other student projects on Basecamp (by Sunday, October 21)
  3. A class presentation of your in-progress work on either 9/26, 10/1, 10/3, 10/10, 10/15, or 10/17 (see Basecamp for your personal due date)
  4. An email to the instructor by Sunday, October 28 at 11:59pm CT containing:
    • The https:// link to your project’s GitHub repository
    • The URL with your live, posted project
    • A 1-2 paragraph self-critique of your project and your progress in class so far

Requirements

  • Valid, well-formed HTML5 and CSS
  • One single HTML file linked to one single CSS file
  • HTML-based fallbacks for any media elements (image, audio, video) that you include
  • Thoughtful use of media queries with breakpoints specified in em units
  • Organized, readable source that is hand-written and original (no WYSIWYGs or code generators)
  • A Git repository with frequent commits and meaningful commit messages that accurately reflect each set of changes that you make
  • GitHub repository must contain only the files and commits from this project

Project Three: Expanded Web Presence

Due Thursday, December 6 by 11:59pm CT

Project Description

Building on your expanding web design abilities, you will revisit your single-page presence and expand it to a multi-page or multi-page-like presence that provides greater user engagement and a stronger representation of yourself (e.g., through an online portfolio of work) or your organization (e.g., by showcasing activities, members, etc.).

Project Goals

  • Engage the rhetorical complexities of writing content for a multi-page presence
  • Revise an existing web project of your own creation
  • Experiment with creative ways to present examples of your academic or professional work
  • Increase your sophistication in writing HTML and CSS
  • Employ mobile-first, responsive design techniques
  • Design to a typographic scale
  • Design to a basic grid system

Deliverables & Milestones

  1. Post to Basecamp the https:// link to your project’s GitHub repository containing the draft of your project. Also post the URL with your live, posted project (either at your own domain or at username.github.io). Include in your post a few questions for peer and instructor feedback (by Thursday, November 15)
  2. Comments on at least three other student projects on Basecamp (by Sunday, November 18)
  3. An email to the instructor by Thursday, December 6 at 11:59pm CT containing:
    • The https:// link to your project’s GitHub repository
    • The URL with your live, posted project (either at your own domain or at username.github.io)
    • A 1-2 paragraph self-critique of your work in class this semester

Requirements

  • Valid, well-formed HTML5 and CSS
  • One single CSS file for controlling the design of all site pages
  • HTML-based fallbacks for any media elements (image, audio, video) that you include
  • Thoughtful use of media-queries with breakpoints specified in em units
  • CSS3 transitions that enhance user experience, where appropriate
  • JavaScript that does not throw any errors, if project uses JavaScript
  • Organized, readable source that is hand-written and original (no WYSIWYGs or code-generators)
  • A Git repository with frequent commits and meaningful commit messages that accurately reflect each set of changes that you make
  • GitHub repository must contain only the files and commits from this project, and possibly also Project 2

Project Four: COM 530 Students Only

Due Wednesday, December 7, 11:59pm CT

Project Description

COM 530 students will work with the instructor to determine a suitable, additional project. Project must be established and outlined by Thursday, October 11.