5
JavaScript (Khan Academy) Starting with a Blank Program If you already know what you want to do, great! You can go to https://www.khanacademy.org/computer-programming/new/pjs to create a new blank JavaScript program in Khan Academy. You can also click any “New Program” button from the “Intro to JS: Drawing & Animation” course, or the “New JavaScript Program” button on the “Computer programming” page: Once you click one of these buttons or go to this link, you’ll see a screen like the image below. Write whatever code you want! If you ever get stuck, look at “Documentation” at the bottom of the page. It will reminder you about shapes you can draw, how to use the mouse in your program, how to do things in JavaScript (define a function, if/else statements to make choices, etc.), and more! You can click the “Save” button on the “New Program” page to give your program a name, and to save it. (Make sure you’re signed in if you want to be able to find it later!)

JavaScript (Khan Academy) - Girls Who Codegirlswhocode.web.unc.edu/files/2017/03/NewProject_Khan...In your new project, modify the code however you want. Don’t forget to hit “Save”

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: JavaScript (Khan Academy) - Girls Who Codegirlswhocode.web.unc.edu/files/2017/03/NewProject_Khan...In your new project, modify the code however you want. Don’t forget to hit “Save”

JavaScript (Khan Academy)

Starting with a Blank Program If you already know what you want to do, great! You can go to

https://www.khanacademy.org/computer-programming/new/pjs to create a new blank JavaScript

program in Khan Academy. You can also click any “New Program” button from the “Intro to JS: Drawing

& Animation” course, or the “New JavaScript Program” button on the “Computer programming” page:

Once you click one of these buttons or go to this link, you’ll see a screen like the image below. Write

whatever code you want! If you ever get stuck, look at “Documentation” at the bottom of the page. It

will reminder you about shapes you can draw, how to use the mouse in your program, how to do things

in JavaScript (define a function, if/else statements to make choices, etc.), and more!

You can click the “Save” button on the “New Program” page to give your program a name, and to save

it. (Make sure you’re signed in if you want to be able to find it later!)

Page 2: JavaScript (Khan Academy) - Girls Who Codegirlswhocode.web.unc.edu/files/2017/03/NewProject_Khan...In your new project, modify the code however you want. Don’t forget to hit “Save”

A popup will ask you to give your program a name. Pick whatever you want, and hit the “Save” button.

Type in whatever code you want. Make sure to save it as you go!

When you’re done, you can make sure “About” is visible, and click “Share”.

A popup will give you a link to your project. Send an email to [email protected] with the link!

(You can keep working on it after you email us the link.)

Page 3: JavaScript (Khan Academy) - Girls Who Codegirlswhocode.web.unc.edu/files/2017/03/NewProject_Khan...In your new project, modify the code however you want. Don’t forget to hit “Save”
Page 4: JavaScript (Khan Academy) - Girls Who Codegirlswhocode.web.unc.edu/files/2017/03/NewProject_Khan...In your new project, modify the code however you want. Don’t forget to hit “Save”

Spin-Off an Existing Program First, find a program that you want to start with. In the example, I’ve chosen “Challenge: Tasty Tomato”

from the “Interactive Programs” section.

Click the “Spin-off” button to open a “Save As” box.

Choose a name for your project. It can be whatever you want!

Once you’ve entered a name, click the “Save” button.

Page 5: JavaScript (Khan Academy) - Girls Who Codegirlswhocode.web.unc.edu/files/2017/03/NewProject_Khan...In your new project, modify the code however you want. Don’t forget to hit “Save”

In your new project, modify the code however you want. Don’t forget to hit “Save” every so often!

Also, make sure you’re logged in so you can easily find and modify it in the future.

When you’re done, you can make sure “About” is visible, and click “Share”.

A popup will give you a link to your project. Send an email to [email protected] with the link!

(You can keep working on it after you email us the link.)