Author
Released
11/16/2018- Why learn JavaScript?
- Data types in JavaScript
- Color functions in p5.js
- Operators and variables
- Conditional statements
- Loops, functions, and objects
- Working with arrays
- Events
Skill Level Beginner
Duration
Views
- [Instructor] Learning how to code can be challenging. It's hard to find good resources that are relevant, practical, and engaging at the same time. This course teaches coding from scratch in a visual and a beginner-friendly manner using the vastly popular programming language JavaScript. Using JavaScript and a programming library called p5.js, you will learn how to code in a highly engaging and visual manner. The emphasis of this 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 will like to your newly established skillset. The skills that you will acquire from this course are highly transferrable and could be used whatever you choose to build, whether web 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 our momentum with irrelevant technical or theoretical points.
The aim is to build a strong but a minimum viable knowledge to get you running with coding. This the course that I wish I had available when I was learning coding myself. If you're an artist or a visual designer, this course is perfect for you as you might find the examples we will be building to be directly relevant to your work. If not, this is still a great course for learning programming as the visual nature of the exercises will help you grasp the fundamentals easier and let you build a strong foundation in a shorter amount of time.
Related Courses
-
Web Programming Foundations
with Morten Rand-Hendriksen58m 44s Beginner -
Learning HTML Canvas
with Joe Marini2h 10m Intermediate -
Learning the JavaScript Language
with Joe Chellman2h 53m Beginner
-
Introduction
-
Getting started1m 39s
-
Why learn JavaScript?2m 3s
-
-
1. Getting Started
-
Environment setup3m 27s
-
Variables6m 22s
-
Data types in JavaScript5m 17s
-
Getting started with p5.js12m 35s
-
Coordinate system in p5.js6m 13s
-
-
2. Colors
-
Color functions in p5.js5m 25s
-
-
3. Operators and Variables
-
Operator precedence3m 33s
-
Variables, continued4m 19s
-
Variable scope5m 24s
-
-
4. Conditional Statements and Comparison Operators
-
frame, frameRate, frameCount8m 51s
-
Conditionals5m 51s
-
Else block8m 59s
-
-
5. More p5.js Variables
-
mouseIsPressed4m 16s
-
mouseX and mouseY4m 17s
-
-
6. Loops
-
For loop7m 57s
-
Nested loops3m 54s
-
Random function6m 18s
-
Noise function3m 50s
-
-
7. Functions
-
Creating functions7m 31s
-
Return keyword6m 57s
-
-
8. Objects
-
Constructor function11m 4s
-
9. Arrays
-
Working with arrays11m 21s
-
Array.length property6m 58s
-
Remainder operator8m 11s
-
-
10. Events
-
mousePressed event function2m 57s
-
keyPressed event function10m 24s
-
-
11. More p5.js
-
Rotate and translate6m 17s
-
Push and pop functions6m 3s
-
-
12. Final Project
-
Let's build a game6m 45s
-
Creating a number object8m 9s
-
Animating text3m 59s
-
Player interaction11m 18s
-
Player feedback17m 38s
-
Restarting the game4m 13s
-
Improving the player experience19m 14s
-
Fixing bugs5m 12s
-
-
Conclusion
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Getting started