Introduction to Javascript … From Khan Academy

In these tutorials, you’ll learn how to use the JavaScript language and the ProcessingJS library to create fun drawings and animations.

If you’ve never programmed before, start here to learn

Intro to programming

If you’ve never been here before, check out this introductory video first. Then get coding!

Drawing basics

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


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


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

Animation basics

Learn how to animate your drawings.

Text and Strings

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


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!


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


Store multiple values in your variables with arrays!


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.

  الرجوع إلى