add resources

Author: dougrosman

README.md

@@ -1,5 +1,87 @@
-# learn2code
-Contains resources and examples for the AT/SP Survival Skills: Learn2code workshop
+# learn2code - Code and software tools for AT/SP
+
+This is a non-comprehensive list of resources for venturing into creative code and software tools that brush up against creative code. The resources shared here have (mostly) been vetted or tested before adding. This is not a gaurantee that they'll work on your machine 😉
+
+This is a living document. Resources will go out of date; new resources will be added.
+
+## Libraries, plugins and tools
+
+### Web
+
+- [p5.js](https://p5js.org/) – Creative coding for the web. Based on the [Processing](https://processing.org/) programming language
+- [q5.js](https://q5js.org/home/) – A GPU-optimized version of p5.js that may make some of your sketches run faster. The syntax is very similar to p5.js
+- [A-Frame](https://aframe.io/) – A simple, more approachable 3D graphics library. Good for building WebVR and WebXR websites.
+- [three.js](https://threejs.org/) – 3D graphics and effects in the browser. Built on top of WebGL. three.js is an advanced library.
+- [matter.js](https://brm.io/matter-js/) – Physics library for the web
+- [p5.plotSvg](https://github.com/golanlevin/p5.plotSvg) - Generate SVG files in p5.js to be plotted on a pen plotter
+- [ml5.js](https://ml5js.org/) – Machine learning for the web. Works well with p5.js
+- [MediaPipe](https://ai.google.dev/edge/mediapipe/solutions/guide) – a multi-platform machine learning library designed for efficiency in order to run on low-power devices
+
+
+### TouchDesigner
+
+- [MediaPipe TouchDesigner Plugin](https://github.com/torinmb/mediapipe-touchdesigner) – created by [Torin Blankensmith](https://www.youtube.com/results?search_query=torin+blankensmith). See their hand-tracking tutorial [below](#touchdesigner-2)
+
+## General Learning Resources
+
+- [freeCodeCamp.org](https://www.freecodecamp.org/learn/) - a great free resource with an abundance of hands-on lessons for a variety of coding languages and development contexts
+
+## Books++
+
+- [The Nature of Code by Daniel Shiffman](https://natureofcode.com/) - an intermediate to advanced book covering math and coding concepts for simulating natural systems in code. The book uses p5.js, but these principles can be implemented in other languages. Includes some video tutorials.
+
+## YouTube Channels
+
+### p5.js
+
+- [The Coding Train with Daniel Shiffman](https://www.youtube.com/@TheCodingTrain) - an incredible resource for learning creative code through p5.js
+
+- [Patt Vira](https://www.youtube.com/@pattvira) - great standalone creative coding (and some physical computing) tutorials. A wide variety of beginning to advanced lessons.
+
+
+### TouchDesigner
+
+- [The Interactive & Immersive HQ](https://www.youtube.com/@TheInteractiveImmersiveHQ) – Excellent TouchDesigner lessons and tutorials
+
+- [Torin Blankensmith](https://www.youtube.com/results?search_query=torin+blankensmith) – TouchDesigner, body tracking
+
+### HTML + CSS
+
+- [Kevin Powell](https://www.youtube.com/@KevinPowell) – Super up-to-date tutorials on HTML and CSS (mostly CSS). Great place to learn general web design and development
+
+
+
+## Selected Tutorials and Learning Playlists
+
+### General coding
+
+- [The Coding Train – Git and GitHub for Poets](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZF9C0YMKuns9sLDzK6zoiV) – Learn how to use git and GitHub (whether or not you are a poet).
+
+- [Traversy Media – Command Line Crash Course For Beginners | Terminal Commands](https://www.youtube.com/watch?v=uwAqEzhyjtw) – Learn to use the command line/Terminal. This is an extremely useful skill!
+
+### Creative code on the web
+
+- [The Coding Train - Start learning here!](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA) – Beginners! Learn all the basics of code (variables, conditionals, loops, objects, arrays) in JavaScript with p5.js!
+
+- [The Coding Train – Beginners Guide to Machine Learning in JavaScript](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YPSwT06y_AEYTqIwbeam3y) – some of the videos in this playlist are outdated. The following more recent videos use the updated ml5.js library, and are more likely to work.
+    - [Image Classification with ml5.js](https://www.youtube.com/watch?v=pbjR20eTLVs&list=PLRqwX-V7Uu6YPSwT06y_AEYTqIwbeam3y&index=3&t=23s&pp=iAQB)
+    - [Pose Estimation with ml5.js](https://www.youtube.com/watch?v=IF414I26_K8&list=PLRqwX-V7Uu6YPSwT06y_AEYTqIwbeam3y&index=5&t=14s&pp=iAQB)
+    - [Hand Pose Detection with ml5.js](https://www.youtube.com/watch?v=vfNHdVbE-l4&list=PLRqwX-V7Uu6YPSwT06y_AEYTqIwbeam3y&index=6&t=37s&pp=iAQB)
+    - [Face Mesh Detection with ml5.js](https://www.youtube.com/watch?v=R5UZsIwPbJA&list=PLRqwX-V7Uu6YPSwT06y_AEYTqIwbeam3y&index=7&t=1s&pp=iAQB)
+
+- [Kevin Powell - HTML & CSS for Absolute Beginners](https://www.youtube.com/playlist?list=PL4-IK0AVhVjOJs_UjdQeyEZ_cmEV3uJvx)
+
+### TouchDesigner
+
+- [The Interactive & Immersive HQ – TouchDesigner Tutorial: Beginner Crash Course](https://www.youtube.com/playlist?list=PLpuCjVEMQha9rjhDET3uuE0T3UeIcROJu) – Great place to start to learn the basics of TouchDesigner. Start here before venturing out to more specific/advanced tutorials.
+
+- [Torin Blankensmith – Hand Tracking in TouchDesigner - Master Class Part 1](https://www.youtube.com/watch?v=e2FtkufeErY)
+- [Torin Blankensmith – Hand Tracking in TouchDesigner - Master Class Part 2](https://www.youtube.com/watch?v=XRw1AUa57Zw)
+- [Torin Blankensmith – Hand Tracking in TouchDesigner - Master Class Part 3](https://www.youtube.com/watch?v=7o960C7nXSY)
+
+- [TouchDesigner - IF statements and basic Python (Script CHOP)](https://www.youtube.com/watch?v=pgpteF2Ztp8) – Bring basic if-statements and coding logic with Python into TouchDesigner
+
+
 
 ## Before the workshop
 
@@ -20,28 +102,6 @@ Do the following things before our workshop. You may already have some of these
 1. Sign up for a **p5.js Editor** account [https://editor.p5js.org/signup](https://editor.p5js.org/signup)
 
 
-## Outline
-
-1. Introductions
-    1. Who are we?
-    1. Workshop goals
-
-1. What is code?
-    1. What is code? (Binary to high level languages)
-    1. Different types of code (programming, markup, etc.)
-    1. Coding environments
-
-1. What languages for what projects?
-
-1. Hands-on demos
-    1. Hands on 1: Publishing a website with GitHub Pages
-    1. Hands on 2: Intro to TouchDesigner and Python
-
-1. How do I teach myself?
-    1. Managing expectations (what are our artistic goals?)
-    1. Approaching tutorials
-    1. AI "tutoring"
-
 ## General Tips
 
 1. **Learn terminology** - learning terminology helps you understand what is possible, what to search for, and how better to prompt an AI coding assistant.