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.
One way to tell a story with your logo is to change the area behind it, called the “backdrop.”
In this video, you will add a button to your project that switches backdrops.
To start, select some backdrops.
Click “Choose backdrop from library.”
As you add backdrops, they will show up in the “backdrops” tab.
To remove a backdrop from the list, click the “x.”
Next, add a sprite to act as a button, so people who interact with your project can click it to change backdrops.
Click “Choose sprite from library.”
This example uses an arrow, but use any sprite you like as your button.
Next, program the backdrop to change.
Select the “Looks” menu.
Then, click, hold, and drag out a “switch backdrop to” block.
From the menu, select “next backdrop” Click the block a few times.
The backdrop changes with each click.
Next, program this block to run when the sprite is clicked.
From events, add a “when this sprite clicked” block.
Try it out!
Now it’s your turn: Add backdrops to your project.
Add a new sprite.
Add a “when sprite clicked” and “change backdrop to” block.
Change the value to “next backdrop” Once you finish these steps, return to this page to select another video.