NYU, Interactive Telecommunications Program, Spring 2020
Dynamic Web Development introduces the fundamentals of building "full stack" web applications. This course will focus on modern, client- and server- side web technologies and provide practical methods for approaching web development for creative and functional applications. The core technologies used in this course are HTML5, JavaScript, Node.js with the Express framework, and MongoDB database. Students will learn to design, develop, and deploy web applications and gain the necessary skills to extend and explore web development independently.
The course will be a mixture of lecture and in-class collaborative coding, with weekly programming and reading homework.
Link to the course listing
Category: 2 Point, All, Elective
Tags:
| Details | Section 1 | Section 2 |
|---|---|---|
| Instructor | Joey Lee | Cassie Tarakajian |
| Instructor Email | [email protected] | [email protected] |
| Instructor Github | @joeyklee | @catarak |
| Class Day | Monday | Monday |
| Class Time | 6:30 - 9:00 | 6:30 - 9:00 |
| Class Room | Room 411, 370 Jay Street, Brooklyn | Room 450, 370 Jay Street, Brooklyn |
| Class Dates | Jan. 27 - Mar. 23 | Jan. 27 - Mar. 23 |
Office hours are by appointment. Please see the office hour offerings by the instructors below. You are also welcome to meet with ITP Residents.
| Detail | Joey | Cassie |
|---|---|---|
| Office Hours | 4-5pm, TUE & THUR By Appointment | 11AM-1PM, Friday By Appointment |
| Location | ITP FLOOR or ITP RESIDENT'S OFFICE | ITP FLOOR or ITP RESIDENT'S OFFICE |
- NOTE: If you can't make those times, please send either of us an email and we can chat at another time or via video conference.
By the end of the class, you should have a solid understanding of the following concepts:
- Full-Stack Javascript - Familiarity with both client-side and server-side Javascript.
- UI/UX Design - Creating wireframes and style guides, and translating them to code.
- Designing Data-Driven Applications - How to design and build a 'full-stack' data application.
- Using APIs - How to interact with and use an API from within your client application.
- Structuring Data - How to intelligently structure data.
- Storing Data - How to build systems to store your own data.
- Building APIs - How to build your own APIs and make the data available to client applications.
- Deploying full stack applications - Deploying applications using Platforms-as-a-Service (PaaS) with Git/GitHub, Glitch, and Heroku.
NOTE: These goals and objectives were adapted from Sam Slover's API of you class and the previous ITP's 2018 DWD Course.
In order to achieve these objectives, students will spend the semester building, refactoring, getting feedback and iterating on, one project throughout the course. The interactive web application will require students to exercise each of the key skills taught throughout this course as well as equip students with the skills to continue developing new dynamic web applications after the course.
| GO TO | DATE | THEME | NOTES |
|---|---|---|---|
| WEEK 01 | JAN 27 | Web foundations | n/a |
| WEEK 02 | FEB 03 | Front-end Foundations | n/a |
| WEEK 03 | FEB 10 | Front-end Applications | n/a |
| WEEK 04 | FEB 24 | Back-end Foundations | n/a |
| WEEK 05 | MAR 02 | Data Persistence & Databases | n/a |
| WEEK 06 | MAR 09 | Synthesis | n/a |
| WEEK 07 | MAR 23 | Final Class | n/a |
| ASSIGNMENT | DUE DATE | TITLE | NOTES |
|---|---|---|---|
| A1 | FEB 03 | Internet Art: Materiality of the web | n/a |
| A2 | FEB 10 | Making & Breaking the Grid: Swiss Poster Website | n/a |
| A3 | FEB 24 | Dynamic Front-end Applications: Advanced Client-side JavaScript and Networking | n/a |
| A4 | MAR 02 | API Love You: Oh CRUD. | n/a |
| A5 | MAR 09 | The API of You: Living forever on the web | n/a |
| FINAL PROJECT & PRESENTATION | MAR 23 | Final Project | n/a |
📨 All Assignments should be submitted to your respective section:
- Section 1:
- Section 2:
Students will be evaluated on effort, personal progress and growth, class participation, assignments, and the final project. It is understood that coding and making things is tough, therefore your effort, curiosity, and engagement is of utmost importance. You will be graded on your progress throughout the class, your ability to complete assignments on time, your interaction with peers, and your ability to justify your decisions thoughtfully.
Here is a basic breakdown of graded tasks along that trajectory:
- 20% Attendance/Participation
- 50% Assignments
- 10% Project Proposal
- 20% Final Project, completed on conclusion of the course
- TOTAL: 100%
Please see ITP's statement on Pass/Fail which states that a "Pass" is equivalent to an "A" or a "B" while anything less would be considered a "Fail".
Here's an outline of how your assignments and final will generally be evaluated. The explaners of each category are rough guidelines for how I assign numbers (or quantify 😉) to the work you are producing in this class. Inspired by cmda-tt course.
| Category | 1 - 2 pts | 3 - 4 pts | 5 - 6 pts | 7 - 8 pts | 9 - 10 pts |
|---|---|---|---|---|---|
| Quality | The work is handed in late, broken, incomplete, undocumented, or shows lack of care or thought | The work is only partially documented and seems only partially complete | The work is documented and represents the student's concept and shows good effort | The work is well documented, thoughtful, and professional | The work shows mastery and is well polished |
| Understanding | There is either no substance or the student cannot explain or justify decision making | The work shows partial grasp of the concepts, but shows major gaps that could be addressed with more thought | The work is sensible and grounded and can be explained in a coherent manner | The work represents the concept well, references past and current work. The student can speak to more than 1 perspective. | The work shows strong graps of concepts and the state-of-the-art. The work is well received in both concept and implementation |
| Application | The work reflects very little conceptual references to the course materials; a general lack of awareness to methodology and implementation | The work applies methodology(ies) that have some potential, but not quite relevant or effective | The work uses methods that are appropriate and thoughtful. The application of methods are standard and show good potential | The work uses methods that are appropriate, thoughtful, and well implemented. There are innovative ideas that are shown in the application. | There work shows careful methodological considerations and is beautifully crafted, designed, and presented. |
Attendance is mandatory. Please inform your teacher via email if you are going to miss a class. Two unexcused absences is cause for failing the class. (An unexcused lateness of 10 minutes or more is equivalent to 1/2 an absence.)
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 20% of your grade.
Late assignments will not be accepted except under special circumstances or with a doctors note.
If you have not "finished" your assignment you still must submit what you have done to the appropriate assignment submission google form. You can improve on your submitted assignent after submission, BUT your work will not be reviewed if it is passed the deadline.
Plagiarism is presenting someone else’s work as though it were your own. More specifically, plagiarism is to present as your own: A sequence of words quoted without quotation marks from another writer or a paraphrased passage from another writer’s work or facts, ideas or images composed by someone else.
The core of the educational experience at the Tisch School of the Arts is the creation of original academic and artistic work by students for the critical review of faculty members. It is therefore of the utmost importance that students at all times provide their instructors with an accurate sense of their current abilities and knowledge in order to receive appropriate constructive criticism and advice. Any attempt to evade that essential, transparent transaction between instructor and student through plagiarism or cheating is educationally self-defeating and a grave violation of Tisch School of the Arts community standards. For all the details on plagiarism, please refer to page 10 of the Tisch School of the Arts, Policies and Procedures Handbook, which can be found online at: http://students.tisch.nyu.edu/page/home.html
Please feel free to make suggestions to your instructor about ways in which this class could become more accessible to you. Academic accommodations are available for students with documented disabilities. Please contact the Moses Center for Students with Disabilities at 212 998-4980 for further information.
Your health and safety are a priority at NYU. If you experience any health or mental health issues during this course, we encourage you to utilize the support services of the 24/7 NYU Wellness Exchange 212-443-9999. Also, all students who may require an academic accommodation due to a qualified disability, physical or mental, please register with the Moses Center 212-998-4980. Please let your instructor know if you need help connecting to these resources.
Laptops will be an essential part of the course and may be used in class during workshops and for taking notes in lecture. Laptops must be closed during class discussions and student presentations. Phone use in class is strictly prohibited unless directly related to a presentation of your own work or if you are asked to do so as part of the curriculum.
Tisch School of the Arts to dedicated to providing its students with a learning environment that is rigorous, respectful, supportive and nurturing so that they can engage in the free exchange of ideas and commit themselves fully to the study of their discipline. To that end Tisch is committed to enforcing University policies prohibiting all forms of sexual misconduct as well as discrimination on the basis of sex and gender. Detailed information regarding these policies and the resources that are available to students through the Title IX office can be found by using the following link: Title IX at NYU - https://www.nyu.edu/about/policies-guidelines-compliance/equal-opportunity/title9.html.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent