Creative Coding for Beginners with p5.js (1.1)

Step-by-Step Tutorial: Getting Started with Creative Coding using p5.js

Introduction to Coding:

1. Understand the Basics: Watch the introductory video from the playlist "Creative Coding for Beginners with p5.js" by The Coding Train.
2. Requirements: All you need is a computer with a web browser to follow along with the tutorials.

Understanding Programming:

3. Definition: Programming means writing a set of instructions for the computer to follow.
4. Purpose: In this course, you will learn to write instructions for the computer to draw pictures using p5.js.
5. Algorithm: An algorithm is a series of steps to solve a problem. Writing code involves creating instructions to execute an algorithm.

Introduction to p5.js:

6. p5.js Web Editor: Explore the new tool called p5.js Web Editor introduced in the tutorial series.
7. Learning Resource: Access resources and tutorials available on the p5.js website to understand how to use the library effectively.
8. Community Engagement: Learn about the community behind p5.js and how you can contribute to the project.

Learning Path:

9. Programming Languages: Gain an understanding of different programming languages and focus on learning JavaScript for this course.
10. Concepts of Programming: Learn about programming concepts, creativity, and how to bring your ideas to life through coding.
11. HTML and CSS: While focusing on JavaScript, you may also inadvertently learn about HTML and CSS, essential for web development.

Resources and Further Exploration:

12. Explore p5.js Website: Visit the p5.js website to access tutorials, examples, and the community section.
13. Community Statement: Read the community statement to understand the values and principles of the p5.js project.
14. Web Editor Features: Watch a video tutorial on the features of the p5 Web Editor by Cassie Tarakajian for a deeper understanding.

Next Steps:

15. Coding Practice: Start experimenting with code in the p5 Web Editor, understanding functions like setup(), draw(), and exploring different commands.
16. Continuous Learning: Watch subsequent videos in the series to build on your knowledge and create interactive projects using p5.js.

Community Engagement and Beyond:

17. Engage with the Community: Learn about the accessibility features of the p5 Web Editor and how it supports diverse users.
18. Education Outreach: Explore resources for educators and students provided by The Processing Foundation for teaching with p5.js.

Conclusion:

19. Continuous Learning: Keep watching the tutorial series to enhance your coding skills and creativity with p5.js.
20. Explore Beyond Coding: Apart from programming, engage in other activities and connect with people for a holistic experience.

By following these steps and engaging with the resources provided in the tutorial series, you can start your journey into creative coding with p5.js.