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.
In this add-on, you’ll change the setting of your pitch for each part of the story.
This powerful effect can add drama and help grab your audience’s attention. Using a blank backdrop, for example, might make the audience focus on the narrator. Then, you might switch to a setting in which your product would be used. The design and implementation of this add-on is up to you! To start, select the stage and the backdrops tab. Click “Choose backdrop from library,” and select a backdrop. Choose a backdrop for the introduction, the body, or the conclusion.
This example uses the blank backdrop for the introduction, then switches backdrops after the body. Next, program the backdrop to change. Click the scripts tab and the looks menu. Drag out a “switch backdrop” block. Select the first backdrop for your story. This example uses a blank backdrop called “backdrop1.”Click the events menu, and select a “when I receive block.” Change the value in the block to "introduction." Click the blockstack to test. The first backdrop shows. Next, program the next backdrop to appear when the “body” message is broadcasted. Drag out a "switch backdrop" block and select the appropriate backdrop. Then, click events and drag out a "when I receive block." Change the value to a new message called “body.” Click the flag to test it. The backdrop changes when the stage receives the “introduction” message, and changes again when it receives the "body" message. Finally, consider adding more code to change the backdrop for the conclusion! Now it’s your turn: Change the backdrop for the start of the story with "when I receive introduction” and "switch backdrop" blocks. Change the backdrop for the body of the story with "when I receive body” and "switch backdrop" blocks.