UWB BIMD 233 Web Design Syllabus+Info yay!

Welcome to UW Bothell's BIMD 233 Fundamentals of Web Media Technology (AKA Web Design) course with Dr. Mark Chen! Here you'll find details about the course, the main assignment schedule, and resources to help complete the assignments.

Instructors

Dr. Mark Chen, Professor, email through Canvas
How to email: 1. write a relevant subject line, 2. get our names and titles right, 3. provide context so we know which course and issue you're talking about, and 4. sign it so we know who you are.

Description and Tech

This course will introduce students to web design and crafting the look and feel of webpages using HTML/CSS and Javascript.

The learning approach is not like a traditional exercise-focused course, and there will be no lectures or quizzes. Instead, a heavy emphasis will be placed on self-directed learning and connected learning models, where students are expected to invest in their own learning processes, identifying areas of strengths and weaknesses and learning how to find resources that complement those aspects of their learning profiles to support them for success. There's a deep well of expertise to acquire regarding web design, so the course must focus on preparing students for continued learning beyond this one course. Additionally, these skills in self-assessment and assembling the right resources for success (AKA metacognition and sociomaterial expertise) should transfer to other learning topics.

Students will form a studio-style learning community, tasked with learning along with and supporting their peers while working on specific assignments that are relatively freeform in content and purpose. Many examples of existing code will be given for students to mimic in order to learn specific techniques and syntax, but the emphasis for this course will be to cover general design processes while planning out and creating logical web flows through human-centered design.

Final projects will be to hand-code a portfolio website, a work of art using HTML/CSS, or another project of the student's choosing, working with the instructor to scope out and plan the project.

Learning Objectives

By the end of the course, students will be able to:

  • Understand history of web technologies and how the internet works.
  • Understand the different underlying languages in making a webpage, including the purpose for HTML, CSS, and Javascript.
  • Engage in responsive web design with the popular CSS framework, Bootstrap.
  • Program at a beginner level in Javascript for conditional web behaviors.
  • Use iterative processes for working on a team using GitHub.
  • Register a domain and set up a personal webspace with a hosting company.
  • Develop a clear statement of intent for design or an artistic vision for creative work.
  • Prepare images and other media for the web.
  • Practice strong teamwork and support skills in a studio environment.
  • Assemble a network of resources for continued learning.

Required and Recommended Tech

Canvas (mostly for email, grading, and keeping track of assignment deadlines)
Google Shared Drive (for collaborative working drafts, etc. and individual reflections)
Some Web Fundamentals and Tips to Know - a document found in our Google folder, which acts as sort of the handbook or cheat guide for the course
Discord (for online discussion and group communication)
Perusall (for collaborative note taking of course readings)
GitHub (for collaborative web work and hosting assignments)
Visual Studio Code (recommended app to code with)
CodePen (awesome online coding environment with a strong community)
Trello (project management tool)

Note: This course depends on students' ability to be agile and communicative with each other and the instructors. Keep teammates informed at all times. Also, please regularly check the Discord server and Canvas announcements if you don't have notifications turned on.

Thanks for reading the syllabus. I know it's a lot, but this is important stuff. If you email me using the format outlined in a later part of this syllabus, I'll give you 2 extra credit points.

Assignments and Grading

This course is heavily focused on self-directed learning, where you have certain tasks to accomplish by specific due dates, but you may work faster and actually should strive to get ahead if you can. More material and resources can definitely be provided for any student(s) who wants to explore web tools more deeply. That said, the trick is that you will be working in groups so your pace will be somewhat constrained by how well your teammates and you support each other. Additionally, all of the groups will form a larger learning community where everyone helps each other with their individual learning goals.

Assignment Schedule

Specific detail can be found on the Assignments Page.

ID Assignment Due Date Points
CE Community Engagement ongoing 10
AR Annotating Readings weekly 10+
0 Setting Up Workflow and Forming Teams Wk2: Thurs, June 30 5
1 HTML Practice (Teams) Wk3: Thurs, July 7 10
P0 Registering a Domain and Web Hosting Wk3: Thurs, July 7 5
2 Cascading Style Sheets (Teams) Wk4: Thurs, July 14 10
P1 Individual Project Idea Wk4: Thurs, July 14 5
3 Bootstrap CSS Framework (Teams) Wk5: Thurs, July 21 10
P2 Individual Project Layout and Plan Wk5: Thurs, July 21 5
P3 Individual Project Demo Wk7: Thurs, Aug 4 10
4 Javascript (Teams) Wk8: Thurs, Aug 11 10
5 Web Animation extra credit (Individual or Teams) Wk9: Thurs, Aug 18 5
P4 Individual Project Final Wk9: Thurs, Aug 18 10

Grading

Points Grade Point Points Grade Point
99+ 4.0 80 3.0
97-98 3.9 79 2.9
95-96 3.8 ... ...
93-94 3.7 70 2.0
91-92 3.6 ... ...
89-90 3.5 60 1.0
87-88 3.4 ... ...
85-86 3.3 57 0.7
83-84 3.2 0-56 0.0
81-82 3.1 ^ Before this happens, please come talk to me.

Resources

In addition to the general web tutorials and where to acquire the tools for the course on the Resources Page, be sure to look at the Sample Pages throughout the quarter!

The intent is that you'd go to each page and right-click on an empty portion of the page to View Source OR hit F12 in your browser to view the code. Then you can see examples of how certain tags work in action and start to understand proper syntax and such.

Each page gets progressively more complex, the first one being relatively simple HTML. There's a lot more to each of the languages, though, so these pages are just meant as the first step and bare minimum you're expected to understand by the end of the quarter. If you want to learn how to do other things not covered (like, for example, draw shapes and animate them), there're other ways to find that info out once you have the basics down.

The course is meant to introduce the basics and then teach you how to find more information on your own. This is actually how I run almost all of my courses. I'm more interested in helping people figure out how to continue improving or learning after taking one of my courses than I am in getting them to do specific things just for the course.

Course and UWB Info

General but Important Info...

UWB's COVID info: https://www.uwb.edu/coronavirus/covid-19-communications

  • Wearing masks will become optional on the UW Bothell campus starting March 28. However, masks are strongly recommended indoors for at least the first two weeks of spring quarter. For those who choose to continue wearing a mask for a variety of reasons, we welcome and respect your choice.
  • With masks becoming optional, we will discontinue the practice of designating eating-only areas in our public spaces. However, for those who would like such an area as we return for spring quarter, the North Creek Event Center will continue as a designated eating space, with appropriate distancing, until April 30. We ask you to be mindful of considerate practices such as cleaning your space after use, wherever you choose to eat.
  • Free surgical masks will continue to be available through dispensers in buildings across campus.
  • The Husky Coronavirus Testing program (a voluntary research study) will continue to offer free coronavirus testing kits to the campus community in the Commons Lobby of Commons Hall (UW2) Mondays through Fridays from 10 a.m. to 2 p.m. Please note that HCT staff will not be available onsite during spring break, March 19-27.

General Teaching Statement

First, I believe I have a responsibility to support you for lifelong success and happiness. The way I've designed this course is in line with this guiding principle, from the technologies we use to how I accept revisions for almost all assignments. Furthermore, the course is initially destabilizing by design because I want you to practice finding answers, asking when you need help, and learning through trying something, receiving feedback, and trying again until you excel. I have a tiny blip of a chance to affect you positively in the long scheme of things so I've designed this course to encourage agility, independence, curiosity, and perseverance so that hopefully I've helped you be successful long after this course is over.

Second, I am a scholar and designer who believes in equity, justice, and maximizing agency for everyone. But I don't have all the answers, and I am on a lifelong journey to learn as well. Additionally, I try my hardest to decentralize power and to treat you as equals, but there are inherent dynamics that will always exist. I will endeavor to never exercise that power unless it is ethical to do so.

Third, learning is social. This is the foundational principle of my PhD research in education and informal learning. I encourage you to communicate with each other, with the peer facilitators, and with me as much as possible, even if all you have to say is just a small status update. You want to develop "swift trust" and to learn by asking and reasoning aloud and by watching others.

Late Policy

Most of the activities for my courses are done in teams or have certain milestones requiring you give and receive feedback from peers. As such, it's quite difficult to get the same experience if you turn in late assignments. They become meaningless if they arrive after someone was available to provide you with feedback. Meaningless work gets a zero grade. Late, but still meaningful, work gets at least partial credit, and you must let us know that you are still planning on doing it. If it's extremely insightful or proves that you've been thinking about the course topics deeply, full points are still possible.

Also, extreme circumstances sometimes do occur, so if that happens, please let me know and we can figure something out. If you know something will come up during the quarter, let us know earlier rather than later so we can figure out how you can still participate.

That said, revisions are usually encouraged and actually expected if you receive comments or suggestions for edits. In other words, your best stab at something by the due date is way better than not turning something in on time. Most of the time, you'll just get comments and can submit revisions to be regraded. You must, however, let us know what's going on and what your expectations are! So let us know what you're thinking!

Attendance and Zoom

You are expected to be there during class times, but we will not be taking attendance to allow for anyone who needs to be absent for any given week (due to COVID or other reasons). If you cannot make it, you are still expected to let us and your team know!

Any Zoom class sessions might be recorded. The recording will capture the presenter's audio, video, and computer screen. Student audio and video will be recorded if they share their computer audio and video during the recorded session. The recordings will be accessible to students enrolled in the course to review materials. Normally, these recordings will not be shared with or accessible to the public.

The University and Zoom have FERPA-compliant agreements in place to protect the security and privacy of UW Zoom accounts. Students who do not wish to be recorded should:

  • Change their Zoom screen name to hide any personal identifying information such as their name or UW Net ID, and
  • Not share their computer audio or video during their Zoom sessions.

All that said, you are still highly encouraged to share your video when appropriate. A lot of online community and presence research shows that it is harder to "be social" through online forms of communication since people miss out on gesture, body language, facial expressions, tonal changes, etc., but one way to mitigate this at least a little is to share video and audio. But it is entirely up to you whether you do. If not, there are alternatives such as using a filter (e.g., Snap Camera) or putting up a photo as your profile image. If you are simply self-conscious about how you look, one solution would be to turn off your self-view in Zoom, which has been shown to alleviate feeling like everyone is watching.

Online Communication

Allow for mistakes. Despite the best intentions, sometimes you might be hurt by something that someone in the course says. Please talk to me about this, as I can help resolve the conflicts. Remember that most students, and humans in general, are clueless and that we don't usually intend to be hurtful. Never ascribe spite when it's more likely incompetence or cluelessness!

Respect privacy. Please don't share people's work or email messages. What happens in this class, stays in this class.

Write well. Be clear and concise, use good spelling and grammar. Stay on topic. To check clarity, read your message aloud to yourself before sending it.

As a general rule, I will not message or respond to students on Slack / Discord or through other means after 9 pm, so if you want to reach me and want a reply that day, please be sure to message me well in advance of that evening. Please write to me on my university email account for any messages that are super important and/or that you do not wish to place on Discord so that we can keep a good record of the messages (and to ensure I receive them because DMs on Discord can sometimes get lost!).

In addition, advising staff in the UW Bothell's Schools of IAS and STEM will have access to Canvas, Discord, and other communication tools used in courses as a means to support and mitigate issues if any arise.

I take on different roles in my relations with students. I am generally your friend and care about you, but I am also your professor, so keep that in mind in your communications with me.

A Note on Stress

Success in this course depends heavily on your personal health and wellbeing. Recognize that stress is an expected part of the college experience, and it often can be compounded by unexpected setbacks or life changes outside the classroom. And let's be realistic. Life absolutely sucks for most people right now. Stress is a perfectly natural response to world-altering events. If you somehow have made it through the past year completely unaffected, realize that most of your classmates were not so lucky. Some of them may have lost friends or family, have lost their jobs, have been hospitalized, have extra responsibilities such as caring for parents or grandparents, or are otherwise dealing with things that make them perform less than optimally.

That said, your other instructors and I strongly encourage you to reframe challenges as an unavoidable pathway to success. Reflect on your role in taking care of yourself throughout the term, before the demands of exams and projects reach their peak.

You do not owe me or your teammates personal information about your situation. It is up to you what you choose to share with your team that is personal in nature; however, do let your team know anything that will affect projects (for example, if you'll be late on a deliverable, you should let your team know that you're running late, but you're not obligated to tell them why). From the other end of things, if others on your team give you bad news about their own status, don't ask for personal information; let your teammates choose whether to volunteer anything additional, don't pressure them to divulge, and respect their decision.

Please DO feel free to reach out to me about any difficulty you may be having that may impact your performance in this course as soon as it occurs and before it becomes unmanageable. And you are always welcome to talk to me about whatever you like, whether it's personal, professional, or a combination. Additionally your academic advisor and many other support services on campus stand ready to assist you if you need/want.

Again, thanks for reading this syllabus. I know it's a lot, but it's important. If you email me with your name, this course number, and an image of a cat, you'll get 2 extra credit points. If you email me later in the quarter asking for help and the answer is in the syllabus, I'll respond with an image of a cat.

General Student Conduct

The University of Washington Student Conduct Code (WAC 478-121) defines prohibited academic and behavioral conduct and describes how the University holds students accountable as they pursue their academic goals. Allegations of misconduct by students may be referred to the appropriate campus office for investigation and resolution. More information can be found online at https://www.washington.edu/studentconduct/

You are responsible for knowing what constitutes a violation of the University of Washington Student Code, and you will be held responsible for any such violations whether they were intentional or not.

Academic Integrity

Please see the UW Bothell General Catalog, the documents you signed upon admission to IAS, and these policy statements for crucial information regarding academic integrity. The library also has useful resources for you to explore. You are responsible for knowing what constitutes a violation of the University of Washington Student Code regardless of your intent. Make sure you know how to properly cite any ideas or words you have taken from outside sources.

Work of any kind (including written, video, audio, performance, artistic, etc.) produced outside of this course may not be submitted for credit without first discussing it with your instructor. In most circumstances, work produced for one course may not be submitted for another course.

Navigate

There are many registration deadlines that come quickly during the quarter--for instance, a decision to drop a class. As your professor, part of my job is to communicate any concerns I may have about your academic performance to your advisors. This is meant to better connect you with support resources before it is too late. UW Bothell utilizes the Navigate Student Success Management system to allow me to share such feedback with your advisors should I feel such communication is needed. In addition, your advisors may request that I submit a progress report on your behalf. These communications remain confidential between me and your advisors, but will provide them up-to-date information related to your assignments, academic progress, and participation. Using Navigate to alert advisors about your academic progress will both help advising staff to know when you might need support and will prompt me to reflect on your work and make me think about what I can do to help you succeed in this class and at UW Bothell.

Access and Accommodations

Your experience in this class is important to us, and it is the policy and practice of the University of Washington to create inclusive and accessible learning environments consistent with federal and state law. If you experience barriers based on disability, please seek a meeting with Disability Resources for Students (DRS) to discuss and address them. You may complete the New Student Application in this link https://www.uwb.edu/studentaffairs/drs, and DRS will contact you. If you have already established accommodations with DRS, please communicate your approved accommodations to your instructor at your earliest convenience so we can discuss your needs in this course.

DRS offers resources and coordinates reasonable accommodations for students with disabilities. Reasonable accommodations are established through an interactive process between you, your instructor(s) and DRS. If you have not yet established services through DRS, but have a temporary or permanent disability that requires accommodations (this can include but not limited to; mental health, attention-related, learning, vision, hearing, physical or health impacts), you are welcome to contact DRS at 425.352.5307 (Voice and Relay) or rosal@uw.edu.

You may find more information on the Disability Resources for Students website.

Acts of academic misconduct may include but are not limited to:

  • Cheating (working collaboratively on quizzes/exams and discussion submissions, sharing answers and previewing quizzes/exams)
  • Plagiarism (representing the work of others as your own without giving appropriate credit to the original author(s))
  • Unauthorized collaboration (working with each other on assignments)

Religious Observance

It is the policy of University of Washington to reasonably accommodate students' religious observances in accordance with RCW 28B.137.010.

Washington state law requires that UW develop a policy for accommodation of student absences or significant hardship due to reasons of faith or conscience, or for organized religious activities. The UW's policy, including more information about how to request an accommodation, is available at Religious Accommodations Policy. Accommodations must be requested within the first two weeks of this course using the Religious Accommodations Request form.

Parenting Student Resources

Parenting Students are encouraged to look at the resources on the Parent Resources website. In addition, parenting students may apply for financial assistance through the Child Care Assistance Program. Also, UWB offers multiple Campus Lactation Stations.

For Our Veterans

Welcome! We at UW Bothell understand that the transition into civilian life can be challenging for our veteran students and we have many resources for any who may want to reach out for guidance or assistance. This includes our Vet Corp Navigator through the WDVA and our Student Veterans Association (SVA). Please contact Veteran Services at 425.352.5307 or rosal@uw.edu. For those of you needing more URGENT support, please call The Suicide Prevention Hotline 1.800.273.8255 or connect with the UWB CARE Team https://www.uwb.edu/studentaffairs/care-team.

Safety

Call SafeCampus at 206-685-7233 anytime – no matter where you work or study – to anonymously discuss safety and well-being concerns for yourself or others. SafeCampus's team of caring professionals will provide individualized support, while discussing short- and long-term solutions and connecting you with additional resources when requested.

Title IX - Sex and Gender-based Violence and Harassment Policy

UW, through numerous policies, prohibits sex- and gender-based violence and harassment, and we expect students, faculty, and staff to act professionally and respectfully in all work, learning, and research environments.

For support, resources, and reporting options related to sex- and gender-based violence or harassment, visit UW Title IX's webpage, specifically the Know Your Rights & Resources guide.

Please know that if you choose to disclose information to me about sex- or gender-based violence or harassment, I will connect you (or the person who experienced the conduct) with resources and individuals who can best provide support and options. You can also access those resources directly:

  • Confidential: Confidential advocates will not share information with others unless given express permission by the person who has experienced the harm or when required by law.
  • Private and/or anonymous: SafeCampus provides consultation and support and can connect you with additional resources if you want them.You can contact SafeCampus anonymously or share limited information when you call.

Please note that some senior leaders and other specified employees have been identified as “Officials Required to Report.” If an Official Required to Report learns of possible sex- or gender-based violence or harassment, they are required to call SafeCampus and report all the details they have in order to ensure that the person who experienced harm is offered support and reporting options.

Inclement Weather

Please check if the campus may be closed due to weather. Information on suspension of operations will be made public and available through the media. Students can learn of campus operations status from the UW Bothell website or by calling the Campus Information Hotline 425.352.3333. You may also sign up with an alert system that will contact you via email or text message if classes are canceled. For more information on the alert process, please see UWB's emergency policies. Class activities will be rescheduled as needed.

Please check if the campus may be closed due to weather. Information on suspension of operations will be made public and available through the media. Students can learn of campus operations status from the UW Bothell website or by calling the Campus Information Hotline 425.352.3333. You may also sign up with an alert system that will contact you via email or text message if classes are canceled. For more information on the alert process, please see UWB's emergency policies. Class activities will be rescheduled as needed.

Miscellaneous Student Support Services

IAS Learning Goals

Undergraduate students in all majors within Interdisciplinary Arts & Sciences (IAS) focus on five core learning objectives: collaboration and shared leadership; critical and creative thinking; diversity and equity; interdisciplinary research and inquiry; writing and communication.

  • Collaboration and Shared Leadership: IAS students develop their collaboration and shared leadership abilities by learning to work with others to identify dimensions of a project, generate and refine ideas, follow through on the consequences of collective decisions, and pursue specific tasks without losing a sense of the whole. As part of this process, they learn to assess and draw on group members' diverse histories, strengths, and potential contributions. They develop skills in listening, mediating conflict, playing different roles, and reflecting on the outcomes of collaborative work. Students learn different ways of managing groups, communicating effectively and respectfully across differences, and reflecting critically and creatively on collaboration processes.
  • Critical and Creative Thinking: IAS students develop their critical and creative thinking abilities by learning how to identify assumptions, and to work out how those assumptions inform results. They assess multiple perspectives, with an eye to understanding why and how they differ, and developing the capacity to engage in controversy productively. Students learn to identify central questions or concerns informing other work, and to develop their own work with an awareness of their own social positions and clear animating questions. Students develop a range of skills in interpretation, analysis, argumentation, application, synthesis, evaluation, and reflection.
  • Diversity and Equity: IAS students develop their ability to live and work within and across diverse communities composed of multiple intersecting identities. Learning from the lived experiences, creative expressions and intellectual perspectives of historically-marginalized groups, students recognize and name historical and cultural relationships between power, knowledge, and difference. They develop the confidence and skills needed to transform unequal relations of power ethically and self-reflexively in order to foster greater equity.
  • Interdisciplinary Research and Inquiry: IAS students develop their ability to assess and conduct interdisciplinary research by engaging with and across multiple areas of knowledge and kinds of inquiry. They learn to think critically and creatively as they develop research questions, pursue them with appropriate sources and methods, and present results in a form suited to their purpose and intended audience. In this process, they learn to position their own work in relation to other research literatures and methods of inquiry, and in relation to relevant debates and diverse social contexts.
  • Writing and Communication: IAS students develop their writing and communication abilities by advancing an awareness of the interconnected relationships between purpose, audience, author and context. They learn to communicate their purposes effectively to diverse audiences through writing, presentations, and other media, and to use a range of evidence, both qualitative and quantitative, to develop ideas and support claims in ways that best serve their needs. As part of this process, they develop the ability to indicate clearly and self-reflexively the ways their specific acts of communication relate to the work of others.
IAS Portfolio

Students majoring in degrees offered by IAS begin the process of creating a Google Drive archive in BIS 300: Interdisciplinary Inquiry and conclude it by creating a Capstone Portfolio in BIS 499. IAS students should maintain an archive of all of the work they have done in (or in relation to) their undergraduate education. If students want to get started with UW Google Apps (including Google Drive), students may consult UW IT's web page (scroll down to UW Google Apps Support Online Help Center).

For more information about the IAS portfolio, visit the IAS webpage. For help on the technical development of your IAS portfolio, consult Learning Technologies or email at uwbit@uw.edu. You can also get help from a student tutor in the campus's Open Learning Lab in UW2-140.

Syllabus Revisions

You are responsible for all materials, updates and announcements covered during class sessions. The course calendar will most likely change over time due to unforeseen circumstances; please be sure you are using the most recent version. I also expect you to use your UW e-mail account and Canvas regularly, so that I can communicate with each of you electronically between classes. If you wish to use another e-mail address as your primary account, set up your UW account to forward to your other address.

Syllabus Academic Freedom Statement

Academic freedom is the principle that scholars have the right - without repression - to teach, conduct research, and/or disseminate ideas, even those that are not widely accepted or convenient, with the primary goal of truth-seeking. This is central to the mission, goals, and values of the academy and is a core principle of academia. As the American Association of University Professors (AAUP) states, "institutions of higher education are conducted for the common good... The common good depends upon the free search for truth and its free exposition." This course is based on the most recent and relevant research and scholarship in this discipline and in related fields. Although some of the ideas expressed within this course may not be convenient or fit within your worldview, they are grounded in rigorous and informed study.

Our goal is to have deep, informed, and lively classroom debate and discussion. Students MUST provide logical, rational, and evidence-based argumentation. To be entitled to have your views treated as serious candidates for the truth, you must present evidence for your statements. All “opinions” should be backed up with logical argumentation and evidence with the purpose of seeking truth toward the common good.

Creative Commons License
UW Bothell BIMD233 Web Technologies Course by Mark Chen is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.