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.
Mastery of skills and knowledge will be assessed through a combination of projects, assignments, discussion, and critique.
- 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.
- 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.
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.
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 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)
- Sketchbook (or paper) and pens if maintaining a physical sketchbook
- 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)
Final Exams, Evaluations, Reading Days
Absence and Attendance Policy
Academic Integrity Policy
Americans with Disabilities Act (ADA)
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
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
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 firstname.lastname@example.org 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 email@example.com.