Parsons School of Design
Design and Technology
PUDT3101, Core Lab Systems
CRN 3047
Fall 2024 Monday + Wednesday 4:00pm - 6:40pm
6 East 16th Street, Room 1208
You can reach me at leey611@newschool.edu
Office Hours: here or by appointment
Syllabus
Assignments
Resources
Students
Community Agreements
Course Description
This course provides production and coding skills for projects involved in Core Studio: DT3 - Systems. Students will expand their understanding of acquiring and processing data sets. They will learn about form, function and techniques for developing virtual and physical networked systems, interactive environments, objects and processes.
Primary technical subjects include creating and publishing web content using HTML, CSS, and Javascript; working with data APIs; and project documentation.
Week 16
Wednesday, December 11
Monday, December 09
Week 15
Wednesday, December 04
Monday, December 02
Week 14
Wednesday, November 27
Monday, November 25
- Real-time interaction
- Workshop: Socket.io
Week 13
Wednesday, November 20
Monday, November 18
Week 12
Wednesday, November 13
- Testing API with Postman
- 1-on-1s sign up for 11/18
Monday, November 11
- What is RESTful API?
- REST Workshop: GET, POST, PUT, DELETE
Week 11
Wednesday, November 06
- What is CORS?
- Node.js: using APIs
Assignment 8.1 API + Website due 11/20
Monday, November 04
- Node.js: adding external Node packages
- Node.js: fetching data
- Node.js: using an API key with
.env
Week 10
Wednesday, October 30
- General Node development tips
- Work session
Assignment 7.2 Develop a Web Service due 11/04
Monday, October 28
- Setting up a Node development environment
- Creating and running an Express-based web service
- Publishing a Node-based web service with Render
Assignment 7.1 Web Service due 10/30
Week 9
Wednesday, October 23
- React.js: API + useEffect
Assignment 6.1 React Webiste due 10/30
Monday, October 21
- React.js: useState
- React.js: Deployment on Github Pages
Week 8
Wednesday, October 16
- Component Driven Development
- Intro to React
Assignment 6.1 React Webiste due 10/30
Monday, October 14
- D3.js: loading data
- D3.js: transition and interaction
Week 7
Wednesday, October 09
- JavaScript: updating elements in D3.js
- JavaScript: D3 scale, axis, margin
Assignment 5.2 Data Visualization due 10/09
Monday, October 07
- Data visualization on the web
- JavaScript: intro to D3.js
Assignment 5.1 SVG Drawing due 10/14
Week 6
Wednesday, October 02
- JavaScript: animating with GSAP
Assignment 4.2 Interactive Website due 10/09
Monday, September 30
- JavaScript: event listeners
- Exercise:
mousemove, input
Assignment 4.1 Dynamic Web Page due 10/07
Week 5
Wednesday, September 25
- JavaScript: breakpoints and debugger
- Documentation: markdown(.md) files
Assignment 3.4 Debugger and Documentation due 09/30
Monday, September 23
- JavaScript: JavaScript Runtime
- JavaScript: Object-Oriented Programming
Assignment 3.3 JavaScript Class and Object due 09/25
Week 4
Wednesday, September 18
- Git, Github, and Version Controls
- Workshop: working with Git
Assignment 3.2 Open Source and Contribution due 09/23
Monday, September 16
- Command Line Interface (CLI)
- JavaScript: Data Types and JSON
Assignment 3.1 File-Made Structure due 09/18
Week 3
Wednesday, September 11
- JavaScript: document object model (DOM)
- JavaScript: data, function, if/else, loop
- JavaScript: fetch and promise
Monday, September 09
- CSS: units and fluid typography
- CSS layout: flexbox and grid
- CSS: selectors
- CSS: position
- CSS: transition and animation
Assignment 2.2 Static Website due 09/16
Week 2
Wednesday, September 04
- Environment setup
- HTML:
head, meta, and body - HTML/CSS Review: navbar, card, carousel (html-css-review.zip)
Assignment 2.1 DOM due 09/09
Monday, September 02
No class
Week 1
Wednesday, August 28
- Websites are made up of files.
- What is the internet?
- Protocols are rules for how computers talk to one another.
- What are the 7 layers of the Internet?
- The Internet is a physical infrastructure.
- What is the Web?
- What happens when we publish a website?
- What happens when we access a website?
Assignment 1.1 How Does the Internet Really Work due 09/04
Monday, August 26
- Introductions
- Syllabus review
- Community agreements