Learn the fundamentals of computer programming using JavaScript and the p5.js creative computing environment in this 7-hour course designed for beginners. Explore variables, conditionals, iteration, functions, and objects while creating visual displays for various devices. Gain an understanding of computational media, develop programming skills, and acquire the ability to learn new tools for personal projects. Progress through topics including shapes, drawing, color, errors, variables, operators, functions, loops, object-oriented programming, arrays, and mouse interaction. By the end, create visually engaging programs and understand how to apply these skills to future computational media projects.
Overview
Syllabus
Code! Programming with p5.js for Beginners Trailer.
1.1: Code! Programming for Beginners with p5.js.
1.2: p5.js Web Editor - p5.js Tutorial.
1.3: Shapes & Drawing - p5.js Tutorial.
1.4: Color - p5.js Tutorial.
1.5: Errors & Console - p5.js Tutorial.
1.6: Code Comments - p5.js Tutorial.
2.1: Variables in p5.js (mouseX, mouseY) - p5.js Tutorial.
2.2: Variables in p5.js (Define Your Own) - p5.js Tutorial.
2.3: Incrementation Operators - p5.js Tutorial.
2.4: random() Function - p5.js Tutorial.
2.5: The map() Function - p5.js Tutorial.
2.6: createGraphics() - p5.js Tutorial.
3.1: Introduction to Conditional Statements - p5.js Tutorial.
3.2: The Bouncing Ball - p5.js Tutorial.
3.3: Else and Else if, AND and OR - p5.js Tutorial.
3.4: Boolean Variables - p5.js Tutorial.
4.1: while and for Loops - p5.js tutorial.
4.2: Nested Loops - p5.js Tutorial.
5.1: Function Basics - p5.js Tutorial.
5.2: Function Parameters and Arguments - p5.js Tutorial.
5.3: Functions and Return - p5.js Tutorial.
6.1: Introduction to Object-Oriented Programming with ES6 - p5.js Tutorial.
6.2: Classes in JavaScript with ES6 - p5.js Tutorial.
6.3: Constructor Arguments with Classes in JavaScript - p5.js Tutorial.
6.4: p5.js Web Editor: Adding JavaScript Files.
7.1: What is an array? - p5.js Tutorial.
7.2: Arrays and Loops - p5.js Tutorial.
7.3: Arrays of Objects - p5.js Tutorial.
16.4: for...of loop - Topics of JavaScript/ES6.
7.4: Mouse Interaction with Objects - p5.js Tutorial.
7.5: Removing Objects from Arrays - p5.js Tutorial.
7.6: Object Communication Part 1 - p5.js Tutorial.
7.7: Object Communication Part 2 - p5.js Tutorial.
p5.js Web Editor: Uploading Media Files - p5.js Tutorial.
7.8: Objects and Images - p5.js Tutorial.
Taught by
The Coding Train
Related Courses
Related articles
Reviews
5.0 rating, based on 1 Class Central review
-
AGALYA MUTHUKUMARThis course was an absolute game-changer for me! As a novice in computer programming, I was initially hesitant, but the structured approach and engaging content quickly won me over. The instructors did an outstanding job explaining complex concepts like variables, conditionals, and loops in a way that was easy to grasp. What truly set this course apart was its focus on creative computing with p5.js, which allowed me to unleash my creativity while learning. By the end, I felt confident in my programming abilities and inspired to dive deeper into computational media. I highly recommend this course to anyone interested in programming with a creative twist!
