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 animate sprites in your logo is to make them move.
In this video, you will program letters to randomly move across the screen.
To start, select a sprite to program.
This example uses the letter “G,” but use any letter you'd like.
Next, set an ending position.
This will return the letter to its original spot after it moves.
Select the “Motion” menu.
Then click, hold, and drag out a “go to” block.
This block moves the sprite to a specific position.
When you drag it out, the values are set to the current position of the sprite.
Add an event to tell the computer when to run this code.
Select events and add a “when flag clicked” block.
If you move the sprite, then click the flag, the sprite moves back to its original position.
Next, program the sprite to move to a random position.
Select the “motion” menu.
Drag out a “go to mouse pointer” block, and place it between the blocks.
Change the value to “random position.”
Click the flag to try it out.
When you click the flag, the sprite goes to a random position, then immediately goes back to the position you set.
This happens so fast, you can’t see it.
To fix this, add a “wait” block from Control between these blocks.
Click the flag a few times to try it out.
Each time you click the flag, the sprite goes to a random spot on the stage, waits, then returns to its original position.
Next, make the sprite repeat this action.
Select control, and add a “repeat 10” block around the code.
The “repeat” block is a type of loop.
It runs the blocks inside 10 times.
Click the flag to try it out.
To speed this up, change the value in the “wait” block to something smaller, like point one.
Tinker with the value in the “repeat” block to change the number of repeats.
Next, program the other letters.
Click, drag, and drop this code onto each of the other sprites.
Before running this program again, replace the “go to” block for each sprite.
This will set each sprite to its own unique ending position.
Click the flag try it.
If any sprites didn’t return to the correct position, drag them to where they should have ended, and replace the “go to” blocks.
Now it’s your turn: Select a sprite.
Add “go to” and “when flag clicked” blocks to set an ending position.
Add “go to random position” and “wait” blocks to move the sprite.
Add a “repeat” block to repeat this action.
Copy this code to the other sprites, and replace the “go to” blocks.
Once you finish these steps, return to this page to select another video.