In Storytelling, students use computer science to tell fun and interactive stories. Storytelling emphasizes creativity by encouraging club members to tell a unique story each day.
In Friends, students are encouraged to sign up with a friend or make a new friend in the club. Friends emphasizes teamwork by allowing club members to tell the story of how their friendship started and imagine a company together.
In Fashion & Design, students learn how computer science and technology are used in the fashion industry while building fashion-themed programs, like a fashion walk, a stylist tool, and a pattern maker.
In Art, students create animations, interactive artwork, photograph filters, and other exciting, artistic projects.
In Social Media, students create fun social media style applications and games while learning about the computer science concepts that enable these programs to work.
In Sports, students use computer science to simulate extreme sports, make their own fitness gadget commercial, and create commentary for a big sporting event.
In Music & Sound, students use the computer to play musical notes, create a music video, and build an interactive music display while learning how programming is used to create music.
In Game Design, students learn basic video game coding concepts by making different types of games, including racing, platform, launching, and more!
Students create fun and complex animated projects. This is an advanced curriculum, which means it teaches new concepts that are recommended for students who have already participated in at least two other CS First themes.
In this sample activity students animate an ocean wave to create a setting, then tell a story that takes place on the high seas.
In this sample activity students tell a story using the characters from Cartoon Network’s "The Amazing World of Gumball."
Be a designer and programmer – bring the Google logo to life using code.
Social media sites have ways to "like" or "love" different things, whether it’s a post, a picture, or a status.
On Google plus, there’s a "plus 1" button.
Whenever it’s clicked, it indicates that you liked something, that it made you laugh, or that you appreciate it!
In this add-on, you will program a "plus 1" button on your profile page so that users can express that they liked your page.
In the starter project, there is a "+1 my page" sprite at the bottom of the stage.
First, create a variable.
Click on the "+1" sprite then click on the data menu.
Click the "make a variable" button and name it something that makes sense for the sprite you’ve created.
This example names the variable "+1," which shows up on the top right corner of the stage.
Remember that a variable holds and stores a value.
For this add-on, the project will store how many people click the +1 button and like the page.
Move the +1 display box over to the "plus my page" sprite, and double click the display box to make it appear larger on the stage, just like you did in the previous videos.
Next, code the +1 button to increase by one every time the sprite is clicked.
Drag out the "change +1 by 1" block into the scripts editor.
When you click on this block, the variable increases by one.
If you change the value in the block to a larger number, like 10, then every time you click the block, the variable increases by 10.
This example uses 1 in the value.
Since the variable should increase when the sprite is clicked, add a "when this sprite clicked" event from the events menu.
Test your code.
When the sprite is clicked, the page increases by 1.
Finally, program the +1 count to start at zero when the flag is clicked.
Click on the data menu, and drag out a "set +1 to zero" block into the scripts editor.
When you click this block, the variable count goes to zero.
To make this code run when the flag is clicked, add a "when flag clicked" block to the top of the "set +1 to" block.
Test it out!
When the flag is clicked, the variable count resets to zero, then when you click on the "+1 sprite," the count increases.
Now users can interact with your page and show that they liked it!
Now, it’s your turn: Create a +1 variable for the "+1 sprite."
Code the variable to change by a value when it’s clicked, and reset when the flag is clicked.
If you need help, ask a neighbor or put up your sticky note to get the attention of your CS First Guru.