Computer programming

Learn how to program drawings, animations, and games using JavaScript & ProcessingJS, or learn how to create webpages with HTML & CSS. You can share whatever you create, explore what others have created and learn from each other!
Project Evaluations Community Questions

Intro to JS: Drawing & Animation

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

Intro to HTML/CSS: Making webpages

Learn how to use HTML and CSS to make webpages. HTML is the markup language that you surround content with, to tell browsers about headings, lists, tables, etc. CSS is the stylesheet language that you style the page with, to tell browsers to change the color, font, layout, and more.

Intro to SQL: Querying and managing data

Learn how to use SQL to store, query, and manipulate data. SQL is a special-purpose programming language designed for managing data in a relational database, and is used by a huge number of apps and organizations.

Advanced JS: Games & Visualizations

Once you've taken Intro to JS, go here to learn techniques to help you make multi-scene programs, 3d graphics, button menus, and scored games.

Advanced JS: Natural Simulations

Once you've taken Intro to JS, you can go through this course to learn how to combine JS, ProcessingJS, and mathematical concepts to simulate nature in your programs. This course is a derivative of "The Nature of Code" book by Daniel Shiffman (, used under CC BY-NC.

HTML/JS: Making webpages interactive

Once you've taken both Intro to JS and Intro to HTML/CSS, take this course to learn how use HTML/CSS with the JavaScript DOM API to make your webpages interactive.

HTML/JS: Making webpages interactive with jQuery

Learn how to use jQuery, the world's most popular JS browser library, to add interactivity to your webpages.

Meet the Professional

What can you do with computer science and programming skills once you've learned them? We've invited people from all around the world and the industry to introduce themselves to you. Find out how diverse our field can be!

Intro to JS: Drawing & Animation

Learn how to use the JavaScript language and the ProcessingJS library to create fun drawings and animations.
Project Evaluations Community Questions
All content in “Intro to JS: Drawing & Animation”

Intro to programming

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

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.)

Debugging programs

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

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.

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.