NEW Special offer Coding for Visual Learners: Learning JavaScript with p5.js By Engin Arslan
$50 $12.50
Coding for Visual Learners: Learning JavaScript with p5.js
English English, Spanish, French (+2) [Machine translation]
5 Hours Course

Coding for Visual Learners: Learning JavaScript with p5.js

SUMMER SALE!     $50 $12.50

Learning how to code can be challenging. It is hard to find useful resources that are relevant, practical, and engaging at the same time. This course teaches coding from scratch in a visual and beginner-friendly manner using the vastly popular programming language JavaScript and a programming library called p5.js.

The emphasis of the course will be primarily on learning programming using JavaScript and p5.js and secondarily in creating visuals. The main focus is to teach you how to program so that you can choose to pursue whatever field that you would like with your newly established skill set. The skills you will acquire from this course are highly transferable and could be used whatever you choose to build, whether web or mobile applications, programmable robots, or generative art.

This means that I will provide you with enough context so that you can build a strong foundation for programming. But I also won’t hinder your momentum with irrelevant technical or theoretical points. The aim is to build a strong but minimum viable knowledge to get you running with coding. This is the course that I wished I had available when I was learning to code myself.

You will be building several useful and fun programs that do animation and visualizations, and as a final project, you will be building an interactive game! If you are looking to learn coding in a fun and engaging manner, then this is the course for you!

The subtitles are automatically generated, so the quality of the captions may vary.
Course Table of contents
What will you learn?

14 sections • 45 lectures • 5 hours

  • Introduction
    3 lectures 07:27 Mins
    • Introduction
      01:50 Mins
    • Why Learn JavaScript?
      02:12 Mins
    • Learning JavaScript With p5.js
      03:25 Mins
  • Getting Started
    6 lectures 36:49 Mins
    • Environment Setup
      03:39 Mins
    • Getting Started With JavaScript
      03:10 Mins
    • Variables
      06:04 Mins
    • Data Types in JavaScript
      05:04 Mins
    • Getting Started with p5.js
      12:44 Mins
    • Coordinate System in p5.js
      06:08 Mins
  • Colors
    2 lectures 12:16 Mins
    • Color Functions in p5.js
      05:28 Mins
    • Setting the Color of the Shapes
      06:48 Mins
  • Operators and Variables
    4 lectures 17:49 Mins
    • Operator Precedence
      03:10 Mins
    • Variables Continued
      03:41 Mins
    • Variable Scope
      05:36 Mins
    • Predefined Variables in p5.js
      05:22 Mins
  • Conditional Statements and Comparison Operators
    3 lectures 21:13 Mins
    • Frame, frameRate, frameCount
      07:53 Mins
    • Conditionals
      05:17 Mins
    • 'Else' Block
      08:03 Mins
  • More p5.js Variables
    2 lectures 07:43 Mins
    • MouseIsPressed
      03:42 Mins
    • MouseX & MouseY
      04:01 Mins
  • Loops
    4 lectures 20:11 Mins
    • 'For' Loop
      07:27 Mins
    • Nested Loop
      04:09 Mins
    • Random Function
      05:08 Mins
    • Noise Function
      03:27 Mins
  • Functions
    2 lectures 13:08 Mins
    • Creating Functions
      06:52 Mins
    • 'Return' Keyword
      06:16 Mins
  • Objects
    3 lectures 20:09 Mins
    • Introduction to JavaScript Objects
      05:06 Mins
    • Object Methods & 'this' Keyword
      06:20 Mins
    • Constructor Functions
      08:43 Mins
  • Arrays
    3 lectures 23:54 Mins
    • Working with Arrays
      10:07 Mins
    • Array.length Property
      06:39 Mins
    • Remainder Operator
      07:08 Mins
  • Events
    2 lectures 11:32 Mins
    • MousePressed Event Function
      02:55 Mins
    • KeyPressed Event Function
      08:37 Mins
  • More p5.js
    2 lectures 11:34 Mins
    • Rotate & Translate
      06:01 Mins
    • Push & Pop Functions
      05:33 Mins
  • Final Project
    8 lectures 1 Hour 36 Mins
    • Let's Build a Game!
      06:08 Mins
    • Creating a Number Object
      07:02 Mins
    • Animating Text
      02:53 Mins
    • Player Interaction
      08:56 Mins
    • Player Feedback
      13:59 Mins
    • Restarting the Game
      03:06 Mins
    • Improving the Player Experience
      13:45 Mins
    • Fixing Bugs
      04:47 Mins
  • The End
    1 lectures 05:31 Mins
    • Congratulations!
      05:31 Mins
Course details

Coding for Visual Learners: Learning JavaScript with p5.js

Coding for Visual Learners: Learning JavaScript with p5.js

By Engin Arslan

$12.50 75% off $50


  • English
  • English, Spanish, French, Italian, Portuguese (Machine translation)
  • Beginners
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion
About the Speaker
Learn from the best
  • Engin Arslan

    Engin Arslan

    Senior Front-End Developer at Shopify


    Engin Arslan is a software developer with a bachelor of science in Materials Engineering and a postgraduate degree in Visual Effects. Before becoming a developer, he worked as a VFX Artist/Technical Director on films and TV shows, including Resident Evil 4, Tron, Mama, Pompeii, Vikings, and Strain. He received an Emmy nomination and won a Canadian Screen Award for his achievements in Visual Effects. During his time in VFX, he fell in love with Python and with programming in general. As a result, he changed careers to be able to immerse himself entirely in software development. He is currently working as a Senior Front-End Developer. He is also an author at Udemy, Pluralsight, and Linkedin Learning. Besides being a developer and author, he has also worked as a professor at Seneca College in Toronto, teaching coding to complete beginners.

Similar Courses