Syllabus

Course Description

Web 2 is a survey of current tools and practices for building production-ready websites. Extending the foundational skills and concepts of Web 1, Web 2 explores the use of templates and frameworks to speed up and enhance development. The course is project based; research focused (lots of googling!); and collaboration oriented. Best practices in accessibility, media production, and performance are covered. Due to its constantly evolving nature—an overarching verity of the web—Web 2 is largely a course about navigating how to learn about web design.

Outcomes

Upon completion of the course, students will be able to:

  • Demonstrate a broad understanding of the field of web design - its narrative capabilities, reach, technologies, history, and constant evolution
  • Apply critical thinking and design skills to web design in a collaborative environment
  • Build responsive layouts utilizing a CSS framework (e.g. Bootstrap) for rapid development
  • Prepare and deploy rich content media (images, streaming media) on the web
  • Construct wireframes and prototypes using purpose-built software (e.g. Adobe XD) for proofing and collaboration
  • Utilize infographics as an effective visual communication tool
  • Understand the role and universal value of accessibility in web design
  • Consider accessibility best practices throughout the process of interface design and code authoring
  • Employ best practices in the SEO of content
  • Effectively typeset for screen mediums
  • Understand the high level structure, implementation, and use cases of CMS platforms like Wordpress
  • Describe the differences, pros, and cons between traditional, monolithic web applications and fragmented, serverless architecture
  • Understand the principles and implications of internet security and privacy

Learning Activities

Mastery of skills and knowledge will be assessed through a combination of projects, assignments, discussion, and critique.

Projects

  • SEO Experiment - Deploy a mini website that is SEO optimized about a given topic. Monitor its standing in search results over the course of the semester.
  • Infographic - Construct a responsive, web-based infographic to effectively communicate a concept.
  • HTML Email - Assess the options for managing marketing and subscription based emails. Create a landing page and email campaign for the class to participate in.
  • CMS Project - Assess the options and use cases for different types of CMS’s. Build a small website using a CMS and experiment with its template structure.
  • Self-directed Project - Plan, prototype, build, and deploy a website of your choosing.

Assignments

  • Web 1 Review - Review Web 1 skills and concepts.
  • Bootstrap Travel Page - Construct a travel destination page using Bootstrap.
  • Responsive Homepage - Create a responsive homepage directory for your projects and content.
  • Media/Video Narrative - Create a video to embed and share using a streaming media provider (Youtube, Vimeo, etc).
  • Responsive/Advanced Typography - Create a text-only page with excellent readability. Experiment with vertical rhythm and optionally with OpenType features.
  • Accessibility Discussion - Try screen readers and alternate input methods (voice), and report on the experience.
  • Web Forms - Use an online form builder to collect information from classmates, and collect the results in another service (Google Sheets, Airtable, CSV, etc)

Participation and Critique

This course is fast paced and highly technical. Help will be provided as much as possible, but the instructor is only one source for help and guidance. Students are strongly encouraged to seek additional information online, and to help one another. A certain level of base knowledge and technical ability is also assumed.

Engagement with the material and fellow classmates is crucial to your learning goals and, more broadly, the success of the class. Students should be prepared to discuss, collaborate, and work during scheduled class blocks. Research outside of class to prepare should be expected.

Critiques are extremely important opportunities for constructive feedback, student growth, and discussion. Please offer your peers your undivided attention, and respect. Students who miss a live critique may be asked to share feedback in another format.

Documentation

Completed projects and assignments will be presented as published websites. Code files and all offline materials (design briefs, roughs, wireframes, etc) will be submitted through a shared class Google Drive.

Students will maintain a sketchbook or similar collection of notes throughout the class. Note taking, journaling, sketching, diagramming, and brainstorming are all important parts of the design process.

Relevant sketchbook materials will be submitted with each project as partial evidence of the work product. They do not need to be tightly organized or highly polished. Photographs will suffice for physical materials.

Students are expected to keep backups of all work. Equipment failure is not an excuse for missing work. Please reach out if you need help creating or maintaining backups.

Grading

Success in this course will be measured by more than just technical execution. The process, engagement with the learning materials, and creativity in problem solving are as important as whether the end result was fully successful.

  • 50% Assignments
  • 45% Projects
  • 5% Participation and engagement (not attached to any assignments)

Class Format

Class will be held over multiple channels and mediums, both synchronously and asynchronously.

Most scheduled class blocks will begin with a check-in video meeting. Video meetings will be conducted via Zoom. They may be short, but the check-in is important in setting the day in motion. Please be prompt.

While not required, having video turned on as a participant is strongly encouraged to create a much more engaging experience for all.

If you choose to attend with video and audio muted, please mention why in either the chat or DM. This is not to force camera usage, but to try to best accommodate whatever situation you may be calling in from.

Scheduled class blocks are highly valuable time for focused productivity and collaboration. While there may not be a synchronous video meeting during every scheduled class block, students are expected to be active and generally available to the professor and one another.

Whenever possible, topics and class materials will be delivered through at least two mediums. E.g. video & slides, video & transcript, etc.

Discussions and critiques may also be held in both text and video form, to maximize opportunity for feedback and engagement.

Materials and Content

We will be using Canvas, Zoom, Google Apps, Slack, and a variety of software and websites. Students must have a working computer (Mac or Windows) and internet to effectively use these tools.

Software and Materials

  • Text editor (BBEdit, Brackets, Atom, or similar)
  • Primary and alternate browsers (Firefox, Chrome, Safari, Edge)
  • Adobe CC applications (XD, Illustrator, Photoshop)
  • FTP application (Cyberduck, Filezilla, or similar)
  • Zoom
  • Sketchbook (or paper) and pens if maintaining a physical sketchbook

Content

  • Canvas will be used for the majority of class content, announcements, and grades
  • The class website will be used for the syllabus and student work project directory
  • Zoom will be used for video conferencing, critique, and lecture
  • Slack will be used for chat and collaboration
  • Google Apps (Drive, Calendar, Email)

Policies

Final Exams, Evaluations, Reading Days

https://policies.tcnj.edu/?p=266

Absence and Attendance Policy

https://policies.tcnj.edu/?p=77

Academic Integrity Policy

https://policies.tcnj.edu/?p=130

Americans with Disabilities Act (ADA)

https://policies.tcnj.edu/?p=145

Accessibility and Accommodations

Students who experience barriers in this course are encouraged to contact the instructor as early in the semester as possible. The Accessibility Resource Center (ARC) is available to facilitate the removal of barriers and to ensure reasonable accommodations. For more information about ARC, please visit: https://arc.tcnj.edu/.

Interim Remote Classroom Camera/Microphone Use and Recording

Recordings made by instructors
https://policies.tcnj.edu/?p=1122

In accordance with the Remote Classroom Camera/Microphone Use and Recording Policy our class sessions may be audiovisually recorded (both for students in the class to refer back to and for enrolled students who are unable to attend live). Recordings of your audiovisual participation in the class session are considered “directory information” under the College’s Family Educational Rights and Privacy Act Policy. Access to the recordings will be password-protected and available to students in the class through Canvas. In general, a recording will not be maintained beyond the end of the following semester (allowing students who earned a grade of incomplete to finish the course) and thereafter will be deleted unless a compelling need exists for retaining it. If you have concerns about being recorded or having the recording accessed by other students in the class, please contact your instructor or the Accessibility Resource Center, who can endeavor to address those concerns and ensure that the requirements of the Family Educational Rights and Privacy Act and TCNJ Family Educational Rights and Privacy Act Policy and Remote Classroom Camera/Microphone Use and Recording Policy are met.”

Class Recording Policy

Recordings made by students
https://policies.tcnj.edu/?p=185

Remote-only Course Format

This fully remote course will take place entirely remotely with no in-person meetings. It will consist of both synchronous and asynchronous instruction. Synchronous course meetings will take place as noted in the syllabus, all of which are during the scheduled course meeting times listed in PAWS.

Use of Cameras during Class Sessions and Meetings

Your participation in this course matters and is valued. This course will utilize live Zoom sessions. If you do not have access to the necessary equipment for this course, TCNJ can provide it for you for the semester. Please contact care@tcnj.edu to help you secure the needed technology free of charge. This is a confidential process. However, if you need assistance in this process, please let me know. Also, the Accessibility Resource Center (ARC) is available to help facilitate the removal of barriers and to ensure reasonable accommodations if needed. For more information about ARC, please visit: https://arc.tcnj.edu/.

Access to IT support

If you have technology issues or needs during the semester, please contact the IT Helpdesk at 609-771-2660 or helpdesk@tcnj.edu.