Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
12-week-p5js [2022/05/15 23:33] renick12-week-p5js [2024/03/11 23:35] (current) renick
Line 3: Line 3:
 ===== Introduction ===== ===== Introduction =====
  
-This coding course is generally meant to introduce you to programming and some possibilities for you to use it in your future life. In particular, you will become basically familiar with the p5js library, which among other things will give you a tool to exercise your creativity and make visual pictures.+This coding course is generally meant to introduce you to programming and some possibilities for you to use it in your future life. In particular, you will become basically familiar with the <color black/magenta>p5js library</color>, which among other things will give you a tool to exercise your creativity and make pictures.
  
 We hope that by taking part in the course, you will (further) develop your ability to see and think about the world in a different way. This will help you with overcoming challenges and novel situations in your future life. You may also find that you develop interest in further learning programming and wish to continue down that path in the future. We hope that by taking part in the course, you will (further) develop your ability to see and think about the world in a different way. This will help you with overcoming challenges and novel situations in your future life. You may also find that you develop interest in further learning programming and wish to continue down that path in the future.
Line 12: Line 12:
  
 Good luck.  Good luck. 
 +
 +===== a note about important terms and JavaScript keywords =====
 +
 +In the lessons below, important terminology will be <color black/pink>labeled in pink, like this</color>. We'll also link them to Wikipedia or other references as much as we can. There are certain words that the JavaScript programming language reserves for its use. These words have a special meaning in JavaScript, and when we talk about them in the lesson we'll <color black/yellow>display them in yellow, like this</color>.
      
 +===== a note about the p5js editor  =====
 +
 +You will want to get familiar with this editor. 
 +  
 +https://editor.p5js.org/
 +
 +It'd be a good idea to go there and create an account. Copy code over from any example, run it, and change it freely!
 +
 ===== Class Schedule ===== ===== Class Schedule =====
  
Line 20: Line 32:
   - [[p5js-week-04|week 04]]: array, index, push, pop, concat, Math.floor, pick; p5js: translate, rotate, resetMatrix   - [[p5js-week-04|week 04]]: array, index, push, pop, concat, Math.floor, pick; p5js: translate, rotate, resetMatrix
   - [[p5js-week-05|week 05]]: buildArray, arrow functions; p5js: line, begin/end shape   - [[p5js-week-05|week 05]]: buildArray, arrow functions; p5js: line, begin/end shape
-  - [[p5js-week-06|week 06]]: using objects, class, property, method, Point class; p5js: animation basics +  - [[p5js-week-06|week 06]]: using objects, class, property, method, forEach, Point class; p5js: using the Point class to draw 
-  - [[p5js-week-07|week 07]]: making your own class 1; p5js: frameRate +  - [[p5js-week-07|week 07]]: making your own class 2, map; p5js: a better shape function, drawing with your own class 2 
-  - [[p5js-week-08|week 08]]: making your own class 2; p5js: more animation +  - [[p5js-week-08|week 08]]: making your own class 3, filter; p5js: drawing with your own class 3 
-  - [[p5js-week-09|week 09]]: array review, arrow function review, forEach +  - [[p5js-week-09|week 09]]: review 
-  - [[p5js-week-10|week 10]]: if statement 1 +  - [[p5js-week-10|week 10]]: making your own class and drawing with it 4 
-  - [[p5js-week-11|week 11]]: if statement 2 +  - [[p5js-week-11|week 11]]: if statement 1, more about forEach (two-argument callbacks) 
-  - [[p5js-week-12|week 12]]: map; p5jsgradients+  - [[p5js-week-12|week 12]]: if statement 2else and else if, includes
  
 ===== Supplemental Lessons ===== ===== Supplemental Lessons =====
  
   - [[p5js-supplement-01|supplement 01]]: sharing code, open source software   - [[p5js-supplement-01|supplement 01]]: sharing code, open source software
 +  - [[p5js-local-server|supplement 02]]: hosting your sketches on a local server
 +  - [[p5js-interaction|supplement 03]]: making interactive sketches
 +  - [[p5js-photos|supplement 04]]: manipulating photos in p5js
 +  - [[p5js-photos-interactive|supplement 05]]: combining interactivity and photos in p5js
 +  - [[p5js-sound1|supplement 06]]: the basics of sound in p5js
 +
 +===== Thanks! =====
 +
  • 12-week-p5js.1652682804.txt.gz
  • Last modified: 23 months ago
  • by renick