Extended Description: The course emphasizes a research-driven approach to web development that adheres to the relevant standards specifications governing the use of the web’s languages and protocols. All practices covered in this class give priority to accessibility and long-term use and sustainability. The course avoids entirely the lore and half-baked, quick-fix shortcuts that too often plague web development practice and instruction. Student work is organized around weekly work and particpation, and three major projects, completed both individually or possibly in teams. All projects emphasize the course’s hands-on, theory-grounded approach to web development.
Students completing this course will learn to:
- Select the proper mark-up tags or code to achieve a particular result
- Identify improperly used markup and code
- Produce modern standards compliant web pages
- Deploy web pages to a public server
- Thoughtfully evaluate and adopt only the most standards-compliant documentation, libraries, and development techniques
- Effectively comment on and format source code for maximum readability
- Track the development of a project over time and collaborate with others using version control
At the conclusion of this course, successful students will be able to:
- Explain the client and server architecture of the internet and related web technologies
- Deploy web pages to a Linux-based web server using sftp and more leading-edge methods, such as automated deploys integrated with version control
- Understand the history and track the ongoing development of web standard specifications from the W3C, ISO, IETF, and other specifications-issuing groups
- Engage in agile, iterative web development, supported by version control
- Write useful, descriptive messages attached to granular commits in a version control system
Books and Technologies
- Andrew, R. The New CSS Layout. A Book Apart, $11 (eBook), 9781937557683
- Keith, J. & Andrew, R. HTML5 for Web Designers, 2nd ed.. A Book Apart, $11 (eBook), 9781937557249
- Marcotte, E. Responsive Web Design, 2nd ed. A Book Apart, $11 (eBook), 9781937557188
- Santa Maria, J. On Web Typography. A Book Apart, $11 (eBook), 9781937557065
- Swicegood, T. Pragmatic Version Control Using Git. Pragmatic Bookshelf, $25 (eBook), 9781934356159
My policy for assigning books: Required Books are all required in the edition indicated; the total retail pricetag for the entire course should be less than $100 (this one is $69 on the high end, assuming you opt for the electronic formats); and each book should be worthy of a place on your bookshelf or electronic device of choice long after the class has ended.
I want to help you build your professional library while also being sensitive to your personal finances. While many things about the course calendar will change, the reading schedule will not. I invite you to hold off on purchasing specific books until closer to the time that we read them.
Required Materials and Technologies
- A blank, bound paper sketchbook of 100 pages or more
- An email account that you check regularly
- A browser- or cloud-based bookmarking scheme to aid your information management
- A Basecamp account (invite will arrive via email); Basecamp, not Blackboard, will be where we coordinate our work and communication in- and outside of class.
- A GitHub account (see note about anonymity in the course technology policy below)
- The domain of your name (e.g., karlstolley.com belongs to the instructor) or, if privacy is a concern, the domain for your public alias
A personal computer, running a Unix-based operating system, such as Linux, BSD, or
MacOS. A Linux running virtualized on Windows is fine, but Windows itself is not—you
will need access to a variety of dev tools that are hard to come by on Windows. Your
computer should also have the following software installed:
- A plain-text editor capable of syntax highlighting; set up to use UTF-8/Unicode character encoding and Unix-style line endings (LF), entabbed with spaces (two spaces per tab); Atom is a popular free and open-source choice
- Firefox Developer Edition (free)
- Git (free)
- Node.js (free)
- Image-editing software (such as the free and open-source GIMP)
- As many different browsers as your operating system supports (e.g., Chrome, Opera, Firefox, Vivaldi; all free)
- Project 1: 15 pts
- Project 2: 20 pts
- Project 3: 20 pts
- Production Problems: 25 pts
- Basecamp Participation: 20 pts
- TOTAL: 100pts
A = 90+ pts; B = 80-89 pts; C = 70-79 pts; D = 60-69 pts; E =< 59 pts
- A - Student has turned in all required components of a project, the work is exceptional in quality, and reflects the student’s dedication to adjusting the project to his or her own interests.
- B - Student has turned in all required components of a project, and the work is exceptional for undergraduate work.
- C - Student has turned in all required components of a project and submitted work that is acceptable as undergraduate level.
- D - Student has turned in all required components of a project, but the work is below undergraduate level.
- E - Student has not turned in all required components of a project.
All major projects for this course will be submitted via email to the instructor, at email@example.com, as will your initial Production Problem (thereafter, the instructor will directly check your fork of the Production Problems repository for your work). Emails should never include email attachments, but rather URLs pointing to your project’s Git repository. Examples will be demonstrated in class.
All HTML in project and Production Problem submissions must pass validation with the W3C Markup Validation Service. Any work whose HTML does not validate will receive a zero-point, failing grade. In the unlikely event that you discover a validation error or warning that is a genuine bug in the validator, you must acknowledge that bug in the email that accompanies your project, and point to the relevant documentation, such as specifications or an existing reputable bug report, that your source is in fact correct. Get in the habit of validating and linting your HTML before you commit your work to Git.
I do not accept late work. All work must be submitted before the date and time specified in each project description. Production Problems are due Sunday nights. ITMD 361 deadlines, including for draft work, are no different from exam dates in classes that have exams. I expect you to treat them accordingly.
Your active participation in Basecamp discussions is required both for your own success in the class, and for the success of the class as a whole. I do not give reading quizzes, but I assign a lot of reading. And I expect you to be prepared to discuss that reading, especially on Basecamp.
Course Technology Policy
Technology is an essential part of learning and day-to-day living. It is therefore essential to this class. You are just as responsible for learning to command various technologies as for any other course content. Difficulty with technology is not an acceptable excuse for being unprepared for class or late with assignments.
If you are having trouble with technology or any other material covered in this course, it is your professional responsibility to do research beyond the resources and guidance provided in class and find supplemental materials that work for you. I also encourage all students to contact me during my office hours or at another arranged time. I prefer that you contact me via Basecamp Ping or email well in advance of assignment and project deadlines.
Note that coming to class with broken or malfunctioning work is far better than showing up with nothing but an excuse like “I just didn’t get it.” For most of the semester, it is expected that you’ll show up with broken work. When you’re learning, effort is more important than perfection. Just be sure to put in the effort early, and not the night before a project is due.
Also, I have asked you to sign up for a GitHub account for this class. Note that GitHub accounts are public, as are most social-type accounts. To protect your privacy you are certainly allowed to use a pseudonym/alias for GitHub and any other account. You may also push to repositories that you keep private, so long as you add the instructor as a collaborator, for grading purposes. At the same time, you might want to think about the high value of establishing GitHub and other accounts under your own name or professional alias. Public accounts where you conduct yourself professionally might well be an asset to your online presence, improving the search results that future schools or employers turn up when they look for you on Google and elsewhere.
As with any course at IIT, you are expected to uphold the Code of Academic Honesty as described in the IIT Student Handbook. All work for this course must be your own original effort, including print and digital page design and computer code. Summarizations and quotations of text, as well as any use of open-source code libraries and images not of your own making, should be clearly cited as legally and ethically warranted and rhetorically appropriate. Access, storage, dissemination, and other use of data from third-party sources must conform to the source’s terms of service, licensing, and other relevant legal and ethical restrictions.
If you are at all uncertain as to whether you are submitting work that in whole or in part may violate the Code of Academic Honesty, please contact me immediately and before the work is due. The consequences of academic dishonesty are severe. Any student who violates the Code of Academic Honesty will be subject to expulsion from this course with a failing grade, and I will report the student to the Dean of the School of Applied Technology, who may take additional disciplinary action, including reporting violations to the relevant offices of Undergraduate or Graduate Academic Affairs.
Special Needs Statement
I place a very high value on developing courses that are welcoming and accessible to all students. I will make additional reasonable accommodations for students with documented disabilities. In order to receive formal accommodations, students must obtain a letter of accommodation from the Center for Disability Resources. The Center for Disability Resources is located in IIT Tower, 3424 S. State Street - 1C3-2 (on the first floor). Contact the Center by telephone at 312-567-5744, by TDD at 312-567-5135, or via email at firstname.lastname@example.org
Students who have any difficulty (either permanent or temporary) that might affect their ability to perform in class should contact me privately, either in person or electronically, at the start of the semester or as a documented difficulty arises. Methods, materials, or deadlines will be adapted as necessary to ensure equitable participation for all students.