Syllabus

Polytechnic School of Engineering of New York University

Technology, Culture and Society

Integrated Digital Media

DM-UY 2193 Intro to Web Development

Spring 2016 – Professor Kathryn Adee

Monday, Wednesday 6:30PM – 8:20PM; 2 MetroTech Center Rm: 816

To contact professor: kaa328@nyu.edu

Office hours: Monday, Wednesday before class by appointment

Course Pre-requisites

Basic computer knowledge. Basic familiarity with any programming/scripting language is preferred but no required.

Course Description

This course will provide a basic understanding of the methods and techniques of developing a simple to moderately complex web site. Using the current standard web page language, students will be instructed on creating and maintaining a simple web site using HTML5, CSS3, JavaScript and various external libraries.

Program Learning Objectives

Students will:

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

• develop technical skills to realize their ideas.

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

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

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

Course Objectives**

• User Interface (UI) / User Experience (UX)
• HTML5 / CSS3
• HTML/CSS Frameworks: Foundation / Bootstrap
• The Responsive Web (flexible media & media queries)
• Javascript/Javascript Libraries

Course Structure

Class time will be spent as a combination of lecture, review, and in class exercises. Homework will consist of online tutorials as well as weekly projects that build on each week’s topics of discussion.

It is expected that everyone in the class will create and maintain a blog for their assignments.

Readings

There is no required textbook for this course, however students will be required to complete various W3 Schools tutorials between classes.

Laptop Usage During Class

I love having WiFi available and I think it is a valuable tool for use in the classroom. Unfortunately, it can very easily be a distraction as well. We are going to be exploring a variety of models for live interaction online and therefore laptops will prove very useful. We should though be courteous to one another and when we have outside guests, during discussion or student presentations laptops use should be curtailed.

Grading

Grades will be determined according to the following breakdown:

Regular Assignments 20%

We will have weekly assignments that are relevant to material from the previous class.

Mid-Term Project 25%

The midterm assignment will be a project that demonstrates a working knowledge of HTML and CSS elements.

Participation and Attendance 25%

Attendance is mandatory. Please inform me via email if you are going to miss a class. Showing up late for class or an excessive number of absences will adversely affect your grade. This class will be participatory, you are expected to participate in discussions and give feedback to other students both in class and participate with their projects. This (along with attendance) is 25% of your overall grade.

PLEASE NOTE: 3 unexcused absences will result in your grade dropping 5%

Final Project 25%

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.

Documentation 5%

IDM coursework documentation using wordpress:

You can receive web server space from IDM’s Technology Manager, Elton Kwok, MAGNET 883 or if you already have your own that works too. IDM’s FTP server info: http://sites.bxmc.poly.edu (Use active mode) Qualitative Grading Overview

Each student will be judged on the quality, experimentation, and improvement that their work shows.

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.

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-980 or mosescsd@nyu.edu. You must be registered with CSD to receive accommodations. Information about the Moses Center can be found atwww.nyu.edu/csd. The Moses Center is located at 726 Broadway on the 2nd floor.

Course Schedule

Week 1

Hello World - Admin and Setup

• Installing Sublime
• Installing Git
• Overview of Github
• Getting Server Space

Week 2

• Intro to HTML
• Semantic HTML
• Information Architecture and Site Maps
• UX Wireframing
• Routes, Directories, Links and URLs

Week 3

• HTML Form Elements
• Introduction to CSS
• CSS Specificity
• The Box Model and Layouts

Week 4

• Media Queries Part 1
• Advanced CSS Concepts
• CSS3
• Bonus - Stuff you don't need JS for (dropdowns, tooltips, and modals)

Week 5

• Midterm Project Proposals
• Photoshop - Image optimization for web. Our first animated GIF
• Bonus - Photoshop tricks

Week 6

• Fall Break - No Class Monday
• Flexbox - CSS3's Box Model Upgrade

Week 7

• Midterm Project Presentations

Week 8

• Javascript 101
• Javascript and the DOM

Week 9

Advanced JavaScript:

• Arrays
• JSON and JavaScript Ojects
• Random

Week 10

• Bootstrap Layout
• Bootstrap Components
• Final Project Proposals

Week 11

• jQuery
• Bootstrap JavaScript Components
• Greensock Animation

Week 12

• Final Project Proposals

Week 13

• Advanced Greensock Animation
• jQuery Mobile
• Accessible Web with Claire Kearney-Volpe

Week 14

• API Requests

• MixItUp.js

• Option Early Final Presentations

• Dec 19 Final Project Presentations