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.
This add-on is a bit more challenging. This video will guide you through it to help you complete the difficult parts. When you are finished, the narrator’s mouth will move while it talks about the main character. First, write the code that will make the narrator’s mouth move. If you click on the costumes tab, you’ll notice the narrator has 3 costumes. Click between them, and it looks like he’s talking.
Go back to the scripts tab, and click on the looks menu to find the “next costume” block.
Click on it to switch costumes.
To switch costumes without having to keep clicking the block, place it inside a loop. Test the code by clicking on it.
The mouth moves, but it’s really fast. Adding a “wait” block and tinkering with its value will make the mouth move slower.
Great. The “say for ___ seconds” block shows a speech bubble for the specified number of seconds.
To test just this piece of the code, temporarily remove it from the rest of the code, then run it.
That doesn’t look right! The “say for __ seconds” block causes the speech bubble to show up, stay for a few seconds, then disappear.
Only then does the code start running. The “say” block, on the other hand, makes the speech bubble show up and remain visible until the next “say” block is run. Placing the animation code under the “say” block makes the speech bubble remain in place while the narrator’s mouth moves. Test it by clicking on the code. It works!
Wait! There is one problem. The narrator doesn’t stop saying “this main character’s name is Dino,” even after the mouth stops moving. To make the “say” block disappear, add a second “say” block after the code that makes the narrator’s mouth move, and leave the space that tells the character what to say empty. Click on the code to watch it work.
The narrator says “This main character’s name is Dino” while the mouth moves, then stops. Great! This code would get really long and hard to read if you had to insert this code block every time the main character does something.
Animate the Narrator Part II will show you how to create your own block that will make the narrator talk while its mouth is moving, so you can use a single block instead of multiple ones each time the narrator speaks in your story.
Now, it’s your turn: Use a repeat loop, “next costume” block, and “wait” block to animate the narrators mouth.
Swap the “say for __ seconds” block with the “say” block, and place it above the animation code. Add an empty “say” block to the end of the animation code to make the speech bubble disappear.