DM-GY 9103 P Dynamic Web

Fall 2023 – Professor Kathryn Adee

Wednesday 11:00 AM – 1:50PM; Brooklyn Navy Yard, Bldg 22 Room 303 Loc: Brooklyn Campus

To contact professor: [email protected]

Office hours can be viewed and booked here

Basic computer knowledge. Basic familiarity with any programming/scripting language is preferred. Moderate familiarity with HTML5, CSS3 and Javascript.

In this course, students focus on client-side programming. Assignments are arranged in sequence to enable the production of a webpage of professional quality in design and production. This studio stresses interactivity, usability, and the quality and appropriateness of look and feel. This course will utilize industry standard design and build patterns and type checking.

In this course we will dive into SPAs (single page web applications) with the latest React and Redux technology. After refreshing a few front end should knows and good to knows, we will build simple games using React + JSX, keep track of the progress and score via local State and Redux Store and then style them with CSS Modules and Variables. Then we will progress to a semester long project where students will learn the concepts of reusable components, atomic CSS, and create a living Style Guide using Styleguidist as we build out a custom website using React, Redux, and Webpack. Class speed permitting we may also delve into testing with our component library.

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.

• Refresh and expand knowledge of fundamental front end web development languages such as HTML5 CSS3 and Javascript
• Learn how to create and build upon a React project with Webpack.
• Track user interaction with React local state and/or Redux
• Build and maintain a component library with Styleguidist and CSS variables.
• Implement type checking via TypeCheck.

Class time will be spent as a combination of lecture, review, and in class exercises/presentations. 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 repository with README.md files for documentation.

There is no required textbook for this course, however students will be required to review the upcoming class notes located in the class repository.

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.

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

IDM coursework documentation using ypur github repo for this class. Please use Markdown files

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

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.

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.

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.

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.

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.

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 [email protected]. 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.

September 18, 2023- Last day to drop/add on Albert for all students. Last day to drop spring 2017 classes and not receive a grade of 'W'.

October 9, 2023 - Fall Break. No classes scheduled / University Holiday

October 10, 2023 - Legislative Monday. Classes meet according to a Monday schedule.

November 22, 2023 - Fall Break, No classes scheduled / University Holiday

December 4,2023 - last day a student can withdraw from the course and receive a W.

December 15,2023 - Last day of Spring Classes

December 18, 2023 through Decemeber 22, 2023 - Fall Semester Exams