Get a 50% discount when you buy 2 courses or more!
NEW Special offer Coding for Visual Learners: Learning JavaScript with p5.js By Engin Arslan
This offer ends:
$50 $32.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

Special offer $50 $32.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:00 Mins
    • Introduction
      01:39 Mins
    • Why Learn JavaScript?
      02:03 Mins
    • Learning JavaScript With p5.js
      03:08 Mins
  • Getting Started
    6 lectures 37 Mins
    • Environment Setup
      03:27 Mins
    • Getting Started With JavaScript
      03:20 Mins
    • Variables
      06:22 Mins
    • Data Types in JavaScript
      05:17 Mins
    • Getting Started with p5.js
      12:35 Mins
    • Coordinate System in p5.js
      06:13 Mins
  • Colors
    2 lectures 14 Mins
    • Color Functions in p5.js
      05:25 Mins
    • Setting the Color of the Shapes
      08:06 Mins
  • Operators and Variables
    4 lectures 19 Mins
    • Operator Precedence
      03:33 Mins
    • Variables Continued
      04:19 Mins
    • Variable Scope
      05:24 Mins
    • Predefined Variables in p5.js
      06:01 Mins
  • Conditional Statements and Comparison Operators
    3 lectures 24 Mins
    • Frame, frameRate, frameCount
      08:51 Mins
    • Conditionals
      05:51 Mins
    • 'Else' Block
      08:59 Mins
  • More p5.js Variables
    2 lectures 9 Mins
    • MouseIsPressed
      04:16 Mins
    • MouseX & MouseY
      04:17 Mins
  • Loops
    4 lectures 22 Mins
    • 'For' Loop
      07:57 Mins
    • Nested Loop
      03:54 Mins
    • Random Function
      06:18 Mins
    • Noise Function
      03:49 Mins
  • Functions
    2 lectures 14 Mins
    • Creating Functions
      07:30 Mins
    • 'Return' Keyword
      06:57 Mins
  • Objects
    3 lectures 25 Mins
    • Introduction to JavaScript Objects
      05:54 Mins
    • Object Methods & 'this' Keyword
      07:55 Mins
    • Constructor Functions
      11:04 Mins
  • Arrays
    3 lectures 27 Mins
    • Working with Arrays
      11:21 Mins
    • Array.length Property
      06:58 Mins
    • Remainder Operator
      08:11 Mins
  • Events
    2 lectures 13 Mins
    • MousePressed Event Function
      02:57 Mins
    • KeyPressed Event Function
      10:24 Mins
  • More p5.js
    2 lectures 12 Mins
    • Rotate & Translate
      06:17 Mins
    • Push & Pop Functions
      06:03 Mins
  • Final Project
    8 lectures 1 Hour 16 Mins
    • Let's Build a Game!
      06:45 Mins
    • Creating a Number Object
      08:08 Mins
    • Animating Text
      03:59 Mins
    • Player Interaction
      11:18 Mins
    • Player Feedback
      17:38 Mins
    • Restarting the Game
      04:13 Mins
    • Improving the Player Experience
      19:14 Mins
    • Fixing Bugs
      05:12 Mins
  • The End
    1 lectures 5 Mins
    • Congratulations!
      04:59 Mins
Course details

Coding for Visual Learners: Learning JavaScript with p5.js

Coding for Visual Learners: Learning JavaScript with p5.js

By Engin Arslan

$32.50 35% off $50

This offer ends:

  • 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