We focus on more than just coding at Youth Code Jam. While coding is a great skill for students to learn and helps them to approach problems in new ways, there’s a different set of skills they’ll need to be successful in a digital world, whether or not they go on to be programmers. These skills fall under the category of digital literacy.
What is Scratch?
We at Youth Code Jam use Scratch in a lot of our coding activities. In fact we use it so much for our lessons, that we have a YouTube playlist dedicated to Scratch coding activities. Families new to Youth Code Jam, as well as those who have been with us for a while, probably wonder why we use this tool so much in our programming. Read on to find out why and what exactly Scratch is.
How to Use Scratch
In another post, we discussed what Scratch is and why we use it in Youth Code Jam programming. In this post, we will cover how to create an account and the Scratch Editor.
Create a Scratch Account
Step 1: Getting Started
Go to https://scratch.mit.edu and click the “Join Scratch” link at the top of the page.
Step 2: Create your username and password
Have your student create a username that they will remember. But make sure it does not include their first, middle, or last name. While Scratch is mainly targeted toward students in grades K-12, there are adults on the site. Help protect your student’s privacy by creating a fun username with them. Also, take this opportunity to teach your student how to create a strong password. (Here are some tips on passwords from Google.)
Save the username and password somewhere safe so you and your student can find it if either are forgotten.
Step 3: Answer the Prompts
After creating your username and password, answer the series of questions. You can use your birthdate or your student’s. This information is not visible on the site.
For the email address, use either your personal email or your student’s email. Email accounts from schools or workplaces may block Scratch messages, so it’s best to use a personal email.
Click the button to create your account. Then click “Get Started.”
Step 4: Verify your Email
You’ll notice an orange block at the top of the page that asks you to confirm your email address. Sign into the email account you used to create your Scratch account. Find the verification email from Scratch. The sender will be no-reply@scratch.mit.edu, and the subject line will be “Confirm your Scratch account.” Click the confirmation button or link provided. Now you’re ready to share your work (always optional), remix programs, and participate in the Scratch community!
If you forget to do this or can’t find the email, click on your username in the upper right corner of the screen and select “Account Settings.” In the menu on the left, click “Email.” If your email is unconfirmed, you can resend a confirmation email by entering your Scratch password and clicking resend. Then follow the instructions above to confirm your email.
Step 5: Start coding!
Explore existing Scratch projects or head to the editor to get started!
The Scratch Editor
To open the Scratch Editor, click on “Create” at the top of the Scratch page. The editor is simple to use, but there are a lot of parts. We’ll break the editor into different sections and go through each one.
Section 1: Top Menu
The top menu are the links that appear on the deeper blue at the top page. We’ll work from left to right on the options:
- Scratch Icon: Clicking this button will take you to the Scratch homepage.
- World Icon: This is a drop down menu that will let you change the language of the Scratch editor.
- File: Gives you the option to create a new project, save the current project, save a copy of the current project, load a Scratch file from your computer (i.e.: You exported a project from Scratch Desktop and want to upload it online), save a Scratch file to your computer.
- Edit: Gives you the options to restore your saved project to a previous version or turn on Turbo Mode, which will run your project faster than normal.
- Tutorials: If you’re a newbie or need to refresh your Scratch tutorials, check out these tutorials to learn some of the basics.
- Project Name: If you’re signed into your account, you can name your project.
- Share button: By clicking this button, the project becomes public. This means others can see, test, and comment on your project.
- See Project Page: This button takes you to the shared view of your project. From this page, you can turn comments on or off, add instructions on how to use your project, add other notes or give credit to sources who helped you, add your project to a studio, or get a link or embed code to share your project. To re-enter the editor, click the See Inside button.
Section 2: Left Panel Menu
The left panel menu contains three sections separated by tabs: Code, Costumes and Sounds.
- Code tab: The Code tab contains the blocks users will use to code their project. The blocks are broken out into groups represented by color palettes. For example, the Motion blocks are all dark blue; the Looks blocks are purple, etc. Users can create their own blocks using the My Blocks palette, and connect their code to external devices by clicking the Add Extension button in the bottom left corner of the panel.
- Costumes tab: The Costumes tab opens up the Sprite editor. Users can edit existing costumes for sprites (the characters), create new costumes, and create new sprites in this tab.
- Sounds tab: In the Sounds Editor, students can edit the default sounds of a sprite, add new sounds from the Scratch option by clicking the speaker icon in the bottom left corner, or record their own sounds to add to the program.
Section 3: The Workspace
The Workspace is the empty, white middle section of the editor. Users will drag and drop code blocks here to build their program.
Section 4: Staging Menus
The right side of the editor has three parts: the Stage, the Sprite Panel, and the Stage Panel.
- The Stage: This will show your background and sprites, and will be where you see your code run.
- The Sprite Panel: This is where you can manage your sprites. By clicking the cat icon in the bottom right corner of the panel, you can add sprites from the Scratch library, upload images from your device, or open the Costumes Editor to create your own sprite. At the top of the panel, you can change the sprite name, its horizontal and vertical position, its size, whether it’s automatically visible when the program starts or not, and the direction the sprite is facing.
- The Backdrop Panel: By clicking the photo icon at the bottom of this panel, users can add backgrounds from the library, create their own in the editor, or upload one from their computer.
And that brings us to the end of the parts of the Scratch Editor. Take some time to explore all it has to offer with your student, and have fun learning to code!