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.
Many social media apps and websites use a suggestion feature to motivate you to make a purchase or connect with others.
In this add-on, you will code a “suggest” button on your style board.
Click the suggest sprite.
Select the looks menu and click "show."
Code the sprite to broadcast a message when clicked.
Drag out a “when this sprite clicked” block from the events menu, then a “broadcast” block, and snap them together.
Click the dropdown menu in the “broadcast” block and select the “suggest” message.
Next, code the other category sprites to receive the message sent by the suggest button and pick a random costume to display.
Click on the apparel sprite.
Drag a “when I receive” event block into the scripts editor, and make sure the "suggest" message is selected.
Then, code the apparel sprite to switch costumes using the “switch costume to” block from the looks menu.
Snap this block under the “when I receive” event.
Test this out.
Click the flag, and when the suggest button is clicked, the apparel immediately changes to the dress.
Code the sprite to go to a random costume using the “pick random” block from the operators menu.
Drag this block inside the “switch costume” block.
When you click on the costumes tab for the apparel sprite, you’ll see 8 different costumes.
The project should pick one of these 8 costumes, so click back to the scripts tab, and set the range in the “pick random” block to 1 through 8.
Test this out by clicking the suggest button.
When you click the suggest button, the cycling of the costumes doesn’t go in the order of the costumes listed, but your program picks a random item for the apparel sprite.
Copy this code for the the each of the category sprites in your project.
To do this, drag this code stack over to the other category sprites.
Click the flag to test your code.
It looks like there’s a problem in the code.
Whenever the suggest button is clicked, all of the sprites change costume, even after you have selected your image for the style board.
Recall that in the core videos, you used a “if-then” statement to keep all the images from changing at the same time, and made them change only when the specific category matched the category backdrop.
On the apparel sprite, duplicate the “if-then” statement coded for the right arrow by right-clicking and placing the new code inside the scripts editor.
Replace the “next costume” block with the “switch costume” block, and snap the if-then statement under the “when I receive” event.
Do this for the other sprites to create a functioning suggest button.
Try it out!
Great, clicking the “suggest” button only changes the costume of the current category sprite.
Now it’s your turn Code a suggest button to make the category sprite pick a random costume if the sprite category matches the background category.
Copy this code stack to each of the category sprites.