Subtitles section Play video Print subtitles - Hi everybody, welcome to code break. My name is Hadi Partovi, I'm calling from Code.org headquarters here in our studio. Actually no, I'm just at home. Let me change my virtual background. This is my living room and I'm joined with my daughter, Sofia. Sofia is gonna be the soundboard manager. (ceremony trumpets blow) And we're joined here with a whole bunch of folks. There's about 1200 people joined in on zoom already and last week we had 10,000 viewers streaming live on Facebook, and there's people joining in as we're talking still, about 10 or 20 per per second. Last week we have 10,000 viewers joining from places as far away as India, and Spain, and Greece, Israel and Azerbaijan at all hours of the night, thank you. We're hoping together to build the world's largest live interactive classroom. If you enjoy what we do here today, please invite others to join as well. If each one of you invites two other parents or families to join, we should hopefully be able to double every single week. I wanna introduce our first special guest today, Lyndsey Scott, who's a actress, model and also an awesome software engineer. Lyndsey, how are you doing? - I'm doing well. Thanks for asking. - How are things in Los Angeles? - They're good. I've been home obviously quarantined but I've enjoyed being home. I think it's nice to have this time to be at home and maybe learn something new or try something that I normally would have that time to do. - Do you have any thoughts you wanna share with the millions of students who are at home without school? - Yes, I think that code, Code.org especially, is a great way for you to maybe spend your time. You can spend the next couple weeks in quarantine or however long it takes and then you could come out with a great new skill set. - So you yourself have been successful both as a model and an actress but I'm most interested in your computer science background. Can you share about how you got into computer science and what you're doing with it? - Sure, so I went into Amherst College knowing that I wanted to act but throughout my time there I made my way into computer science class and I loved it so much that I ended up double majoring in both theater and computer science. - All right. - And now it's perfect. I'm able to programmed from home here in LA and then normally go out and act, and it's been a great way to fund my acting career while I'm trying to work through that. - That's great. Lyndsey's got an incredible reputation as a software engineer and in fact, on Stack Overflow, which is one of the top websites for coders to ask questions and answers. She has all sorts of questions that people ask her about iOS engineering and making apps, which she's done a lot of. Is that your kitten? - Yeah, that's Jade. - You wanna introduce her? - [Lyndsey] (laughs). - Hi there. So before we start, we're gonna do our joke of the day, our computer joke of the day. So Lyndsey, why was the computer cold? - I don't know, why was it cold? - Because it left the windows open. - (laughs) Good one, great (mumbles) joke. - Let's get a chance to say hi to all the other students who are joining us from other the countries. So if we could switch to gallery view and we're gonna unmute everybody so if you could. - [Lyndsey] Oh, wow. - Hi. - Hey everybody. - Hi. - Thank you. - Hello. - Hi. - [Lyndsey] I see people are from Washington. - Hello. - Hey Brian, what's up? - So the next thing we wanna do is we wanna say hello to the audience who's not on camera. - Yes. - Everybody can see you have a chat button on your screen. If you're on a tablet or phone, you may need to tap the screen to see it. If you click the chat, what you need to do is to click the little blue drop down that says and choose to all panelists and attendees, and this way you can type in there and everybody can see it. If you could all tell us where you from and Lyndsey if you could read where people are from. - So many people it's so hard to read so fast. Illinois, Tennessee, Puerto Rico, Nevada, Florida. Let's see other countries. We have Orlando, Memphis, Bellevue. - Awesome. Now can people also type what grade they're from? - Lebanon, Honduras. - Can you type in your grade? - Yeah, what grade are you in? - Fifth grade, 12th grade. - 11th, seventh, eighth. Do we have any younger kids here? - Ninth grade, tenth grade. - Fourth grade. First and third, wow! - And so then the last thing I wanna ask if people could. Wow 25th grade I saw. I wanna get a sense of people's computer science experience, if you could type in either one if you're a beginner, two if you're intermediate, three if you're advanced. - Seems like we have a good mix some some people are four, wow. - I don't know if I'm even a four. - I think I saw a 10, 000 go by. - Yeah, 10,000 is. - We're gonna have an opportunity to hear from, to basically do all three different levels. So we're gonna start with much more beginner stuff. As we go along, I wanna give people, let you know that there's a button for Q & A. So if you have any questions as we go along, you can click this button. Those questions will come to the team at Code.org, we'll try to answer them in real time. And we'll get hopefully a chance later in the episode to answer one or two questions live. For today, the agenda we have is we're gonna talk about prototyping and we're gonna start learning about first designing an app or designing on paper. Second, we're gonna build an interactive card and then lastly, we're gonna do rapid app design. Those are the sort of three stages of what we're gonna be doing. And as we go through this, I also wanna call out this is our second time hosting Code Break. It is not a simple thing to pull together with such a large live audience. We have almost twice as many people today as we had last week. If we run into problems we're gonna learn an important computer science concept called debugging. This is a bug that Sofia drew and so when we run into bugs we'll just deal with them. If we have tech issues, if people have trouble calling in, et cetera. So, I wanna start by showing some of the things that the students who joined us last week submitted. We learned about algorithms and how to make art using code, and so many people shared your drawings to social media. And I wanna share some of these on my screen. So this one is from Lisia Tatuli and this was a whole team of 20 kids in Milan, Italy that drew these different shapes, and she said even if we're on locked down in our houses, we had fun. So thank you Lisia, for calling in from Italy. And this other one I wanna show is from Arnab Biswas, whose daughter's Miranlini and Sharanya, sent in these two drawings, and then they've been coding all week making different drawings. Arnab are you they're very with us right now. Can we unmute Arnab to just say hi briefly with his daughters? They're on. - [Arnab] Hi. - Hi Sharanya and Miranlini, how are you doing? - [Miranlini] We're all serious. - Great So it's great to see you and there dialing in from Bangalore, India. What time is it in there in Bangalore right now? - [Arnab] It's 10:40 pm right now. - 10:40 pm in the night. Well, thank you for joining us. So today's computer science word of the day is prototype. Thank you, Sofia for this design. We're gonna learn how to prototype starting with design on paper but Lyndsey, since you've made so many apps, what do you do when you are making an app? Have you ever started by prototyping in some other tool before you get started? - [Lyndsey] Yeah, definitely. Prototyping is a great way to work out what your app will look like or do before you put too much energy into it. It's great way to show clients or customers, what you have to look forward to and hopefully they like it too, before you get started. - So I wanna show sort of a view of an example of an end result. What we're gonna do today is prototype and then build an interactive card. This here if you see my screen is an example of what the end result will look like. And lemme see I'm not sure if it's showing for people yet. Oops, that's my whole screen. Let me come back and do it differently. This is what an example of an interactive card would look like that we're gonna build. So you have a little bear here that you need to feed and you can click on different foods for him, so you can eat the watermelon or he can eat the hamburger and he gets bigger as he heats food. Each time we click on something the bear gets bigger and finally says, "Happy Code Break," and we fed the bear. It's a very simple card with a background and a character, and then reacts to different behaviors. We're gonna make a similar interactive card right now, but we're gonna start by designing it on paper first. So I wanna show the example of what it's gonna end up looking like. And now we wanna have a number of students basically join us to help Lyndsey design her card. So can we welcome David, Lana, and Claudia? You're all gonna be now unmuted so you can say hello. So David, are you there? - [David] Yeah, I'm here. - [Lyndsey] Hi David. - [David] Hello. - [Lyndsey] Where are you from? - [David] Puerto Rico. - [Lyndsey] Oh, Puerto Rico. So what grade are you in? - [David] The sixth.