SY 2020-2021
-
Make sure to join our Google Classroom with your NYC Schools email. This is our landing page for resources and the hub of our online learning! You can do that by going here once you are logged into your account, clicking the +, and entering code mc33qbm.
SY 2019-2020
These are the individual daily slides for SY 19-20. Copy them to your own Google Drive to modify them!
These pebls include the slides and sample code for PD.
SY 2018-2019
These are the individual daily slides for SY 18-19. Copy them to your own Google Drive to modify them!
Below you can find all teacher-facing lessons and materials for the ICM curriculum. Each unit includes a series of topics and lessons that end with a final project where students creatively apply the computer science concepts they have learned. Click on the arrow to the lft to expand menu and access lessons. You can find the student-facing version here
Unit 1: Drawing, Variables, Random
Unit 2: Response & Draw
This curriculum was developed by the NYCDOE CS4All academics team (José Olivares, EJ Park) with lead writer Luisa Pereira. Additional contributors to the curriculum include Courtney Morgan 🙆♀️ & José Orea (teacher implementation guide and additional activities), Esther Hersh, and the Processing Foundation. All lessons are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International license 
This pebl includes some suggestions for classroom practices. It is by no means exhaustive and should be used to find practices that you think will be effective in your classroom.
The curriculum and worksheets are built using the Peblio platform. Peblio pages contain executable code, text, slides, videos and more. They are useful for creating and sharing programming worksheets and documenting programming projects. See this guide for detailed instructions.
- A great introduction survey by Courtney Morgan
- A sample quiz by Courtney Morgan
- A sample project rubrik by Courtney Morgan
The coding train is am amazing resource for p5 instructional videos. Dan Shiffman is amazing and you can learn anything from his channel.
- Code-it: A block language based on p5
- Open Processing: A web editor with a lot of cool examples from the community
- Codepen: A front end web editor with cool examples (although mostly not p5)
- Repl.it: An online web editor for any language with classroom tools
- Meme Generator: Build a randomized meme generator in p5 -Tutorial
- Generative Portraits: upload images and generate portraits with p5 shapes and the .get function -Worksheet
- Changing faces conditionals practice -Worksheet
- Happy Coding Intro to Coding with p5.js and Processing -15-week Curriculum
These projects help you get up and running with p5 very quickly. They include instructions, videos and sample code. You can create the projects in the Peblio workspace as you watch these videos. They are not classroom resources, but resources to help you build your comfort level with p5.
This hour of code activity introduces drawing with p5 and system variables mouseX and mouseY. If you change the sequence and teach colors after shapes followed by system variables, this is a great project option.
- Facebook group for Processing and p5.js users
- Processing Discourse discussion group
- NYC DOE CSforAll Teacher Slack group