{"id":99,"date":"2016-07-29T15:42:56","date_gmt":"2016-07-29T15:42:56","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?page_id=99"},"modified":"2018-09-11T23:48:02","modified_gmt":"2018-09-12T03:48:02","slug":"programming-p5-js","status":"publish","type":"page","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/programming-p5-js\/","title":{"rendered":"Programming p5.js"},"content":{"rendered":"\n

Online Reference Materials<\/h2>\n
p5.js<\/a> is a JavaScript library which makes coding accessible for artists, designers, educators, and beginners. It is a member of the Processing<\/a> family of free, open-source arts-engineering toolkits. Here are some quick links you may find helpful:<\/p>\n
p5.js Reference<\/a><\/strong><\/li>\n
p5.js Examples<\/a><\/strong><\/li>\n
W3 Schools JavaScript Reference<\/a>
<\/strong><\/li>\n
DevDocs.io JavaScript Reference<\/a><\/strong><\/li>\n<\/ul>
Textbooks and Examples Shown in Class<\/h2>\n
This semester we will be dipping into the following two textbooks:<\/p>\n
Lauren McCarthy, Getting Started with p5.js<\/a><\/em><\/strong> (O’Reilly)<\/li>\n
Dan Shiffman, Learning Processing<\/a><\/em> <\/strong>(Elsevier)<\/li>\n<\/ul>
These books provide example programs written for p5.js on Github. We will encounter and study many of these examples in class:<\/p>\n
Code examples for Getting Started With p5.js<\/a><\/em><\/li>\n
Code examples for Learning Processing<\/a> (p5.js version)<\/em><\/li>\n<\/ul>
Regarding the Learning Processing<\/em> book, please note the following:<\/p>\n
Dan Shiffman has made an excellent website providing very helpful videos<\/a>.<\/li>\n
The (paper) book uses examples written in Java, but Shiffman’s Github provides versions of those examples in both Java and JavaScript. There are minor differences, but the underlying concepts are the same. <\/em><\/li>\n<\/ul>
External Tutorials<\/h2>\n
If you’re feeling lost or falling behind, you may find another online tutorial helpful. It can sometimes help to hear the same material explained by someone else. Check out:<\/p>\n
Khan Academy graphical introduction to JavaScript<\/a><\/li>\n
CodeSchool JavaScript Road Trip<\/a><\/li>\n
W3Schools JavaScript Tutorials<\/a><\/li>\n
Lynda.com JavaScript Tutorials<\/a> (Note: free to CMU students<\/a>!)<\/em><\/li>\n
Guru99.com<\/a><\/li>\n<\/ul>
Similar Curricula<\/h2>\n
p5.js is used around the world for introductory education in creative coding and media arts. The people who develop p5.js are themselves educators, and in the open-source spirit of the project, make their curricula available online. You may even recognize some of their exercises in our class. Curricula by external educators include:<\/p>\n
Lauren McCarthy’s Creative JavaScript<\/a><\/em> (NYU)<\/li>\n
Dan Shiffman’s The Nature of Code<\/a><\/em> (NYU)<\/li>\n
Dan Shiffman’s Intro to Computational Media<\/a><\/em> (NYU)<\/li>\n
John Kuiphoff’s Introduction to Interactive Computing<\/a><\/em> (College of NJ)<\/li>\n
Paolo Pedercini’s EMS2: 60-210<\/a><\/em> (CMU)<\/li>\n<\/ul>
Here are some other reference curricula for introductory programming education (Note: non-JavaScript<\/em>):<\/p>\n
Dilsun Kaynar & Penny Anderson’s CMU 15-110<\/a><\/em> (Python)<\/li>\n
Roger Dannenberg & Jim Roberts’ CMU 15-104<\/a><\/em>, Fall 2014 (Python & Processing)<\/li>\n
David Kosbie’s CMU 15-112<\/a><\/em> (Python)<\/li>\n<\/ul><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"
Online Reference Materials p5.js is a JavaScript library which makes coding accessible for artists, designers, educators, and beginners. It is a member of the Processing family of free, open-source arts-engineering toolkits. Here are some quick links you may find helpful: p5.js Reference p5.js Examples W3 Schools JavaScript Reference DevDocs.io JavaScript Reference Textbooks and Examples Shown … Continue reading “Programming p5.js”<\/span><\/a><\/p>\n","protected":false},"author":535,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/pages\/99"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/users\/535"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/pages\/99\/revisions"}],"predecessor-version":[{"id":28797,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/pages\/99\/revisions\/28797"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Textbooks and Examples Shown in Class<\/h2>\nThis semester we will be dipping into the following two textbooks:<\/p>\n

External Tutorials<\/h2>\nIf you’re feeling lost or falling behind, you may find another online tutorial helpful. It can sometimes help to hear the same material explained by someone else. Check out:<\/p>\n