Subtitles section Play video
-
- 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.
-
- [Lyndsey] And have you ever done