►
From YouTube: Welcome to Codespaces - GitHub Universe 2020
Description
Presented by
Bailey Brooks, Product Manager, GitHub
Matthew Isabel, Staff Product Manager, GitHub
Join GitHub Product Managers, Matthew Isabel and Bailey Brooks, for a brief tour of GitHub Codespaces. Their introductory demo will be followed by a 10-minute Q&A.
For more from GitHub Universe 2020, visit https://githubuniverse.com
As always, feel free to leave us a comment below and don't forget to subscribe: http://bit.ly/subgithub
Thanks!
Connect with us.
Facebook: http://fb.com/github
Twitter: http://twitter.com/github
LinkedIn: http://linkedin.com/company/github
About GitHub
GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Millions of people use GitHub to build amazing things together. For more info, go to http://github.com
A
A
It
was
amazing
just
how
excited
the
community
was
to
be
able
to
have
a
cloud
dev
environment,
so
you
can
go
from
a
repo
on
github.com
to
a
running
code
space
within
seconds
without
any
setup
or
configuration
since
may,
the
team
has
put
in
a
ton
of
work
in
order
to
really
continue
delivering
on
that
vision
of
cloud-based
development
that
feels
fast
and
lets.
You
contribute
projects
faster
than
ever
no
more
cloning
and
setting
it
up
on
your
local
machine.
A
We've
also
added
thousands
of
people
to
the
beta
and
received
great
feedback
from
our
early
adopters.
We're
excited
to
share
this
product
with
you,
so
if
you're
just
tuning
in
to
hear
about
codespaces-
or
maybe
you
just
hear
my
voice
from
a
browser
tab
that
you
left
running
from
the
keynote,
what
we're
going
to
do
today
is
a
bit
of
what's
new,
what's
coming
and
why
codespaces
continues
to
be
so
exciting
to
so
many
people
get
up
code.
Spaces
are
instant
cloud
developer
environments
code
spaces,
provide
you
with
a
machine.
A
A
Your
company
might
have
a
person
or
a
team
where
this
is
such
a
problem,
that
it's
become
their
job
and
hopefully
you're
not
managing
python
2.7
anymore,
that's
been
end
of
life,
but
it's
just
an
example
to
say:
let's
write
great
code
and
be
able
to
write
it
fast.
Writing
great
code
should
be
about
doing
just
that,
and
not
the
periphery
of
machine
management
that
surrounds
it
code.
Spaces
are
available
anywhere
you
can
connect
from.
A
A
B
Demo,
thanks
bailey,
so
we're
going
to
start
here
on
the
repo
landing
page,
and
this
is
a
page
that
I
love
like
it's
a
page
of
so
much
possibility.
Every
new
project.
You
come
across
you're,
probably
starting
on
the
repo
landing
page
and
there's
so
much
information
here,
there's
so
much
density
of
information.
You
have
the
code,
you
have
the
contributors,
you
have
a
readme,
there's
just
so
much
to
absorb
here
and
again,
this
page
is
like
so
exciting.
I
almost
get
nostalgic
for
it.
Talking
about
it,
thinking
about
learning
a
new
language.
B
The
first
time
I
came
across
a
really
exciting
project
or
or
something
I
potentially
want
to
pull
into
a
project
I'm
working
on,
and
I
get
to
the
repo
landing
page.
It's
just
so
exciting
to
come
here
and
want
to
explore
this
project.
Maybe
it's
my
first
day
on
a
new
team,
and
this
is
kind
of
my
first
exposure
to
the
project,
the
code,
the
readme,
how
it
works.
B
My
only
problem
is
like
sometimes
this
page
can
feel
a
little
bit
like
a
wall.
It
can
feel
overwhelming.
There
is
so
much
information
here.
There
is
a
readme,
and
sometimes
that
read
me,
is
really
dense
and
explains
a
ton
about
the
project.
Maybe
there's
a
lot
of
configuration
and
setup
or
other
times.
Maybe
the
readme
is
really
shallow.
B
Maybe
it's
just
been
one
or
two
people
collaborating
on
a
product
and
they
really
haven't
evolved
it
into
a
really
robust
readme
yet,
and
while
this
can
sometimes
feel
like
a
bit
of
a
wall
just
because
there's
so
much
here,
what
this
page
should
really
feel
like
is
like
a
door.
It
should
feel
like
a
door
to
to
connect
to
this
amazing
project.
You
want
to
get
started
with,
and
that's
really
where
code
spaces
comes
in
and
the
way
we
get
to
codespaces
is
right
from
this
page.
B
We
can
go
to
the
code
button
and
right
inside
this
drop
down.
We
can
open
this
project
inside
of
a
codespace,
so
let's
go
ahead
and
do
that
and
talk
about
what's
happening
and
what
that
offers
us
for
this
project.
So
I've
created
this
code
space.
I
was
using
it
pretty
recently
and
I'm
going
to
jump
in
and
just
resume
an
existing
code
space.
B
So
you'll
see
we
connect
here
and
we
land
in
what
fields
and
really
is
vs
code
and
it's
vs
code
in
the
browser,
and
for
me
personally,
this
feels
a
lot
like
home
and
the
reason
is
because
I
use
the
github
dark
theme
and
this
is
using
the
github
dark
theme.
But
if
I
had
another
theme
I
could
have
that
set
up
and
synced
across
my
code
spaces
as
well.
B
So
I
really
have
everything
that
makes
this
feel
like
I'm
developing
locally
you'll
even
see
there
are
some
extensions
that
aren't
standard
here
that
don't
come
automatically
out
of
the
box,
so
I'm
also
able
to
bring
in
the
extensions
that
I'm
used
to
that.
I
like
to
work
with
and
use
them
all
inside
of
the
browser
for
this
code
space.
B
B
B
So
let's
go
ahead
and
open
this
in
the
browser.
So
what's
going
to
happen
here
is
we're
going
to
connect
to
a
forwarded
port
from
this
code
space
and
it's
going
to
load
our
app
so
you'll
see.
I
have
this
app
called
haikus
for
mona
and
we
have
some
of
those
octa-cats
that
martin
was
just
talking
about,
and
I
have
little
haikus
that
we've
written
about
some
of
these
octa-cats
and
this
is
really
cool.
I'm
running
a
node
app.
It
has
a
postgres
database
backing
it.
B
B
B
So
let's
go
ahead
and
run
this
app
with
our
debugger
attached.
So
you'll
see
we
have
the
app
our
port.
3000
is
forwarded
again,
and
what
we're
going
to
do
here
is:
let's
just
set
a
breakpoint,
so
I'm
going
to
create
a
little
bit
more
space
here
and,
as
I
said,
this
is
a
pretty
basic
node
express
app
and
we
have
some
endpoints
that
are
defined
here
and
we
have
this
endpoint
for
for
the
heart
experience,
so
I
can
go
ahead
and
heart,
something
and
like
it
and
the
counter
goes
up.
B
B
So
what
I'm
going
to
do
is
I'm
actually
going
to
stop
the
debugger
for
a
second,
and
I
think
we
need
to
talk
about
how?
How
is
this
working
like?
How
did
we
even
get
to
the
point
where
I'm
running
this,
this
multi-container
app
and
debugging
it,
and
the
way
that
works
is
via
this
dev
container,
so
you'll
see
up
top,
I
have
a
dev
container
and
then
we
have
this
json
file.
So
let's
click
in
here
and
check
this
out.
B
B
I
have
some
forwarded
ports,
I'm
able
to
bring
in
some
settings,
so
I
want
to
be
using
bash,
so
that's
brought
in
automatically.
So
this
is
really
cool
and
it's
really
powerful
right
because
we
can
go
and
we
can
check
out
this
docker
compose
I
just
referenced
and
you'll
see.
I
have
two
services
here.
I
have
a
web
service
and
that
depends
on
my
database
service.
B
So
we'll
go
ahead
and
collapse
the
web
service-
and
you
can
see-
I
have
my
postgres
database
so
when
we
actually
go
ahead
and
create
this
code
space,
you
have.
You
know
your
web
service
in
a
container.
You
have
your
database
and
a
container
and
then
we're
connected
to
that
and
we're
doing
all
of
our
development
with
these
containers.
B
B
Then
this
last
part
is
super
cool,
so
I
can
load
in
extensions
and
the
great
part
about
this
again
is.
This
is
configures
code,
this
lives
in
the
repo.
So
when
I
put
these
extensions
in
here
for
the
project,
it
means
not
only
I
get
the
benefit
of
having
these
things,
but
my
team
does
so
we
take
something
like
eslint,
which
is
a
tool.
I
love
to
do
my
linting,
and
maybe
I
have
a
style
guide
for
my
team
and
I
want
everyone
to
be
able
to
use
that
same
style
guide.
B
If
we
open
it
in
a
codespace,
it's
pre-loaded
there
it
can
be
set
up
with
our
style
guide.
So
right
now
I
haven't,
I
think,
finished
configuring
it.
So
if
we
actually
did
an
extends
here
and
then
we
did
the
excellent
recommended,
you
can
go
ahead
and
you
actually
see
my
index
file
is
now
raising
five
problems
and
if
we
went
and
we
went
back
into
our
terminal,
you'll
see-
I
have
a
lot
of
assignments.
B
I
did
some
refactoring
and
I
have
some
assignments
that
I'm
actually
not
using
and
they're
just
sitting
here
in
the
project.
So
I
haven't
really
finished
my
refactor,
but
it's
things
like
this
that
eslint
can
catch
for
me.
I
can
just
standardize
this
across
everyone
in
this
project,
so
the
code
comes
out
really
uniform.
I
love
that.
B
B
I
can
just
do
a
select
star
and
let's
look
at
all
of
our
haikus
and
we're
going
to
run
this
on
our
active
connection
and
you'll
see
the
five
haikus
that
we
saw
on
here
that
are
from
our
database
are
all
showing
up
with
the
sql
tools
extension,
and
I
can
run
this
query.
I
could
run
a
script
in
this
sql
in
this
sql
tools.
Extension.
This
is
super
powerful,
and
this
is
what
I
love
about
vs
code.
It
is
so
extensible.
B
B
So
I'm
going
to
get
rid
of
this
I'm
going
to
close
out
of
these
files.
Let's
go
back
to
our
index.
You
know
we're
not
using
these,
so
we
can
get
rid
of
those
if
we
want
we're
also
getting
some
other
things
from
eslint,
where
it's
telling
me,
I
have
other
values,
I'm
not
error,
handling,
there's
a
lot
to
to
be
desired.
B
Let's
make
this
a
template,
and
now
I'm
going
to
go
back
to
my
terminal,
make
sure
that
that
still
prints
out,
as
I
expected,
I
get
my
forwarded
port
awesome.
Everything
looks
great
and
now,
if
we
wanted
to,
we
could
go
in
here.
We
could
make
our
commits
and
push
them
to
our
repo,
and
this
is
like
a
awesome
end
to
end
right.
We
started
our
repo
landing
page.
We
opened
a
codespace,
we
were
able
to
debug
we're
able
to
run
eslint.
B
We
were
able
to
look
at
our
database,
we're
able
to
make
a
change,
and
now
we
could
push
that
back
all
from
the
browser,
and
this
is
awesome
for
quick
changes.
It's
awesome
for
my
ipad.
I
think
ryan
demoed
code
spaces
in
the
ipad
and
the
keynote,
and
that's
like
spectacular.
I
love
to
be
able
to
do
all
of
these
things
on
the
go
and
not
worry
about
where
the
code
is
living,
where
the
latest
code
is
the
power
of
my
local
machine
is
not
relevant.
B
I'm
able
to
connect
to
an
even
more
powerful
machine
in
the
cloud,
but
I
also
like
to
spend
a
lot
of
my
time
using
vs
code
locally,
and
I
want
to
go
from
vs
code
and
connect
to
my
code
space,
and
I
can
do
just
that.
So,
let's
go
to
vs
code
and
I'm
actually
going
to
go
to
the
remote
explorer
and
I've
installed
the
code,
spaces
extension.
B
So
what's
going
to
happen
here
is
this
is
going
to
take
a
second
it's
going
to
set
up
our
connection
and
then
we're
going
to
have
our
entire
code
space
in
just
the
state
that
it
was
right
because
we're
connected
to
that
remote
machine.
So
you
can
see
my
changes
are
here
and
I
can
go
ahead
and
if
we
want
to
make
our
commits
from
here
updates
for
live
demo
and
go
ahead
and
make
our
changes,
everything
looks
good
and
let's
go
ahead
and
push
them.
B
So
I'm
going
to
go
ahead
and
push,
and
now
our
changes
are
back
on
our
repo.
So
if
I
go
back
to
the
web,
we
can
see
this
full
end
to
end.
I'm
going
to
use
the
command
line
with
this
nifty
little
trick
to
go
back
to
the
repo
and
you'll
see
updates
for
live
demo.
Here's
our
commit
you'll
see
that
it
kicked
off
github
actions.
So
it's
now
running
my
tests
and
we
did
all
of
this
from
the
code
space
again
we
started
in
the
web.
We
opened
our
code
space,
we
ran
our
app.
B
B
B
B
And
I
also
want
to
plug,
if
I
may
really
quickly,
allison
is
doing
a
talk.
Allison
is
our
teammate
and
it's
on
the
developer
stream.
So
after
this,
if
you
want
to
see
an
even
deeper
dive,
some
tips
and
tricks
some
additional
functionality,
I
wasn't
able
to
cover
in
this.
If
you
jump
to
the
developer
stream,
you
can
see
allison's
talk
and
it'll,
be
amazing
check
it
out
over
there.
The
last
thing
I
want
to
do
is
just
say
like
thank
you
so
much
one
to
the
team
that
is
building
this.
B
B
In
addition
to
that
thanks,
you
know
a
huge
thanks
to
the
team,
a
huge
thanks
to
bailey
everyone
involved
in
the
production
here,
but
also
a
huge
thanks
to
everyone
in
the
beta.
We
know
folks
want
to
get
into
the
beta.
We
are
going
to
be
adding
more
and
more
folks
as
we
target
our
ga,
but
those
that
have
given
feedback,
those
that
have
tweeted
us.
Those
have
had
put
things
in
the
community.
B
It's
been
spectacular,
like
the
engagement,
has
been
incredible.
As
bailly
said
from
from
the
moment
we
debuted
this
at
satellite
and
it's
so
special
to
work
on
this
project,
because
there
is
so
much
excitement
and-
and
it's
really
because
of
the
people
that
are
excited
about
vs
code,
the
people
that
are
excited
about
this.
So
thank
you
so
much
for
trying
the
beta
and
that's
our
that's
our
demo.
So
I
can't
wait
to
kind
of
see
some
of
the
questions
that
you
all
have.