►
From YouTube: GitLab Web IDE
Description
No description was provided for this meeting.
If this is YOUR meeting, an easy way to fix this is to add a description to your video, wherever mtngs.io found it (probably YouTube).
A
Hi,
my
name
is
pj
metz,
I'm
here
to
do
a
guest
lecture
on
using
the
web
ide
inside
of
git
labs
ui
for
the
software
as
a
service
version.
So
getlive.com
I'm
excited
to
be
here.
Thank
you
so
much
morehouse
for
having
us
and
for
you,
students
for
taking
this.
I
look
down
like
you
guys
are
there,
but
you
know
anyway,
let's
go
ahead
and
get
started
and
talk
about
using
the
web
ide
inside
of
gitlab
first
off
I'll,
introduce
myself
like
I
said
my
name's
pj
metz.
A
I
use
he
him,
I'm
an
education
evangelist
here
at
git
lab
I'm
from
florida
and
I'm
into
poetry,
I'm
into
music.
I
spent
11
years
as
a
high
school
teacher
teaching
english
and
I
did
two
years
teaching
in
korea
teaching
esau
to
little
kids
over
in
korea,
so
I'm
really
experienced
when
it
comes
to
like
the
education,
world
and
teaching,
and
especially
like
poetry
and
literature
and
stuff
like
that.
A
A
But
if
you
ever
have
anything
that
you
want
to
tell
me
something
about,
or
if
you
want
to
tweet
at
me
about
some
music
or
just
tweet
at
me,
about
anything
at
all,
really
feel
free
to
go
ahead
and
find
me
on
twitter
messing
around
I'm
on
gitlab
at
pj
metz
and
I'm
on
twit
twitch,
rather
at
mets
and
around
as
well,
and
sometimes
I
stream
with
students
on
there.
A
So
what
we're
going
to
cover
today
is
what
the
web
id
is,
how
to
open
it,
something
called
syntax
highlighting
and
we're
also
going
to
cover
themes.
A
lot
of
this
is
very
like
I
don't
want
to
say
like
basic
stuff,
but
this
is
like
the
beginnings
of
really
working
with
the
web
ide
without
actually
sort
of
specifically
like
writing
code
like
you're,
just
like
setting
stuff
up
in
this
one
really.
A
So
a
lot
of
work
in
gitlab
is
done
in
a
project
and
that's
where
files
and
code
are
stored.
So
at
the
gitlab
level
you've
got
what's
called
a
namespace
and
then
you've
got
possibly
groups
and
then
you've
got
projects
and
projects
are
where
code
actually
lives
and
where
you
do
a
lot
of
work.
So
the
web
ide
is
a
feature
inside
of
a
project
that
allows
you
to
edit
the
code
directly
in
your
browser
rather
than
locally.
A
So,
if
you're
working
locally,
you
might
be
using
visual
studio
or
visual
studio
code,
you
might
be
using
atom,
you
might
be
using
something
other
than
that
entirely,
but
the
web
ide
in
gitlab
lets
you
do
it
right
inside
the
browser.
You
don't
have
to
pull
the
repository
locally,
make
your
changes
and
then
push
it
back
to
the
repository.
You
just
do
it
right
inside
of
your
browser,
so
you
can
open
it
with
this
button
that
you
can
find
right
here.
So
here's
a
project.
A
This
is
my
diva's
live
project,
and
my
divas
project
is
a
collection
of
twitter
bots
based
on
musical
artists
that
you
know
tweet
once
a
day
or
when
you
tweet
at
them
stuff
like
that.
But
inside
of
this
project,
there's
a
button
right
here,
web
ide
and
if
you
click
that
it
pops
it
right
open
or
from
this
screen
or
anywhere
in
a
project.
If
you
hit
the
period
key
on
your
keyboard,
it
will
automatically
open
up
for
you,
so
we're
gonna
watch
this
quick
video.
A
And
now
you're
inside
the
web
ide
so
to
actually
make
changes,
you
have
to
click
the
files
themselves
on
the
left,
and
these
are
all
the
files
that
are
in
your
repository
in
the
project.
That's
my
taking
bot
sunday,
that's
my
bodyanna
grande,
but
this
is
me
going
all
the
way
back
to
the
repository
page
and
I'm
going
to
hit
the
period
key
now
and
it's
also
going
to
open
boop,
and
then
you
can
make
your
changes
right
inside
that
web
ide
right
there.
A
This
is
me
showing
you,
you
can
do
it
directly
from
a
file
as
well.
So
this
is
my
divas.js
file
and
directly
from
that,
I
clicked
the
period
button
and
since
I
was
on
that
file,
it
opened
up
that
file,
specifically
so
real,
quick
one
more
time
on
that.
I'm
just
going
to
show
you
again,
so
I
click
into
this
divas.js
file
and
from
here
I
hit
the
period
key
where
before
it
was
opening
up
to
a
blank
kind
of
space
on
the
right.
A
And
that's
enough
out
of
you.
Thank
you
very
much
all
right.
So,
if
you're
opening
it
when
you're
viewing
a
merge
request,
so
the
way
that
we
do
work
here
in
gitlab
is
we
do
what
are
called
merge
requests
and
if
you're
familiar
with
other
git
instances,
you
might
have
heard
it
called
a
pull
request.
We
call
it
a
merge
request.
A
So
if
you
are
inside
of
a
merge
request-
which
this
is
the
view
from
a
merge
request,
that
button
is
present
there
as
well,
so
you
can
always
open
in
the
web
ide
from
the
merge
request
as
well,
so
making
a
merge
request.
We're
gonna
check
out
this
video
real
quick,
like
I
said
so,
this
is
making
a
commit.
A
This
is
creating
a
merge
request,
essentially
showing
that
there's
a
difference
in
the
code
here
and
the
green
has
been
added.
The
red
has
been
deleted.
You
see
I'm
creating
a
new
branch
right
over
here
up
here,
I'm
going
to
have
a
commit
message
as
well.
So
this
is
the
name
of
the
branch,
and
a
branch
in
get
is
you've,
got
your
main
branch
and
when
you
take
that
make
a
copy
of
it
over
here
that's
going
to
be
making
a
new
branch.
A
I
have
a
little
message
here
that
you
put
it's
letting
people
know
what
was
done
and
why
the
the
branch
was
made
or
why
the
commit
was
made.
So
I'm
updating
a
a
bot
that
I
have
that
tweets
at
mountain
dew
every
day,
because
I
really
want
them
to
sponsor
me.
I'm
updating
that
and
I'm
letting
putting
that
message
there
so
future
me
or
other
people
on
the
project
know
what's
going
on.
So
this
is
the
merge
request.
Page
you
put
a
y
there.
A
And
it
says
like
why
the
change
was
made,
what's
the
reason
etc.
I
can't
spell
mountain,
like
you
do
mountain
dew.
That
was
a
bad.
That
was
not
an
intentional
pun,
but
here
we
are
so
you're
gonna
see
me
scroll
down.
You
can
assign
it
to
someone,
so
they
know
that
they're,
the
next
person
and
you
can
create
the
merge
request
and
then
once
you're
inside
the
merge
request.
That's
where
you'll
see
that
button
right
here
open
the
web
ide,
so
we're
in
a
merge
request.
A
A
You
can
still
change
to
other
files
like
you
can
go
and
look
what
another
file
has
you're,
not
limited
to
just
what
the
difference
was
in
that
merge
request.
You
can
change
anything
because
what
will
happen
is
you
will
update
with
a
new
commit
what's
available
in
that
merge
request?
Let's
say
that
you
are
you
notice
that
another
file
was
not
properly
configured
or
needed
something
extra?
You
can
actually
go
in
edit
that
other
file
too,
and
make
that
part
of
the
same,
merge
request.
A
A
And
I'll
pause
it
and
let's
move
on
so
syntax
highlighting
is
an
important
part
of
code
and
everyone's
got
their
own
preferences.
This
example
here
shows
everything's
in
different
colors
and
the
colors
represent
certain
specific
features
of
that
language.
So
this
is
c
sharp,
syntax
highlighting
in
a
theme
called
monokai.
A
It's
the
reason
it's
there
is
for
for
quick
scanning
of
code,
so
you
can
find
things
like
a
variable,
a
function
of
method,
whatever
you
need
to
find
quick,
you'll
learn
what
the
color
is
in
whatever
particular
syntax,
highlighting
or
theme
you
prefer.
Our
web
ide
currently
provides
its
basic
syntax
colorization.
A
So
it's
got
stuff
for
xml,
php,
c,
sharp
c,
plus
plus
markdown
java,
a
bunch
of
others,
and
it
also
provides
a
little
bit
of
intellisense
intellisense
displays
an
error
in
warning
and
does
what
are
called
smart
completions,
where
it's
like?
Oh,
are
you
referencing
this
variable
and
you're
like?
Yes?
I
am
really
a
lot
of
this
stuff
is
because
you
need
shortcuts
in
doing
code.
If
you
have
to
type
everything
out
by
hand,
it
gets
tedious,
but,
let's
say
you're
trying
to
call
a
variable
from
before.
A
As
you
start
typing
it,
the
web
ide
will
start
to
recognize.
Oh
that's
the
variable
they
made
on
line
7
or
line
29,
or
line
469
like
whatever
line
it's
from
it'll,
be
like
oh
this
variable
and
you
can
just
hit
tab
to
complete
and
it
just
it
saves
a
little
bit
of
time
and
a
lot
of
coding
is
saving
time.
A
So
it's
not.
The
intellisense
is
not
available
for
all
languages,
but
it
is
available
for
javascript,
which
is
a
lot
of
people,
are
going
to
be
typing
javascript,
it's
also
available
for
html
and
css
or,
if
you're
doing
front
end
stuff.
It's
important
web
ide
themes.
This
is
where
you
decide
how
your
web
ide
looks
as
well
as
really
like.
How
honestly,
like
all
of
gitlab,
looks
all
that's
done
in
your
options.
A
A
The
navigation
theme
is
one
thing,
but
then
the
syntax
highlighting
theme
is
down
here
and
you
can
see
that
there's
a
couple
things
available.
I
really
like
monokai,
it's
not
the
the
the
dark,
deep
black,
necessarily
and
plus
I
like
the
little
bit
of
neon
that
you
get
in
that
blue
and
green,
but
here's
an
example
of
a
something
I
did
when
I
was
working
with
codecademy
and
I
just
imported
it
as
a
repo
just
to
have
code
on
my
my
gitlab,
but
that
was
in
monokai.
A
Now
it's
solarized
light,
I'm
going
back
and
when
I
click
into
the
language
now
you
can
see
that
the
theme
has
changed.
So
this
is
a
much
lighter
theme
for
me.
It's
a
little
bit
harder
to
read.
I
really
like
that
that
that
monica,
I
think,
that's
what
I
prefer
and
then
I
can
put
it
in
full,
dark
mode
for
the
entire
website
and
you'll
see
that
the
theme
is
actually
still
the
same
so
before
the
whole
website
was
in
light
mode.
Now
it's
in
dark
mode
and
it's
got
the
monokai
there.
A
A
So,
let's
move
on!
So
that's
all
for
this!
This
is
a
pretty
quick
lecture.
There's
not
a
ton
that
we
really
need
to
cover
about
this,
but
there
is
another
lecture
there
will
be
advanced
web
id
where
we
talk
a
little
bit
more
about
some
of
the
customizations
available.
If
you
want
to
know
more
about
the
web
id,
you
can
always
visit
our
docs
and
I'll
just
go
ahead
and
take
you
guys
there
now
real
quick.
A
A
lot
of
the
information
in
this
lecture
is
available
in
the
docs
and
honestly
docs
should
be
a
place.
You're
always
ready
to
go
to
whenever
you're
working
with
any
kind
of
tech,
hopefully
they're
done
well,
sometimes
they're,
not
it
can
be
a
little
hard,
navigating
docs
sometimes,
but
our
web
id
stuff
is
all
right
here
and
it's
got
a
ton
of
information
beyond
what
we've
highlighted
in
this
and
the
other
lecture
as
well.
Some
of
it
won't
be
as
pertinent
to
you,
but
you
get
what
you
need
out
of
it.
A
Don't
forget
always
control,
f
or
command
yeah
command
f.
If
you're
on
a
doc,
you
can
always
be
like.
Well,
I'm
trying
to
find
stuff
on
themes
and
it'll.
Take
you
right
to
it.
That's
that
this
was
a
quick
lecture.
I
know,
but
there
really
wasn't
a
lot
that
we
really
needed
to
cover.
I
really
encourage
you
guys
to
play
around
with
it
sort
of
get
in
there
and
just
mess
with
your
repo
click
buttons
see
what
happens
see
where
you're
headed
and
you
know
happy
coding.