Introduction to Creative Coding with p5.js
Create art with code!

What you will learn
Learning basics of coding through p5js (A beginner friendly javascript library)
Understand what creative coding is
Making art (simple paint applications and generative portraits) with p5js
Learn simple programming concepts like variables, conditionals, loops. Gets you started on development and javascript
Why take this course?
Introduction to Creative Coding with p5.js: Create Art with Code! 🎨✨
Welcome to our Creative Coding Class where art and code collide! 🚀
Course Headline: 🎓 Create art with code! Unleash your inner artist through the power of programming. No prior coding experience? Not a problem! We'll guide you from the basics to advanced creative coding techniques using JavaScript and p5.js. 🖌️👩💻
About the Course
-
Your Journey Begins Here: Dive into the world of coding without any prior knowledge required! Our course starts from the ground up, ensuring that by the end, you'll be fluent in programming basics. 📚➡️💻
-
Develop Key Skills: This workshop is designed to sharpen your computational thinking, logic, and mathematical skills. All this while creating visually appealing artworks! 🧠🎭
-
Learn JavaScript the Web's Language: Get acquainted with JavaScript, the language that powers the web and is essential for creative coding. 🌍💬
-
Master p5.js: Explore p5.js, a flexible and powerful library built on top of JavaScript, tailor-made for creative programming. With p5.js, you can turn your creative ideas into interactive artworks. 🎨➡️👩💥
What You'll Learn
By the end of this course, you will have created several projects, including:
-
Generative Portraits: Transform photos into artistic representations using code. 🤳️🖼️
-
Animating Simple Drawings: Bring still images to life with animation techniques in p5.js. 🎞️👀
-
Making a Paint Application: Recreate the experience of MS Paint using variables and conditional logic. 🖌️🧩
Course Structure
This course is structured into four engaging modules:
-
Simple Shapes and Animation: Understand the basics of p5, functions, and variables through interactive exercises. 📐✨
-
Making a Paint Application: Learn more about variables and conditional statements by creating your own digital paint application. 🎨🖌️
-
Generative Patterns: Dive into the world of for loops and create intricate patterns with code. 🔄🖵️
-
Generative Portraits: Explore the use of images, camera input, and algorithms to create portraits that come to life! 🤳🏼🌟
Materials Required
To make the most out of this course, you'll need:
-
A computer or laptop with internet access to view the videos and work on coding exercises. Please note that this course is not available for iPads and iPhones at this time. 💻☁️
-
Google Chrome browser for accessing the coding environment. 🌐🔗
Join us on this creative coding adventure and let's turn your ideas into stunning visual art with the power of code! Enroll now and start your journey into the fascinating world of creative coding with p5.js. Let's get started! 🎉🚀
Our review
🏆 Course Review for "Creative Coding with p5.js"
Introduction: The "Creative Coding with p5.js" course has received an overwhelmingly positive response from its students, with a global rating of 4.70 and all recent reviews being highly favorable. The course is designed to introduce learners to the world of creative coding using the p5.js library, which enables coders to create graphic projects and interactive art in web browsers without any plugins.
Pros:
-
Ease of Learning: The course breaks down complex concepts into "easily digestible chunks," making it accessible for beginners. Learners report that the material is well-explained, facilitating a smooth learning curve.
-
Engagement and Enjoyment: Students have expressed that they've had a blast creating art with code, thanks to the course's interactive prompts and fun exercises. The hands-on approach has made learning both educational and entertaining.
-
Thorough Instruction: The content is comprehensive enough for learners to complete all provided exercises without encountering difficulties. The instruction is clear and concise, which is a testament to the course's structure and the instructor's teaching style.
-
Innovative Approach: The course encourages exploration within the medium of coding, allowing students to push boundaries and discover personal creativity.
-
Practical Application: The course covers the basic principles of p5.js effectively, demonstrating how to use them to create engaging effects. This practical application is a highlight for students who are able to see immediate results from their code.
Cons:
-
Content Depth: Some learners felt that the course could have covered more concepts to provide a more comprehensive understanding of creative coding with p5.js.
-
Course Length and Level: The course may be too short for individuals who already have some foundation in creative coding. Given the price, some students expected a more challenging curriculum that would cater to their intermediate level skills.
Final Verdict: The "Creative Coding with p5.js" course is an excellent starting point for anyone interested in merging art and programming. Its clear instruction, interactive exercises, and engaging content make it a standout offering for beginners in the field of creative coding. While some may find the content too elementary if they already have experience, the course's overall structure and pedagogical approach have garnered high praise from the majority of its participants. It is a strong recommendation for anyone looking to learn how to code creatively or for those looking to expand their p5.js knowledge with an engaging and enjoyable learning experience.