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 video, you’ll use “if” statements to keep the player sprite inside the boundaries of your game. Start by adding an “if” block inside the “forever” block already in this program. If statements run code if something is true or false. Every “if” block needs a condition -- which can either be true or false. As you figure out which condition to use, it can be helpful to either say or think about what you want the program to do next, for example, “IF the sprite touches the boundary, THEN do something.”
use a “touching color” block from the sensing menu.
Then, change the color by clicking on the color swatch, then on the boundary in your project. Great! Now the computer can make a decision: If touching the boundary color, then… In the then portion of the if-then block, program the player sprite to go back to its starting position if it touches a boundary.
To do this, use a “go to xy” block from the motion menu.
The “go to xy” block has two values, an x and a y. These numbers represent the sprite’s position on the screen. If you move the player sprite to where it will start, the values in the block will change to that position.
When you click and run this block, the sprite goes to the position it was in originally when you dragged out this block. Before you go any further, test this if statement to make sure it’s working correctly. Click on the sprite, and it should begin to follow the mouse. If it touches the boundary, then the sprite goes to the position you set with the “go to” block. Great! But, there is one problem. The sprite continues to follow the mouse. Remember, the computer will do only what you tell it to do, and you didn’t tell the sprite to stop following the mouse.
Fix this bug by adding a ‘stop all’ block to the “if” statement. When this block runs, all code in the program will stop. Now, try it out one more time.
Look at that! Now when the sprite touches the boundary, it goes back to the beginning and no longer follows the mouse. To play again, the user clicks the sprite to run this block stack again.
This is a difficult problem! Keep trying to solve it, and don’t get discouraged if the first few solutions you try don’t work. Now it’s your turn: Make the sprite return to the starting position by adding “touching,” “go to x y,” “stop all” and “if” blocks.