Syllabi

Programming Design Systems

In this course students explore the field of graphic design through code. The course is built around a traditional graphic design syllabus, where students learn about visual communication (shapes, color, grid systems, typography, etc), but rather than making static designs, students will use P5.js to create systematic, dynamic designs. A significant part of the class will be devoted to understanding systems as an important part of our design history. The class aims not only to teach students how to create graphic designs with P5.js, but also to have something interesting to say about it. Continue reading...

Reactive User Interfaces

React.js has quickly become a favored tool for making interactive user interfaces for the web and beyond. One reason for this success is that React.js introduces a one-way data flow model that drastically simplifies UI development. This class takes a deep dive into the field of UI development by focusing on what makes a React.js interface different than one built with jQuery: We will look at the React component hierarchy, the JSX templating system, and how to load and display dynamic data from API’s. The goal of the class is to teach students how to design and build beautiful web interfaces that respond to user’s behavior, and at the end of the class, students will have built several functional UI’s in React.js. Continue reading...