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.

- [Lyndsey] And have you ever done

computer programming before?

- [David] Well, they give it for a grade here in school.

- Oh, yeah, that's great. - My technology teacher.