This online course teaches the fundamentals of computer programming using JavaScript and the p5.js creative computing environment. By the end of the course, students will be able to explain computational media, demonstrate computer programming skills, and learn how to use tools for projects in computational media. The course covers variables, conditionals, iteration, functions, and objects. The teaching method includes tutorials on shapes, colors, errors, variables, conditional statements, loops, functions, and object-oriented programming. The course is designed for computer programming novices interested in visual displays on various devices.
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!
