Skip to content

Please update your browser

Your browser version is not supported by this site. CS First may not work properly. Learn more.

hour_of_code_campaign logo icon

Teachers! Start here to get ready for an Hour of Code™

  1. block1 icon

    Create a CS First Account.

    Before you begin, create an account so that students can save their work and you can track their progress.

    Sign up now Learn about CS First

  2. block2 icon

    Prep (a little).

    Like every CS First activity, Code your Hero comes with step-by-step instructions so you can be successful and have a fun Hour of Code™!

    View activity

    open_in_new Lesson plan open_in_new Optional planning activity

  3. block3 icon


    Now it's time to introduce your students to CS First. Have them sign-in with the class code and start watching the activity videos to begin!

    Student sign in

    open_in_new Learn how to add students

  4. block4 icon

    Show off the work!

    Post a picture of your students' Scratch project(s) on Twitter using #CSFirst and #codeyourhero for a chance to be featured by Google! Include a caption describing "the best part about teaching CS First for Hour of Code™."

    Share your student's work

    open_in_new See official rules

Code Your Hero

outlined_flag Introductory list 2 activities access_time 1-2 hours


Planning Worksheet

Teachers can use this printable worksheet to help students choose and describe their everyday hero.


Drawing Guide

Teachers can use this slideshow to guide a class through drawing a hero figure with simple shapes.


Zip File of All English Videos

Download all of the activity videos to use the content offline.


Zip File of All Spanish Videos

Download all of the activity videos to use the content offline.