Merge pull request #434 from processing/education-resources

Education Resources Link + Playlist and Book

Author: Qianqianye

src/content/pages/en/education-resources.mdx

@@ -7,7 +7,7 @@ import EducationResource from "@components/EducationResource/index.astro";
 
 <div class="rendered-markdown !max-w-screen-lg">
 
-Every teaching experience has unique goals, messages, conditions, and environments. By documenting and sharing p5.js educational resources, such as workshops and classes, we aim to better connect the p5.js learner and educator communities worldwide. Add your educational resource [here](https://github.com/processing/p5.js-website/blob/main/src/content/pages/en/education-resources.mdx?plain=1)!
+Every teaching experience has unique goals, messages, conditions, and environments. By documenting and sharing p5.js educational resources, such as workshops and classes, we aim to better connect the p5.js learner and educator communities worldwide. [Add your educational resource (https://github.com/processing/p5.js-website/blob/main/src/content/pages/en/education-resources.mdx?plain=1) on GitHub]!
 
 Thank you to Tuan Huang, Yu Lee, and Janis Sepúlveda for initiating the education resource list during OSACC 2024, as well as to previous p5.js Teach page contributors Inhwa Yeom, Gracia Zhang, and Qianqian Ye. 
 
@@ -332,8 +332,43 @@ Thank you to Tuan Huang, Yu Lee, and Janis Sepúlveda for initiating the educati
       [GitHub](https://n1ckfg.github.io/SixFeatures)
     </Fragment>
   </EducationResource>
+
+ <EducationResource
+    name="Code! Programming with p5.js!"
+    featuredImage={await import("../images/education-resources/coding-train.jpg")}
+    featuredImageAlt="Screenshots of Coding Train Video Tutorials"
+  >
+    <Fragment slot="author">
+       Daniel Shiffman, The Coding Train
+    </Fragment>
+    <Fragment slot="description">
+      Learn all the basics of code (variables, conditionals, loops, objects, arrays) in JavaScript with p5.js!
+    </Fragment>
+    <Fragment slot="materials">
+      [Website](https://thecodingtrain.com/tracks/code-programming-with-p5-js)
+      [YouTube](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA)
+    </Fragment>
+  </EducationResource>
+
+ <EducationResource
+    name="The Nature of Code"
+    featuredImage={await import("../images/education-resources/nature-of-code.jpg")}
+    featuredImageAlt="Cover of Nature of Code book"
+  >
+    <Fragment slot="author">
+       Daniel Shiffman
+    </Fragment>
+    <Fragment slot="description">
+      Online (and print) textbook on simulation natural systems with p5.js. Covers physics engines, generative algorithms, and machine learning.
+    </Fragment>
+    <Fragment slot="materials">
+      [Website](https://natureofcode.com/)
+    </Fragment>
+  </EducationResource>  
+
 </ul>
 
+
 ## International tutorials from the community
 
 <ul class="list-none content-grid pb-4xl mb-lg border-b border-sidebar-type-color last:border-0  mt-[var(--spacing-xl)]">