Getting Started with CodeHop

So, my name is Robin Lesley. I am a PD specialist with CodeHS and I've been with the company for three years. Before that, I was a high school computer science teacher for 15 years. And so I love sharing CodeHS with all the teachers and helping them to be successful using it so we can get our kids up and going with learning computer science. And also today we have Stephanie with us and she'll introduce herself.

Hey everyone, great to be here with you today. A little bit about my background. I've been with CodeHS for two years now and before that was a classroom teacher for 11 years but I did not teach computer science. Actually, same story with Robin, she was not initially a computer science teacher. And so if you're sitting in that space today, if you're coming to today's webinar feeling like I know nothing about computer science, how am I going to do this next year, you are in fantastic hands with Robin. I've also made that transition from a different subject area into computer science and also have mostly worked with elementary and middle school teachers since my transition into computer science when I was a high school teacher. So, we all have these transitions in life and embrace them, and computer science has taught me so much. So, I'm very excited to be here with you today to share our fantastic CodeHS curriculum with you all. Awesome. Thank you. Thank you.

All right. And getting to know you guys a little bit. We will be spending approximately 90 minutes together. So, we'd love to learn a little bit more about you. In the chat, if you could tell us your role and background with teaching computer science, your grade level, is this the first time you're going to be teaching computer science, and then also something fun is what are you looking forward to this summer? So, we'll let some of those come rolling in.

Oh, preschool to fourth. STEM and computer science. Another STEM. Adding CS to my lessons. Heading to the beach. Yes, I love that about summer for sure. Looking forward to vacation. That sounds nice. All right. Up to eighth grade. The beach. Beach is popular. Familiar with Scratch and Scratch Junior. Interested in teaching CodeHS this fall? Nice. Technology teacher K to 8th birthday bash. Those are fun.

How about has anyone used CodeHS before and maybe you just needed a little refresher or are you new to CodeHS? Oh, vacation in the Pacific Northwest. Orca watching grizzlies. Woo! New to CodeHS. All right. You did the free trial. Okay. New. Well, you are in the right place. Other code platforms seeing what this is about. Okay. New to CodeHS. All right. All right. Newbie, new to CodeHS. Awesome.

So, is there anyone in here who does not have a license yet for CodeHS? So, your school hasn't adopted it yet. You don't have a login, things like that. Okay. So, no license. No license. No license. Okay. Okay. All right. So, what we're going to do today is we're going to start off on the student side. And so, you'll definitely be able to log in as a student and check some things out. And Stephanie is going to be going over that with you. And then I'm going to head into a little bit later what the teacher side looks like. Normally, we would have teachers follow along because they do have the CodeHS license, but if you don't, I can just kind of go through that and show you how easy it is and what the tools are if you were to purchase the license to have CodeHS. Used CodeHS last year, but was mostly teaching myself the whole time. Did the free trial, added a license. Oh, visiting England, Ireland, Scotland, Paris, and France. Man, I am not doing anything fun. I'm doing yard work and yeah. Oh, in October I'm going to Florida. Seaside Florida, so that'll be good. Stephanie, you doing anything fun?

I am very lucky. My mom is taking our family to Hawaii for her 75th birthday.

So yeah, that is amazing. That's still on my list. It'll probably be on my list for a while. All right, cool. So we are going to get started again. If you don't have a license, you'll be able to do this first part and be a student. The second part, you'll just kind of be watching me and I'll show you some things that teachers have access to and how teachers are able to use CodeHS, but you won't actually be able to get into it as a teacher and look around. Hopefully that makes sense. Just discovered CodeHS, here to learn more about it. Absolutely. We will show you about it for sure. All right.

So, these are the outcomes. You're going to experience the student view. Then, we're going to explore the different courses that we have available for you to choose to use in your classroom. I'll go over how to create a section and how to use some of the teacher tools, what's available. We'll talk about some best practices and then I'll show you some of the resources that we also have available for teachers to use in the classroom. So this is our mission. CodeHS is just to empower all students to meaningfully impact their future and we think that with computer science in their background and experience with computer science that they will be able to design things and solve problems to impact their community and their future.

And then just some benefits of early coding. So, CodeHS did start off as just high school classes and then our company moved down into the middle school and then now of course we've been in the elementary schools for a few years and we know how important it is to get students started early with their computer science and coding. So, it does boost problem solving skills of course. Computer science is all about solving problems, finding solutions to problems. Computational thinking that of course is used in many subjects is also used in computer science and those skills can be transferred over. Persistence is a big one. If something isn't working right, if the code isn't working and there's a bug in the code, students need to be persistent, not give up, and keep trying until they get it figured out to where they can fix the bug. And then creativity, computer science is so creative. Students can do just about anything that they desire in computer science. Digital literacy is weaved in as well. We actually have digital literacy lessons, specific digital literacy lessons, and also lessons about AI, which is a big thing now. And then equitable access to CS. So, we just want to make sure that all schools, all teachers, all students are able to have access to computer science education.

And then some of the things that we include are ready to go lessons. And we'll show you what those look like, but they are super easy for teachers to get started, especially if you're a teacher who has never taught computer science. These lessons include little video snippets of our elementary curriculum team walking students through what they need to do. And so you'll see when we go through the slides, the videos that pop up that walk your students through what they need to accomplish. And then we also have dedicated computer science courses and we have courses that are computer science mixed with interdisciplinary lessons as well. So we've got math, science, social studies, ELA, if you're a teacher that would like to weave computer science into your other subjects. So that might be helpful. Our pathways are vertically aligned. So, we do go K through five and sometimes some of the schools go through six as well. Students will work through the lessons and they're scaffolded for each grade level. So, students won't be doing the same lessons twice. The lessons will be scaffolded with more difficulty as they get into the upper grades. And of course, PD. So, you're attending this free webinar today. But if your school was to purchase CodeHS or your district, they would also be able to get some PD to help the teachers get started as well. And we offer free PD throughout the summer, too. So, we'll show you at the end how you can find some of our other free PD that we're going to be offering.

And then something great about CodeHS is that embedded in our system we have the Scratch and Scratch Junior-based blocks. So if you've used those before, we have those embedded in our system which means that you don't need to worry about student privacy and students going to another site and then having to come back. Everything is in our system where everything is safe and secure. So, next we're going to have Stephanie and she's going to give you that student perspective so you can see what it looks like for students to use CodeHS. And as you have any questions that come up or you want to see something again, just type into the chat. We'll be looking at it and we can answer your questions as we go.

Thank you so much, Robin. So, this is my favorite part of leading webinars. I get to play teacher and we're going to ask you, the audience, to put on your student hats this afternoon. And so, what we are going to do is actually have you navigate to this URL that Robin is going to put in the chat. So, all you'll have to do is go to your chat in Zoom and then click this link. And once you click on that link, you are going to see a screen that looks like this. So, we will ask you to find your name. We got these from the Zoom registration. So, hopefully you are listed in this list. If not, no big deal. We anticipated that we might have some last minute registrants. And so, if you scroll down, there's actually student A, student B, student C. So, if you don't find your name in this list, just let us know in the chat which of those student accounts you're going to claim. And I'm going to scroll down and find my student account so I can flip between student view and teacher view. And again, if you don't see your name on this list, then just claim one of these generic accounts.

All right. And then once you find that account when you log in, you should see a screen like this. So give us a thumbs up in the chat once you see a screen that looks like this. And I apologize for the double copied lessons here. Robin and I were both ready for the webinar and added the lessons in duplicate. So awesome. I see a thumbs up, good to go. Thank you for letting us know you are ready to follow along with us here.

All right. So, let's take a little tour. We have kept the CodeHS student side very very simple. We don't want students getting lost. We don't want students getting distracted. And so, what you see in our layout here is quite straightforward for students to use. This first box, this white blank sheet of paper with a plus sign, is the sandbox. It's where students can go to create a program in a Scratch Junior-based environment or a Scratch-based environment of their own creative imagining. Then we also have lessons that we the teacher have assigned. And really quickly, just for folks who might not be familiar, let's take a tour of these coding environments.

So, we'll start in the CodeHS Junior coding environment. So, click that white piece of paper in your playground and then we're going to select CodeHS Jr. This is a great coding environment for pre-readers and emerging readers. Everything is built to be very simplistic and can be used on multiple different kinds of devices. So, if your students have access to iPads, that's awesome. If they have access to Chromebooks, that works too. Windows devices, it's web-based. And so all your students need is a connection to the internet and a CodeHS account and then they can, like I said, from these sandbox programs create whatever comes to their imagination. So over on the left-hand side, we have characters and we can add additional characters. Scout is our mascot at CodeHS. So, I can add Scout, click the check mark, and now Scout and Tick are on my stage. We can add backdrops by clicking in the upper icon, this landscape icon here, and be really creative in our storytelling, our game making. We can add text to the screen. We can toggle on and off a grid system. Those are helpful when moving sprites and creating animations for our sprites. We can also reset our programs using this blue icon. And we can play our code by clicking on the green flag here on the right hand side. We can add additional pages to our projects, up to four pages in a Scratch Junior-based environment. And so blocks are drag and drop, super easy for students to use. And we introduce them just one or maybe two at a time. We keep it really simple, especially for our littlest learners. I know some of you were looking for a great platform for your K and first grade students. And notice that we're coding left to right. This is a purposeful feature of the CodeHS Junior coding environment to help pre and emerging readers bring those literacy skills over to coding. And so once we have some code on our stage and our blocks connected, we can click the green flag and watch our code play, reset it and play as many times, tinker around, create animations, add even sound and text to our programs. This is just a really amazingly supportive environment for our youngest learners. So, let's click the house icon in the upper left-hand corner and continue our tour of the CodeHS platform.

So, once we click that home button, we're taken back to our playground. And I can see now that I have a preview of that program that I created. So, let's click on that white piece of paper again. If you're following along with me, it might be helpful actually if you want to put the Zoom up on one side of your screen and put your student account up on the other side of the screen. It might be helpful to follow along if you'd like. So this time instead of CodeHS Jr., let's click on CodeHS. And this will be familiar to those of you who are familiar with the Scratch coding environment. And so again, here's Scout, our mascot. Just like in the Junior environment, we can add additional sprites. We can add backdrops. Many of you said we're going to the beach this summer, so let's add a beach backdrop. And then this time, our blocks live in the blocks palette over to the left hand side of the screen. We're still dragging and dropping blocks out in order to create code, but this time we're going to code vertically because that is how most programming languages actually work. And we know that these animations happen faster than our eyes can see sometimes. And so if we add a wait block, then it helps us be able to see these animations that we're creating. And maybe I want to actually increase this so we can move our bananas even more across the screen. And then I can click the green flag and we can watch our animation play. Again, there is the ability to add sounds to our sprites. We can customize the costumes just like we could in the CodeHS Jr. platform. And so lots of great capabilities here in the CodeHS editor. So I'll give you a second to play in CodeHS and CodeHS Junior there.

All right. So, I'm going to navigate back to the CodeHS home screen again. We can find that program that we just made. And additionally, there are some options we have here as students. We can rename our programs, share our programs, create a duplicate copy or delete our programs. Those are the ones that I have created out of my imagination. I don't have those options with the assignments. Obviously, we wouldn't want our students deleting the assignments that we provided to them.

All right. So, that's a tour of our CodeHS site. And now, I would love for you to put on your student hat and we are going to work through a CodeHS Junior lesson. This lesson is a first grade lesson. So we will be using the CodeHS Junior coding environment to complete this lesson called catching butterflies. So again, if you can have the Zoom, if you have enough screen real estate, and you can have the Zoom up on one side of your screen and your student account up on the other side of the screen, it'll be really easy for you to follow along here. And so let's hop in. I'm on the teacher side here, so you don't have to do anything with me quite yet, but we make these lessons as low prep as possible for educators. We know that computer science is an add-on in many schools. It is just starting to really take hold in a lot of different districts that hey, this is something we need to get our students access to. But of course, the question then becomes, but how do I fit this into my school day? Right? Like, we're already busy teaching reading and writing and math and science and social studies. There's already so much packed into the elementary school day. The question becomes, how do I fit this in? How do I prep for this as a teacher? And so, our curriculum team and our engineering team have collaborated to really try to make this as low prep as possible for you as a teacher.

So, I'm going to enter on the teacher side. Remember, I've got the teacher account, you've got the student account, and really all I need to do when I'm ready to teach a lesson is I'm going to scan this lesson preparation area. I'm going to take a look at the starter code and the finished sample program to understand what my students are going to build over the course of this lesson. You can glance through the lesson plan PDF to get an idea of how long is this going to take and I could check the standards that are going to get covered if I wanted to. But really just a quick preview is all it takes because then I'm going to click open slides and we are going to start our lesson. All right first graders, today we are going to make a game. Are you ready to code a game? This time we're going to code a game called catching butterflies. So, let's see what we need to know to code a game today in our computer science time. Today, we're going to be using the show and hide blocks and loops to create a butterfly catching game. So, let's review what we have learned about these blocks already.

Hi, in this lesson, we will use show and hide blocks to create a butterfly catching game in Scratch Junior. Have you ever seen a lightning bug? Can you think of a special skill that they have? Lightning bugs have lights that can flash on and off. At night, it looks like they're showing and hiding. In Scratch Jr., we can make characters show and hide, too. This is a hide block. It has the outline of a person. We can use a hide block to make a character disappear. This is a show block. It looks similar to the hide block, but in this one, the person is filled in. This block will make characters appear if they're hiding. Now you can try. Open the activity and click on the show and hide blocks to see the character appear and disappear. Make the cat hide when the dog shows up and show when the food appears.

All right, students. Let's practice with these blocks. All right, so you are a student in my course and so now in your student view, you should see this exercise. So, we have the ability on the teacher end to push our students to the correct activity we want them to be in. And if yours didn't automatically push you like mine did, just click the refresh button in your web browser. Sometimes the teacher accounts get hung up just because you're a teacher. Obviously, we don't want to like interrupt class while you are teaching. And so, if you need to hit the refresh button, but mine automatically, my student account automatically came here. And so students, let's try this game out. Can you make the cat hide when the dog appears? So go ahead and click the green flag in the middle of your screen. Click hide when the dog appears and click show when the food appears. Oh, there's the dog. Let's click hide. Oh, there's some food. Let's show Scratch cat. Oh, there's the dog again. Let's click hide. Food, show. All right, good job, first graders. Let's keep learning about the blocks we're going to use today.

We will also use loops in our program today. We can use a repeat block to create a loop. We can put blocks inside of the repeat loop. These blocks will be repeated over and over. Look at this code. Can you tell which blocks will repeat? All right, students. What do you think? Will the two blocks, the blue block and the pink block repeat, or will all three blocks repeat, blue, pink, and blue, or will just the blue block at the end repeat? What do you remember about our repeat blocks? The up and grow blocks will repeat because they are inside the repeat loop. The down block will not repeat because it's outside of the loop. You can also change how many times the loop repeats. Change the number in the repeat block to tell it how many times to repeat. All right. So, we have definitely used both the show and hide blocks and the repeat blocks before. So, think back to projects we've done with those blocks before because we are going to use those again while we make our butterfly catching game today. So, let's do that together. Students, are you ready?

We'll create a butterfly catching game using what we've just learned. Let's start by adding an outdoor backdrop. I'll add this park scene. All right, students. The first step to creating our game is adding an outdoor backdrop. So, you get to choose which one you would like to use. Let's work on that together in your program I just sent you to. Click on the landscape icon at the top of the screen and select an outdoor backdrop, whichever one you prefer. Next, we can add a butterfly character. Add yours now. All right, students. Let's do that together. Let's add a new character and we want to select the butterfly. Let's try it together. Go ahead and code along with me. On the left hand side of your screen, you're going to click the plus sign to add a new character. Scroll down and find the butterfly. Now, we're ready to move on. We have our backdrop and we have a butterfly character. Let's start our butterfly's program by adding a green flag event. Pressing the green flag will start our game. All right, one block at a time here, first graders. Next, we need to add a green flag block for our butterfly sprite. Let's do that together in our program. So, make sure that you've clicked on the butterfly sprite. Open up the yellow blocks. Drag out a green flag block. Good work. Now, we want the butterfly to fly all over when the game starts. So, add move blocks to the green flag block to make the butterfly fly around. I will add a hop, move left, and turn left block. You can also change the numbers inside of each move block so that the butterfly moves further. Add a sequence of move blocks to your program now. All right, first graders, I want you to select three blue move blocks. You get to pick how your butterfly flies around the stage, but I want you to choose three different blue move blocks. Let's work on that together and code along together. Pick three different blue move blocks and change these numbers however you want. Maybe not too high.

All right, first graders, are we ready to keep going? Excellent. Now, it's time to add a loop. We want all of the move blocks to repeat. So, drag a repeat block over to the start of the sequence so that all of the blocks are inside it. If some blocks didn't make it inside, just drag them into the loop like this. You can also change the number inside the repeat block to make your sequence repeat more times. Add your repeat block now. Okay. Now, we are going to use a loop in our programs. So, we need to drag a big orange loop block and make sure all of the blue blocks fit inside. Let's practice that together. Click on your orange blocks, drag a loop out, and make it fit around all of your blue blocks. Now, we need to start a second sequence for the butterfly. We'll start by adding another event. Let's add the start on tap event. You can place it next to or beneath the sequence you just made. Add your start on tap block now.

All right, students. We are going to move ahead for time's sake here and see exactly what our game is supposed to look like in this next sequence. So, go ahead and add another sequence to your butterfly. Make sure the butterfly appears when the green flag is clicked. And make sure the butterfly disappears when the butterfly is tapped. All right. So, here's what we want to do. Add a show into the loop with the green flag. And when the butterfly is tapped, we want our butterfly to disappear. We should test our program. So, let's click on the green flag. Let our butterfly fly around. When we tap on the butterfly, it disappears. Great job.

So, now we're going to move into independent practice. Let's see how we're going to continue practicing with these blocks. We're learning the hide and show block and the loop block on our own. Your game is great with one butterfly, but you can make it even more fun by adding more butterflies. Add more butterfly characters. You can use the paint tool to give them different colors. Then add a different sequence of move blocks inside of a repeat loop for each butterfly. Make sure the sequence begins with a green flag event. Make sure to also program the butterflies to hide when tapped and add a show block into the loop so they reappear. Add and program more butterflies now. All right, first graders. I'll give you two minutes here to finish your program. Take a look at the screen if you need a reminder what you're supposed to work on.

Good job, first graders. I hope you've got more than one butterfly working now and you're having lots of fun testing out your butterfly tapping game. So, let's wrap up our lesson. Looking at this code, first graders, in the chat tell me what will Tac do when the repeat loop is finished? What blocks did we learn today? In the chat, let me know. What will Tac do when this repeat loop is finished? Looks like we've done some fantastic learning today. Yes, Tac is going to move right one space, left one space, right, left, right, left, right, left, and then disappear. Great job, first graders. Good work. And that is a CodeHS lesson. Easy peasy with our ready to go slide decks here and hopefully minimal prep for you teachers.

So, one other thing we wanted to show in this webinar, I just led you through a lesson, but we do have the option, and I would probably suggest only reserving it for upper elementary students, our lessons are really meant to be teacher-led, but if you do find a situation where maybe you want to run a station rotation in your classroom and incorporate some time for students to learn computer science in a station rotation and you need that to be a self-paced environment, you do have the ability to do that with your students. So, in your settings, and don't worry, Robin is going to show you this again later, but in your settings, you do have the ability to turn on self-paced activities for your students. And then whatever lesson you have made available to your students, in this case, it'll just be loops catch the ball, students would be able to work through this now self-paced on their own. So, we also wanted to just give you time to see what this looks like. But it's definitely going to take some routine building with your students. It's definitely going to take some ability for students to self-regulate and understand where to get help, especially if you are doing this in a station rotation setting where maybe you are working with a small group on English language arts. You don't want to be interrupted with that small group. So, students are going to need some routines and scaffolds in place in order to be successful independently on these self-paced lessons, but we definitely wanted to give you a preview. So, let's go home, click the home button in the upper left-hand corner, and now we can see this loops catch the ball assignment in our student view.

So, I'll give everybody a second to get back on the homepage. And now when we click loops catch the ball, instead of just being taken right into the starter code, I have the option of explore the video lesson or work on my project, which would be hop into the starter code. But we are going to pretend like we're in a station rotation. We're going to do this activity on our own independently. And so we will click on explore video lesson. And now all of those slides and videos that we just showed you from the student perspective are now available for you to click through independently. So let's do this first one. I'll just show you. We'll work through this together. We can read here: students will be able to use two types of loops to create a simple game in Scratch. And then we hop right into a video. You go ahead and play this video and I'll give you four minutes to work through this self-paced version of the lesson before we kind of talk about what students need to be successful in this use case.

All right. So, you've now had a teacher-led student experience and you've got to play around a little bit in a self-paced student lesson. And I said before we started on this self-paced adventure, I feel like I would reserve this for upper elementary school students. In order for students to really genuinely be able to be independent with this, they're going to have to have some self-control. And Robin, we tell folks about routines and what routines need to be in place with students before they kind of approach this self-paced lesson. And I think you have suggested in the past that definitely students need to have a couple teacher-led lessons under their belt before they try this independently. Is there anything else you want to add, nuance or context, to your statement about that? Because I totally agree with it.

Yeah, I think it is something that teachers need to do maybe twice is go through how they would complete it as a student and show it up on the screen because students might want to have two screens side by side or two windows, and then one has the video and the other one has what they're working on. Some students don't mind clicking from tab to tab. Some students might click that play button and work right within the slides. You can see more if you're doing it in a different tab or if you have two windows open, but it's just giving students the options, showing them how they can have their screen set up to make it easier for them, and just walking them through how to do it at least a couple times, and then they should be good.

Yeah, good advice. Folks in attendance, if you have some thoughts on how you might support your students in being successful in this independent environment, would love to hear those. I'm going to actually move on and come over to talk about curriculum. So, I know not many of you have a teacher account. So, if you don't, that's fine. You can just follow along on the Zoom here with Robin and I presenting for the rest of the session. But I just wanted to give us some time to explore the different curriculum options that we have on the CodeHS platform before I hand it over to Robin.

And so the first thing you need to know about CodeHS is that we have lots and lots of curriculum and implementation can look very different school to school. So some schools are lucky enough to have a dedicated computer science teacher and it's a special in a weekly rotation with other specials areas. Other teachers are gen-ed teachers fitting in computer science to the other learning that they're doing with students throughout the day. And so we recognize that, we recognize the need for some flexibility across different applications, even summer school or enrichment programs. And so what we've done is created a computer science focused learning pathway for students and an interdisciplinary computer science pathway which would integrate learning in ELA, math, science, and social studies with computer science skills. So, we definitely encourage you to take a look at what is the best fit for your teaching situation and what does this look like at different grade levels because we do also offer our Carol adventures which is generally appropriate for sixth grade students. Maybe your second semester fifth graders would be ready for it if they've had some coding experience before, but definitely check out, if you teach sixth grade at all, check out our Carol Adventures series of lessons. It is a very story-based interactive. Watch a quick video, then practice some coding, watch a quick video, then practice some coding. A story-based coding experience for students in the upper level of elementary school.

So, Robin's going to put in the chat a link to the syllabi and some roadmaps for your consideration and we're going to give you some time to just sift through all this great curriculum, see how concepts spiral and are reviewed grade level over grade level. One question we get frequently with elementary teachers is, "Well, what if my students are fourth graders and they've never had computer science before? How can I start them off with fourth grade curriculum?" And the answer is our curriculum development team has done a fantastic job making sure that there are some intro lessons right at the beginning of that fourth grade pathway that will get students up to speed and get them the coding background they need in order to be successful. So even if your students have never had computer science before, it's fine. They can do the grade level curriculum and will find success because we want to ensure we're providing that age-appropriate, developmentally appropriate curriculum to those kiddos. So, definitely check out the grade level you're currently teaching or are going to teach next year and take a look at the various concepts that are covered. If you're interested in AI, we have AI lessons. If you're interested in digital literacy, we have digital literacy lessons. We also have a typing platform. So, there's a lot to take a look at here. And I'm going to be quiet for about three minutes with the roadmaps and let you look at those and ask questions in the chat.

Looks like that link's not working. Give me just a second. All right, I put a new link in the chat. Let me know if that one's working. I think they updated the shortcut I normally take. Yay. Awesome. Sorry about that.

All right. Well, definitely let us know if you have any questions about any of the courses. We can answer those in the chat. And yeah, Colleen, those links to the lessons probably aren't working if you don't have an account because those links are going to take you directly to the lesson itself. So if you don't have a CodeHS license, then those roadmaps are not going to be clickable for you. I apologize. It's great stuff, it is. So definitely get in contact with us if you are interested in learning more about CodeHS. That is the website, codehs.com/learnmore, and we can help you get a better feel for the curriculum itself. But I'm going to hand it over to Robin who is going to preview some of our teacher tools and show you through a tour of the teacher side of things.

Thank you. Thank you. I'm actually going to put a link in the chat for those of you who don't have the license yet. So I put it in there now. And that link takes you to a place where you can learn more about CodeHS and you can see some of the lessons. So it should take you here. Here's the contact us if you would like to learn more. And then if you scroll down, this is some of the stuff that we already talked about. You can see the two different pathways we offer, the CS and the interdisciplinary with the other subjects in it. You can take a look at the course catalog here. You can see our K to 2 pathway here. But then if you scroll down a little bit more, these are some of the lessons that you can check out that we have our students complete. So I'll give you just a minute if you want to look through some of these lessons. And you actually can see these lessons as a teacher would see them. Very nice. And then if you scroll down even further, you can see some sample student projects that students complete while they're working through our lessons, and then some things that teachers have said about using CodeHS in their classroom.

Okay, I am going to go through some other parts of the platform for teachers. And the first part is looking at sections, creating sections for your students. And I'll just walk through creating one on my own. So, this is what it looks like for a teacher if you are in CodeHS. And I'm going to click on sections here. So, in order to start a new section, create a new section, or create a new class, you would go up to the top to create new section. And then you would tell it, you know, do you want the dedicated computer science? Do you want with the math, science, social studies, and ELA? Do you want to look and see if your state has a specific course that utilizes your state standards, or do you want to take a look at all of the courses? So, for this one, I'm just going to say I want an interdisciplinary computer science course. Then, it's going to ask me which grade levels I want. Now, I may see all grade levels, especially if you're a STEM teacher. But for now, I will just say first grade, and I'll hit continue.

So, it gives me these options for first grade classrooms. And the very first one that comes up is the standard course. This is the first grade interdisciplinary computer science course. You can see we also have VEX, Ozobot. Utah happens to have one, and we have a Makey Makey course. You can also come down and create your own course. So you can kind of piece together lessons from other courses if you want to and create your own course. I'm just going to click the first grade interdisciplinary and I'm going to give it a name. We'll just say Robin's classroom. And I am going to click create section. And here it is.

And you saw this earlier when Stephanie was going over some things, but we tried to make the layout, the navigation, everything on here super easy to use for teachers. If you have a co-teacher you want to invite to your classroom that also has a CodeHS license, you can do that as well and invite the co-teacher here. To add students to your class, I'm going to go ahead and click this add students button. You can add them one at a time. You could copy and paste if you have all of your student names somewhere and you can paste them all in here. And that's what we did to put all of your names in when you chose your name as a student is we just copied off that registration and pasted them in here. Another thing that you can do is upload a spreadsheet that has all of your student information in it and you can upload it here. I'll just add a student and I'll just be, normally I am debug diva. So, I clicked add that student and here that student is all ready to go in my classroom. So, it's as simple as that to get students logged in. Now, if your school buys a site license for CodeHS, your school might use something like ClassLink or Clever or things like that to get students rostered. But this is how you would do it if you were doing it manually.

The next thing that you would need to do is give your students somehow this link. So that could be again in ClassLink somewhere. But for this and for how you guys logged in earlier, I just copied this link and put it in there for you guys to click on and choose your name. Something else that you can choose under section options is how your students log in. So students can scan a QR code if you would like them to and you could print all the QR codes out here. You can do the click your name, which is what you did to sign in as students. You could do a picture password where students click their name but then also need to click a picture that they were given by you. And then we have the Google SSO where students can do that single sign-on and click login with Google. So, that's an option as well.

And then down here where it says playground option, this is what Stephanie was clicking on. So, when she clicked on that piece of paper with the plus sign on it and it gave her the options, do you want to do the Scratch-based, the Scratch Junior-based, or are you maybe an older student? Do you want to make a Carol program? So, these are the things that pop up when students would go into that sandbox to create their own program. And you can uncheck the ones that you don't want and just leave it. Like, this is a first grade classroom, so I just left the Scratch Junior-based, never offered the ability to roster with Clever. That would have to be something that your school chose when they signed up with CodeHS. Yes. Awesome. Thank you.

Okay. So, once you get all of that set up, you can have your students get in there and get ready to go. The next thing, you'll see there are four tabs across here. And actually, this grade book is in beta right now. So, we'll take a look at roster, lessons, and progress. The next one is lessons. And depending on what course you chose to use, like I chose the interdisciplinary, it will load all of the lessons in for you. And so this one has me starting off with the computational thinking lesson. It tells me it's 45 minutes. This one happens to be unplugged. So students don't even need to get on the computer for this one. You can just show this one up on your screen. If you can tell, this one is colorized, which means that students would be able to see it in their playground. So, I can show you what that looks like. And I will copy this link to get into the section. And I'm going to go into my student account and I will get out of here. Okay, so I'm the only one in here because I only added one student. So here I am, debug diva. And you see the only lesson that I can see in my playground is the computational thinking evening routines. Now, since this is an unplugged lesson, there's nothing for me to do in here. An unplugged lesson does not need the students to be on the computer. But you can see how you can limit what your students see. So you make sure that they click on the right assignment. So if I uncheck this one and make it black and white and maybe I say, "Okay, kids, today we're going to be doing drawing tools farm scene," and as the teacher you open that up, then when the students go back in and refresh, that's the only one that they see. So that is super helpful to make sure that students only click on the lesson that you want to be doing for the day and you don't leave them all up there. Also, when students complete an assignment, you can go back into your lessons and hide them. It's still going to keep the fact that the students did the work and you can check the student work, but they just don't see all of those in their playground anymore.

Okay. The other thing, I'm just going to go into this lesson. The other thing that Stephanie showed you was to definitely look at that lesson preparation ahead of time. The agenda is really helpful because if you have this one, I believe it said it was going to take about 45 minutes, right? Let you know up there at the top. If you don't have 45 minutes, maybe you want to take out the introduction, or if there's a review, you would take out the review if your students don't need it. Maybe you don't need them to do the independent practice, but you definitely want them to do the guided practice with you. So depending on how many minutes you have in your classroom, you can be flexible about what parts of the lesson you work through with students, but definitely the guided practice for sure. And then another thing I want to point out are the common challenges and questions. These are things that students have asked several times and so we now put it in here so that teachers are able to answer those. And we have differentiation options and extension options to help you differentiate in your classroom. And there's a rubric at the bottom that you can use if you would like to assess your students this way. I know a lot of teachers are just kind of doing completion or pass fail. Were they following along? Do they have most of it there? That is totally up to you how you would like to grade.

And then the other way you can go through a lesson is by using the slides. So Stephanie went through those ready to go slides with you which have the videos that you can watch and show your students. If you're familiar with a lesson and you feel comfortable with a lesson, it may also save time to not do those ready to go lessons with the videos. And you can come down here and you could go through just the slides if you feel comfortable with that. And you could go through these with students as well and then not do those videos. When I used it, I only used the slides for myself. Can you show again how the lesson is set up for the students to walk themselves through? Yeah, I will definitely show you that for sure. Okay.

And then this is where Stephanie went in and she started this lesson for you. So I'm just going to click through the arrows on the bottom left. And you saw that it went through the guided practice and it also has these static slides that you can leave up as a teacher to remind students what they are supposed to be doing. And then there was also a spot for the teacher to click right in here and complete the assignment with students and also push the assignment to students. So if you think they may be someplace else, maybe in the sandbox making something and they aren't supposed to, you can click push students and it will take them right to where you want them to be. I do want to make note of one thing. If you're coming into and completing the lessons with students, it says right up here: any changes made will not be saved. So, if you happen to be using this area to go along with your students and program, if you hit refresh, if you close your browser and come back, your work will be gone. If you think it's going to take more than one day to go through the lesson with students, what we recommend is on the left hand side here in the navigation, it says playground. Teachers have their own playground. So you can go into your playground, you can go into that classroom, and you can click on the lesson that you want to do with students that day. You can do this for each one of your classrooms. And so if you only got partway through the lesson, it is going to be saved in your playground for you to open back up again the next time you see that class. But easiest thing is if you know you're going to make it through the whole lesson in one class period, the easiest thing is to do it right within the slides. And then hopefully you saw while Stephanie was going through, but it starts with the guided practice and it walks students through. Then it goes to independent practice and all of our lessons follow this, and that gives students something to do on their own. It says now that you've learned how to do this, go ahead and create something else, add something else with what you've learned. Kind of a proof of knowledge. And then the last thing is an extension. So if you have students that finish early that need to be challenged, you can have students do the extension activity as well, and that's just some optional coding. A couple of questions that you can go over with your classroom at the end as a reflection. And then many times we say, you know, let students showcase what they've done, let students show the other students in the class what they have accomplished and what they have created. And Robert, looks like Stephanie reached out to you in the chat.

And then the next thing that I wanted to show was the progress area. So, somebody talked about what you can see if you can see the student work, and yes, you can. So, if you go to this third progress area, you can see all of your students, you can see all of the lessons, and then you can see the progress that your students have made on the lessons. There's a little key up here on the top left, and if it's green, it says it's been submitted. If it's yellow, it's been opened. And if the circle is still gray, that means it hasn't been opened. So, it looks like Amy opened catching butterflies and opened catch the ball. So, I can click on Amy's name if I want to, and I can click right into the lessons to see what Amy has accomplished. So, let me see if I can open it up this way. So, this is what Amy has done so far on her project. So, you can click right into a student's name. We still have it set up to be self-paced. But you click right on a student's name and see that information. The other thing that you can do is, instead of clicking on the student's name when you're in the progress tab, you can click on the lesson name. And so if I click on catching butterflies up at the top, I can see all the student work for catching butterflies all at one time. And this is a nice easy way for you to share work that students have done in class. Little showcase. So I can click on student D here and we can take a look at, oh, clicked the wrong button, work on project. So I can click on student D and I can see what student D has done and I can run their program. And so that's how far they got. So if a student wants to show their work, we can do it that way. You can also go to full screen if you would like, which is right here. Nice.

Okay, let's see what else we can show you while we are in here. So we went over creating a section. Let me see if I missed anything. Oh, the section settings. So, let me look at that real quickly with you. So, if you're in your section, you can come up to the gear icon, the settings icon, and I know Stephanie showed a little bit of this, but this is where you can come in. And if we scroll all the way down past all of these students, there's a lot of you, right? This is that allow self-paced activities. If you don't want students to do self-paced and you want them to follow along with you in class, you can shut that off. I do know a lot of teachers that leave this on. Even if they're doing it in class and doing it up on their screen, they leave this on just in case students want to go back and watch a video or want to click on one of the slides to remember what they're supposed to be doing. You can leave this on and still do it up at the front of the room if you would like. This allows students to submit assignments. You can turn this on and off. And that will just have a little button up at the top that says submit. And that will let you know that students are ready for you to look at their assignment. They can always resubmit if they want to. If you looked at it and you're like, "Oh, you weren't done," they can go in, fix it, and click submit again. But it's just kind of a check for teachers to know, "Hey, should I take a look at the student's work? Yes, they think they're done."

And then the advanced settings. So, this is a really good one. If you are going to be teaching grades K to 2, we use the Scratch Junior-based coding. And with that, you can disable the microphone. There is a microphone in the Scratch Junior-based coding environment that maybe you want on, maybe you don't want on. Some of the lessons have it, so you would want to have it on at that point. But sometimes students just like to figure out a way to record and put that into any lesson that you might be doing. So that's a good one to click off. They do love sound for sure. And they love saying 67 for some reason and looping it forever while you're going through a lesson. So that's another thing that you can do is you can disable the audio. And I showed the self-paced lessons. Another thing that you can do is assign lessons to individual students. And there's also an accessibility option. So those are all in the settings area as well.

And I will just show you, if I can get to my lessons area, I can show you what that looks like to assign a lesson to individual students. So, I'll go back in here and go to my lessons. And let's say I want to do this lesson, but I only want to assign it to certain students. You can click this assign to specific students and it would only show up in those students' playgrounds. So, this is a big project. It's an hour and 30 minutes. If you only wanted certain students to attempt that while you were working on something else with other students, you could select those students as well and then hit save and it will show up in their playground. The thing about having individual students do an assignment is that it needs to be set for self-paced because they have to be able to work through it and see all of the slides and things like that.

All right, so we are running out of time. I think the only two more things I wanted to show you real quick was if you're in your lessons tab and you want to add other lessons, you want to add an AI lesson, you want to add a lesson from another grade level, you can click the add lesson button down at the bottom and search for it and or type the lesson in. And if I wanted to add a lesson, I could just click that lesson and it will show up at the bottom of my lessons area. So, it would show up down here and there it is. You can also add lessons from another course here. So if you scroll through and you want to add some robotics lessons, some Beebot lessons, Ozobot, anything like that, you can take a look at those lessons and you can add whichever lesson you would like to your course. And again, any lessons that you add are going to show up at the bottom.

And I showed you the teacher playground, so you definitely need to be able to get into that. And the other area I wanted to show you would be the resources area right here on the left hand side. Make sure you take some time to go through the resources area. There is a lot of helpful information in here, especially for people who are new to using CodeHS. It's got the pathways in it that you'll be able to click on once you have your license. It actually has a video of a third grade teacher, their classroom, going through one of our lessons, and that's super helpful as well. We've got some quick reference guides, warm-up activities, self-assessments for students, all sorts of great stuff in this resources area. So again, if you have a license and haven't checked out the resources area, I would definitely check that out as well because that's got a lot of great stuff that your students would benefit from.

All right, so the last thing I'm going to do is we are going to put a workshop survey into the chat. See if I can find that. There we go. All right. So, here comes that workshop survey. If you could fill this out for us, we would greatly appreciate it. Let us know how we did and if we gave you some good information. And I told you that I would let you know about more free PD we're doing this summer, so that is right here. So, take a look at this often. It's just codehs.com/freepd. And you can check this out all the time to see, oh, Stephanie put that in the chat for you, to see what's coming up. So, we always have things coming up. And the nice thing about the free PD is, let's say you can't attend it, you see the time, you see the date, and you're like, "Oh, I really want to go to this, but I can't attend it." If you register, even if you don't attend, if you register, after it ends, I think like the next day or within the next couple of days, they will send you the video recording. And so you'll be able to go through that video recording at your leisure and see what you missed. So, sync to video time.