Intro to JS

This course is a part of Computer programming, a 8-course Topic series from Khan Academy.

Learn how to use the JavaScript language and the ProcessingJS library to create fun drawings and animations.

This course contains 18 segments:

Intro to programming

If you're new here, watch our intro video and get a brief tour of our programming course. Then get coding!

Drawing basics

We'll show you the basics of programming and how to draw shapes.

Coloring

We'll show you how to color and outline your shapes!

Variables

We'll cover how to use variables to hold values, animate your drawings, and more.

Animation basics

Learn how to animate your drawings.

Interactive programs

Learn how to make programs that draw shapes based on the mouse location, like painting apps.

Becoming a community coder

Learn how to help your peers on their path to learning programming and how to ask for help yourself.

Bonus: Resizing with variables

Learn how to use variable expressions to resize parts of your drawing relative to other parts. (This requires a bit more math, so if you don't feel you have a good grasp of fractions yet, you can skip over this.)

Text and strings

Learn how to display text on the canvas, resize it, color it, and animate it.

Functions

Make your code more re-usable by grouping it into functions, and then make those functions accept parameters and return values.

Logic and if Statements

Teach your program to make decisions!

Debugging programs

How can you figure out what's wrong with your code? Learn tips and tricks for debugging your programs.

Looping

Repeating something over-and-over? Loops are here to help!

Writing clean code

Learn how to write JavaScript code that is easy to read and understand, with good use of indentation, spacing, naming, and comments.

Arrays

Store multiple values in your variables with arrays!

Objects

Learn how to store complex data in objects.

Object-Oriented Design

How to use object-oriented concepts in JavaScript to make more re-usable code.

Becoming a better programmer

Now that you understand the basics of programming, learn techniques that will help you be more productive and write more beautiful code.