Building Interactive Projects with Creative Coding
( 30 Modules )
Module #1 Introduction to Creative Coding Explore the basics of creative coding, its applications, and the tools well be using in this course.
Module #2 Setting up a Creative Coding Environment Learn how to set up a coding environment using a code editor, IDE, or online platform.
Module #3 Introduction to JavaScript and p5.js Get started with JavaScript and the p5.js library, a popular toolkit for creative coding.
Module #4 Basic Drawing and Animation Learn the basics of drawing and animation using p5.js, including shapes, colors, and motion.
Module #5 User Input and Interaction Discover how to handle user input, including mouse and keyboard events, and create interactive projects.
Module #6 Variables, Data Types, and Operators Dive deeper into JavaScript fundamentals, including variables, data types, and operators.
Module #7 Conditional Statements and Loops Learn how to use conditional statements (if/else) and loops (for, while) to control the flow of your code.
Module #8 Functions and Modularity Understand how to write reusable code using functions and modularize your projects for easier maintenance.
Module #9 Object-Oriented Programming Basics Get introduced to object-oriented programming concepts, including objects, classes, and inheritance.
Module #10 Creating Interactive Visuals Learn how to create interactive visualizations using p5.js, including particles, curves, and shapes.
Module #11 Sound and Audio in p5.js Explore how to work with sound and audio in p5.js, including loading and manipulating audio files.
Module #12 Project 1:Interactive Drawing Tool Apply your skills to build an interactive drawing tool using p5.js and JavaScript.
Module #13 Introduction to 3D Graphics Get started with 3D graphics using p5.js, including coordinate systems and 3D shapes.
Module #14 3D Transformations and Animation Learn how to transform and animate 3D objects using p5.js.
Module #15 Working with External Data and APIs Discover how to work with external data and APIs in your creative coding projects.
Module #16 Project 2:Interactive 3D Visualization Build an interactive 3D visualization using p5.js and external data.
Module #17 Advanced Topics in p5.js Explore advanced topics in p5.js, including shader programming and advanced 3D techniques.
Module #18 Creative Coding for Web and Mobile Learn how to deploy your creative coding projects to the web and mobile devices.
Module #19 Accessibility and Inclusive Design Discuss the importance of accessibility and inclusive design in interactive projects.
Module #20 Project 3:Interactive Installation or Game Design and build a more complex interactive installation or game using p5.js and JavaScript.
Module #21 Collaborative Coding and Version Control Learn how to work collaboratively on coding projects using version control systems like Git.
Module #22 Creative Coding in Other Environments Explore other creative coding environments, including OpenFrameworks, Processing, and more.
Module #23 Advanced JavaScript Topics Dive deeper into advanced JavaScript topics, including async programming, promises, and more.
Module #24 Machine Learning and AI in Creative Coding Get introduced to machine learning and AI concepts in creative coding, including neural networks and computer vision.
Module #25 Project 4:Interactive AI-Driven Project Apply your skills to build an interactive AI-driven project using machine learning libraries like TensorFlow.js.
Module #26 Deploying and Maintaining Interactive Projects Learn how to deploy and maintain your interactive projects, including optimization techniques and error handling.
Module #27 Creative Coding for Social Impact Explore how creative coding can be used for social impact, including environmental sustainability and social justice.
Module #28 Final Project Development and Feedback Work on final projects and receive feedback from instructors and peers.
Module #29 Final Project Presentations and Showcase Present and showcase final projects, and celebrate the completion of the course.
Module #30 Course Wrap-Up & Conclusion Planning next steps in Building Interactive Projects with Creative Coding career