 Yes, hello everyone. Can you hear me? Welcome to WordCamp Miami 10 years. Woo! Come on, some enthusiasm. Woo! There it is. Let's wake you guys up. We're going to open up with some interpretive dancing. No, I'm just kidding. All right. I guess we'll go ahead and get started because it says 9 o'clock on my computer. All right. So hi, everyone. I'm Nicole. This is elementary, my dear coder. I focus on teaching computer science and coding concepts to pre-readers. So it's mainly ages four to seven. Is the age range that we're targeting here. So I'm Nicole. I am a front-end developer for Bolgrid. And I also do design work for them. Bolgrid's a suite of themes and plugins. And I've worked on websites for about six years now professionally. And those are my two cute Children that inspired me to do this. So how to teach coding concepts. So the best place for this age range is called hourofcode.com. It's run by code.org. People familiar with code.org. Yes, yes, awesome. So these tutorials are available in over 45 languages. And they do say it's for ages four to 104. So it's pretty inclusive. They have something for everyone. So when you come to hourofcode, this is what it looks like. And you can see here that you can sort by different age ranges. So when we click on pre-reader, we get some options here. And then the grades two through five is where it really gets A lot more fun because they have the minecraft and the Star Wars and moana and angry birds and all of these Licensed characters that children of course love. So that's something to work towards all of these pre-reader Courses will build on the skills that then would be needed to do The next level of the tutorials. So the first one we're going to talk about is codable. Codable is a self guided game that introduces children ages Five and older to programming basics and reading is not Required because it's a very intuitive UI and the game teaches you how to play it. So we're going to pull it up now. So this is what it looks like. I got to get back to the first level because I was totally playing this earlier. Which way does he need to go first? So as you can see, it really does show you exactly what to do And what to click on. So it's very easy for children to know what to do. So once we drag everything and then you hit the play button And the goal of all the levels is always the same is just to collect the stars And go through the maze. I know it may not seem like this is actually teaching coding But it's just logic. It's getting the brain used to doing sort of logic puzzles And step by step sort of instructions that's setting the foundation For what would be needed later in coding computer science. So the first sets of levels are pretty basic. They do get a little bit harder as you can see with more directions and things. Then the next area is for conditions. So you can see if we just run it, there's already code here. But it wants you to turn where the green mark is. So that's why we added this new green. And then we put that there and then the code will run. So what I would tell my son is when he would get frustrated with the level And he wasn't quite sure what to do because there's like seven, eight steps there. Like for a younger child, that's a quite... I mean I tell my kid to get dressed, brush her teeth and put your shoes on And they already forget by the third step, right? So remembering eight things at once is maybe a little bit harder for some children. So you can always hit the play button early and just see what happens. So we can drag the stuff out and say, okay, well that's what happened when you got that far. Like what do you need to do next? And really just step through it step by step if they're having problems doing too many at once. So then the next one, it teaches loops. So we have what's called this looper here that you can repeat commands. And the way that the looper levels are structured is you really do need to use it And use it correctly in order to pass the level because there's only so many boxes there. There's only so many arrows that you can put there. So if you don't use the looper, you're not going to make it through the level. So this is quite a bigger level as you can see. This would definitely be one I'd recommend stepping through a little bit more slowly. And you can see it scales pretty fast. Like they start out easy but then they get a little bit harder. I don't have the complete game unlocked because the hour of code, it gives you only about 20% of the total game. As you can see, there's a whole intermediate and advanced world that really builds up to teaching true JavaScript as your child gets older. So if they respond to the program when they're younger, this is one that, yes, they can grow with and keep using up until probably middle school or high school. There is a fee for the full course. I think it was only like $40 the last time I checked. So that's not really that bad if your child is interested in it. But I do like that you can check it out for free before paying the money. So that's codeable. So the next one we're going to talk about is called the foos, otherwise known as code spark academy. It's very visually based and they say that children of all abilities can play and learn. And this is definitely another reading not required one. So the link that's on the hour of code website for them doesn't actually work. This link works. If you put that exact url in, it will take you to the game. That link does not appear anywhere anymore on their site. So if you want to play this game, make sure you write that link down because it's like the secret code or something at this point. Like you cannot link to it anywhere else. So it's still up. It says it's going to come down January 15th. But it's still there because this is my favorite one. So I'm glad it's still here. So we just have some cute little cartoon characters. We don't need the volume. It always starts with a little cartoon to kind of set up a little story for the kids. So we have a foo that stole some donuts. So now we need to collect all the donuts. So again, you can see that it's animated showing the child what they need to do. So we drag this block up and then we click the green foo and she very happily gets her donut. And then more actions are added as the game goes. But the goal is always just to collect the little green dots or collect the donut. And you'll get stars along the way for doing so. So with this one, again, it's a paid program, but there's a good number of levels that are available for free. All of these 12 levels are free. And then once you get 30 stars, you can unlock this little free play area. When I student teach at a local elementary school and they just love the free play. Because eventually in this game, you can get these boxes and dynamite and blow stuff up and jump really high. And it's just really fun for them to make their own creations and just see, like, you can make anything. What do you want to make? And just seeing what they come up with is amazing sometimes. So again, that's a secret code. All right. And we also have code.org courses that they run for a pre-reader all the way up through university level. The pre-reader course, specifically, each one has about 13 lessons. And some of them are online and some of them are offline. So like printer, paper, scissors, type of activities for the offline stuff. So this is what the website actually looks like. And then if you click into the course A, this is kind of the overview of the courses. So you can see the unplugged activities. The triangles are videos that teach different things. And then the circles are actually lessons. So it starts out very simple. And it's just drag and drop little puzzles. Because if your kid's like my four-year-old, of course the first thing they do is touch the screen and try to drag it over. It's like, no, you need to use the mouse. So I'm trying to teach you how to use the mouse and drag the little pieces over. So then there's a lot of this kind of stuff. But then it gets a little bit harder and progresses to the arrows. And so you always want to move like this one. You just need to move the two birds together here. So we just do that. Click there. And he'll hop on over there. And that's all we need to do. And it'll actually show you the actual javascript. If you're interested, you can always click show code. Because when I teach in the class, they're like, I don't understand how this is coding. And I was like, well, you can always click in here and see what you're actually doing. This is just the foundation. So you understand in the future what you're doing. So there's a lot of different types of these things. Different themes. There's an artist one here. There's an adventure one. And there's also the branded ones. Yeah. Probably not on this one. Let me go back. Yeah. No, it's okay. This one, it's more just the arrows. Because, yeah, trying to see if there's... So you can always show it, but you can't write it. Hop along. They're all basically the same. It's just that skinny one to put on it. If your child wants to look at. Because they're all basically the same. Just hopping around the little screen trying to solve the puzzle. So some tips for success. Definitely sit with your child while they do the activities. Especially with this age range. They might get frustrated very, very quickly. And we don't want this to be frustrated. We want this to be fun. So sit with your child and have them watch you play Maybe a level or two. If they're struggling, you play a level. And show them how it goes. And then maybe they'll get interested and start taking over again after a level or two. And like I said before, click the run or play button often. If they're stuck in a bigger maze, that's the best way to get them through. It's just say, okay, you've made it halfway there. You can do it, buddy. Like just get the rest of the way. So then some additional resources. These are the links that I used earlier. Codeable in the foos. The bottom two are new. There's a light bot one. And a disney one. So light bot is a cute little robot jumping around Little squares. And then the disney is more the arrow kind of games. There's also one called tinker. This one is probably a little bit more for older kids, but it's something to keep in mind as an option. And if you're going to a birthday party or something like that, I would recommend this really cute little board game called Robot Turtles. It came out of Kickstarter, but now you can get it at Target or Amazon or any of those kind of places. But it's just a board game maze. So you have the gem in the center and you have to program your little turtle to get around different obstacles and get to the center of the maze. So it's a lot like the online games, just in board game form. And it's really fun. So that's what I've got for you today. Are there any other questions? Yeah. Yep. That's this one. The foods.com slash WebGL. Oh, and this one doesn't work unless you actually type .html, because apparently that's still a thing. It doesn't work if you don't type it. All right, yeah. I like the foods quite a bit. There's a lot of extras that come with it, but it's also the most expensive one, because it's like $8 a month or something. However, if you can go to your kid's school, they offer it free for K through 12 schools. So you can get a teacher to set up a teacher account, and then you can have your child maybe play it at school for free. That's what I'm in the process of setting up right now at my son's school. I haven't finished it yet. I'm working with them to get that instituted, but they do offer it free for schools, which is awesome. So you just have to contact them and set up this little teacher dashboard. And that's a way, too, to check out more of the program, because there's, yeah, all sorts of mini games and extra levels. And the very intuitive, visually-based that one, that one, I think, was the best one. Yeah, the Angry Ritz one? My mom, because she was a teacher, they had a couple days of training for them so they could do it at school. She was like, I'm doing pretty well. I can do your house if I can do it. So she came home, and my son, I had done it from before. And then you got stuck someplace. You got frustrated. But then my mom was doing it again. She was, like, lost. Like, he could be, like, the person who knew more. Right. Well, this is what you do. Oh. That's great. That's awesome. Yeah, it really can be, like, a whole family learning experience. Yeah, it's really, really fun. I, for Tinker, they have Minecraft times. Yes. For the bigger kids. Yeah, you could actually mod Minecraft. Do they still give you a free server? Yeah. Okay. If you sign up for Tinker, yeah, you can get a free Minecraft server and start modding that for the older kids. So that's really fun. But Tinker is another one. It's paid, but they have some free stuff. So you just kind of have to find the line of, yeah, what's free and what's paid and what you want to spend money on. There's definitely a lot of free stuff out there. But once you find one you like, go ahead and pay for it. I wish I took our code down. But yeah. So some of these, too, I forgot to say are offline. Some of them, once you click into them, you really need like an ipad or a tablet or something else to play. But it'll tell you right here what you need. So as you can see, like I couldn't even play this one on my Computer if i wanted to. Thank you.