Tandon School of Engineering of New York University

Technology, Culture + Society | Integrated Digital Media

Intro to Web Development - Fall 2022
DM-UY 2193 Section C | January 24 - May 09
Tuesday + Thursday | 10:00 - 11:50 am | IDM - Room 310

---

Professor: rebecca (marks) leopold
Email: rebleo [at] nyu.edu | office hours by appt - Monday, Wednesday or Friday. Schedule at least 24 hours in advance.

Course Pe-requisites:

Basic computer knowledge. Familiarity with programming is preferred but not required.

Course Schedule and Course wiki

Course Description:

This section of 2193 is an introduction to the fundamentals of front end programming through the lens of visual culture. Students are asked to think critically about contemporary imaging + networking tools, techniques and practices while experimenting with interactive media. The semester is scheduled in sequence for an incremental understanding of best web authoring practices. Using the web browser as a creative tool, students will explore responsive web development becoming familiar with: the command line, Git + Github and the fundamentals of HTML5, CSS3 and contemporary JavaScript (aka EcmaScript 6). Students will create and maintain websites that take into consideration aesthetic quality, user experience and technical expertise.

IDM Program Learning Objectives:

Students will:

1. develop conceptual thinking skills to generate ideas and content in order to solve problems or create opportunities.

2. develop technical skills to realize their ideas.

3. develop critical thinking skills that will allow them to analyze and position their work within cultural, historic, aesthetic, economic + technological contexts.

4. gain knowledge of professional practices and organizations by developing their verbal, visual, and written communication for documentation and presentation, exhibition and promotion, networking + career preparation.

5. develop collaboration skills to actively and effectively work in a team or group.

Course Objectives:

• Web Development Workflow Including a local HTTP Server
• Unix Bash (vsh) shell
• User Interface (UI) / User Experience (UX)
• HTML5 / CSS3
• The Responsive Web (flexible media & media queries)
• EcmaScript 6 (JavaScript)
• CSS + Javascript Libraries: Bootstrap, JQuery, etc.

Student Learning Outcomes:

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

1. Design, build, and develop content for a professional - quality websites
2. Learn the git and Github workflows while using Github Pages to publish and maintain our sites.
3. Understand + implement the iterative process - including maintaining + adding to an existing site
4. Learn how to proactively learn + use the web to research open source tools + documentation
5. Create an internal developer / creative community

Course Structure:

Class time will be spent as a combination of lecture, discussion, in class exercises, critique, user testing + student presentations. Homework will consist of weekly projects that ask students to respond to readings, thinking critically about the cultural implications of networked technologies while building on each week’s technical material. Students should expect to build a new web page every week.

Required Materials:

• Students will need a laptop for class (if this is an issue, please come talk to me)
• Text editing software - VCS, Atom, Sublime
• Web Browser: Chrome or Firefox
• Unix Bash shell- Mac Terminal or Windows Bash Power Shell
• Git, Github account + Githup Pages

Research + Resources (or the class repo):

All materials for this class are open source + can be accessed via the web. Regular updates to the class repo will contain starter code gone over during class as well as links to further technical reading (or watching). There will likely be more resources than you could possibly research + implement each week. The idea is to point students to a wide array of resources with an emphasis on the most modern toolkits + most up-to-date and concise online documentation. Pick and choose what is of most interest to you - the repo is a jumping off point for your own research + you can always return back to a week to catch up on missed material. Later in the semester students will be responsible for citing + discussing their research methods and discoveries with the class.

“Share” (or the class wiki):

The class wiki - is where the rest of the syllabus including in-class and homework assignments will be found. To turn in your homework you should add a link to your work weekly using Markdown. You are required to post on the wiki. To contribute to the wiki you must set up a Github account.

Readings:

This course emphasizes critical thinking with regards to networked visual culture. Students will be asked to engage with a variety of texts from the world of art, film, philosophy, technology and literature. Authors include: Ralph Ellison, Jon Berger, Tim Berners Lee, Shannon Mattern, Marshall McLuhan, Selma Sharif, Susan Sontag,among others. Readings will be assigned weekly, provide by the professor and accessible via the wiki as links or downloadable portable document formats.

Grading + Attendance Policy:

Class Participation (20% of grade): Please arrive on time having completed the assignments. Participation in class discussions and peer feedback are not only expected, but will be reflected in your grade.

Weekly Design + Technical Exercises + Class Site + Presentations (50% of grade): will be executed through the semester by following in class demonstrations, online tutorials and assigned readings. These exercises will be essential for learning markup and coding and to successfully complete more complex projects.

Students will be expected to document their work, write reading and personal reflections on a website built for + during class using Github pages. We will build this site together incrementally during the first few weeks, following assignments + projects are to be added + linked to throughout the semester. It is mandatory that you use git via the command line to push / publish your sites. You will lose points on any assignment that is not hosted on Github pages.

Pair Programming net.art presentation (10% of grade) Final Project (20% of grade) Class will culminate with final projects. It is expected that these will be both technology and content driven. The final project will be built over the course of several weeks. This project must be completed, published + presented in class.

Qualitative Grading Overview

A. Excellent (90-100) Performance, participation, and attendance of the student has been of the highest level, showing sustained excellence in meeting course responsibilities. Work clearly differentiates itself from other work, has memorable impact, pursues concepts and techniques above and beyond what is discussed in class. The student thoroughly understands the web design and development process.

B. Very Good / Good (80-89) Performance, participation, and attendance of the student has been good, though not of the highest level. Work demonstrates a better than average web design and development process.

C. Satisfactory (70-79) Performance and attendance of the student has been adequate, satisfactorily meeting the course requirements. Work is average and competent, showing a basic understanding of the web design and development process.

D. Poor Below Average (60-69) Performance and attendance of the student has been less than adequate. Work is lacking in many or most areas that show any understanding of visual foundation. Problems may include lack of interest, procrastination, poor planning and poor craft.

F. Unacceptable (59 & Below) Performance and attendance of the student has been such that course requirements have not been met. Work shows no overall understanding of the course material on many levels or either a severe lack of interest.

Academic Accommodations:

If you are student with a disability who is requesting accommodations, please contact New York University’s Moses Center for Students with Disabilities at 212-998-4980 or mosescsd@nyu.edu. You must be registered with CSD to receive accommodations. Information about the Moses Center can be found at http://www.nyu.edu/csd. The Moses Center is located at 726 Broadway on the 2nd floor.

Illness and Excused Absence Statement:

If you are experiencing an illness or any other situation that might affect your academic performance in a class, please email Deanna Rayment, Coordinator of Student Advocacy, Compliance and Student Affairs: deanna.rayment@nyu.edu.  Deanna can reach out to your instructors on your behalf when warranted.

Inclusion Statement:

The NYU Tandon School values an inclusive and equitable environment for all our students. I hope to foster a sense of community in this class and consider it a place where individuals of all backgrounds, beliefs, ethnicities, national origins, gender identities, sexual orientations, religious and political affiliations, and abilities will be treated with respect.   It is my intent that all students’ learning needs be addressed both in and out of class, and that the diversity that students bring to this class be viewed as a resource, strength and benefit.  If this standard is not being upheld, please feel free to speak with me.