Intro to Web Development DM-UY 2193/B

NYU

Integrated Digital Media • Technology, Culture & Society Department

Jason Sigal <[email protected]>
Spring 2016 • Mondays & Wednesdays • 2:30-4:20PM • Magnet Rm 817 • 3 credit hrs
Office hours by appointment or directly after class

SCHEDULE OVERVIEW

All dates and assignments are subject to change at the discretion of the professor! This page and Slack are the official sources for all dates and assignments.

HW - Homework and readings are due on following class unless otherwise specified.
DUE - Indicates that a project is due on this date.

wk Mondays Wednesdays
1 Jan 25
Setup & Intros
  • Introductions
  • Goals of the course
  • Your Learning Goals
  • Syllabus Overview
  • How the Web Works
  • How Web Dev Works
  • Overview of Tools
HW: SEE WEEKLY DETAIL 		Jan 27
Intro to HTML
  • Text Editors
  • Browser Environment
  • Client/Server
  • Protocols: HTTP, FTP
  • FTP Clients
  • HTML
  • Elements, Attributes, Semantics, Comments
  • Review Conventions
  • Developer Tools
  • Discuss HW assignments
HW: See weekly detail
2 Feb 1
Semantic HTML & CSS
  • Homework Presentations
  • Semantic HTML
  • Intro to Style / CSS
DUE:
  • Learning Log
  • Choose Your Own Adventure
HW: 		Feb 3
Information Architecture, UX/UI
  • Definitions: UX, UI, IxD, IA
  • User Flow / User Stories
  • Wireframes
  • Site Maps
DUE: Midterm Proposals
HW:
  • Site Map
  • Wireframe
  • Revise Project Plan
  • Read "Billboard Design 101"
3 Feb 8
Midterm Proposals, CSS pt.2
  • Show & Tells: James T, Jamie, Nicole
  • Present Midterm Proposals, Site Maps & Wireframes
  • CSS Continued
  • Images
    • Creative Commons image resources
    • Preparing Images for the Web
    • Styling Images
    • Slides

    DUE: Project Proposal, Site Map & Wireframe
    HW:
Feb 10
CSS Positioning
  • Show & Tells: Susie, Tyler
  • Midterm Proposal Presentations
  • CSS Box Model
  • Grids in Graphic Design
  • Grid System in CSS
  • Display, Clear
  • Units, Margins, Padding
  • Slides
HW:
4 Feb 15 President's Day
NO CLASS 		Feb 17
Design for the Web
  • Show & Tell: Eric & Grace
  • Review HW
  • Design Guidelines & Brand Books
  • Colorspace
  • Font
  • Slides
Due: HTML/CSS Prototype
HW:
  • Create a Style Guide for your website using a program of your choice (it could be Photoshop, or HTML/CSS). Use Yelp as inspiration. Post to Slack with hashtag #wk4a. Include sections for:
    • Color
    • Typography
    • Grid System / Layout
    • Navigation
    • Links & Buttons
    • Optional: Include references to CSS selectors
  • Revise Project Plan
  • Keep working on your website
5 Feb 22
Responsive & CSS Transitions
  • Responsive vs Mobile First
  • Media Queries
  • Fun w/ CSS3:
  • JavaScript: document.getElementById
    • Transition
    • Filter
    • Transform
    • Animation
  • Show & Tells: Polina and Echo
HW: DUE: Style Guide
--> Slides 		Feb 24
Review CSS and HTML, User-Centered Design S&T: Cindy
6 Feb 29
User Test, Git/Github, Audio/Video, Review
  • User Test Responsive Prototypes
  • Intro to Git & GitHub
  • HTML5 Audio/Video
  • Review Topics
  • Non-Quiz?
HW:
  • Put your project on GitHub.
  • Keep working on midterms
  • Review the Non-Quiz and come to next class with questions
Due: Responsive Prototypes
S&T: George, Camille, James C 		Mar 2
 HTML Forms & JavaScript Intro:
  • History
  • Syntax
  • Variables
  • Types
  • Debugging
  • DOM
S&T: Joon Hee, Stephen, Zhijian
7 Mar 7

Midterm Presentations

 Mar 9

Midterm Presentations
-- Mar 14
Spring Break (NO CLASS) 		Mar 16
Spring Break (NO CLASS)
8 Mar 21
JavaScript + DOM
  • create/getElement
  • Functions
  • Events
 		Mar 23
JavaScript Continued
  • Arrays
  • Loops
  • Objects
HW: Calculator (click for more details)
9 Mar 28
JavaScript Continued
  • JS Objects
  • jQuery
 		Mar 30
CSS Frameworks
  • Intro to Bootstrap
  • Intro to Foundation
10 Apr 4 Professor @ Web Audio Conference

This week, class meets on
FRIDAY April 8th, 2:30-4:20pm


 		Apr 6 Professor @ Web Audio Conference

This week, class meets on
FRIDAY April 8th, 2:30-4:20pm


HW:
  • Framework Tutorials
  • Prepare Final Project Proposals
11 Apr 11

Final Project Proposals

 Apr 13
JSON & API's
  • JSON & API's
  • HTML5 Forms
  • Running a local server
12 Apr 18
API's Continued 		Apr 20
Customizing Frameworks, CSS Preprocessors
  • SCSS / SASS / LESS
  • Customizing frameworks
13 Apr 25
  • Guest Stefan Kaltneggar on Interaction Design for web and mobile
  • Review HW
  • Cool JavaScript Libraries
  • HW: Prepare to present something that you learned (i.e. through a Learning Log) for the class on Wednesday
    		• Apr 27
    Learning Log Presentations
    14 May 2
    TBA
    Topics based on final project proposals     		May 4
    TBA
    Topics based on final project proposals
    Final May 9

    Final Presentations

    		 May 11

    Final Presentations