►
From YouTube: Introduction to Tag Helpers
Description
Taylor Mullen gives us a quick introduction to Tag Helpers.
Here's the repo for this episode : https://github.com/CodeConversations/Tag-Helper-with-Taylor-Mullen
A
B
A
B
Down
in
the
show
notes
to
make
sure
that
you
kind
of
get
on
the
same,
the
same
make
interface
that
I'm
using
okay,
so
tag
overs,
razor
and
razor.
It's
a
templating
language
at
its
core,
so
I'm
gonna
past
an
MVC.
You
looked
at
a
page
like
a
login
page
that
looked
a
lot
like
this.
You
have
at
symbols
to
intermingle
between
see.
This
is
kind
of
what
you
used
to
do,
and
but
the
in
step
of
this
is
you
kind
of
get
a
page
that
looks
like
this,
so
you
have
a
login
page.
B
B
You
have
to
do
a
lot
of
work
here,
so
when
you
render
a
form
you
want
to
make
sure
your
form
posts
to
a
controller
and
make
sure
post
in
action,
so
you
typical
call
into
some
sort
of
c-sharp
method.
Okay,
so
in
here
we
have
HTML
begin
former
passing
in
our
action
or
passing
their
controller,
all
sorts
of
stuff.
Here
now
this
worked
for
really
low,
but
there's
a
lot
of
problem
too,
and
this
is
where
tag
helpers
came
in,
came
to
save
the
day.
Okay.
B
A
B
A
A
B
You
run
your
page
once
and
then
you
finally
know
okay,
so
one
of
the
values
of
tag
Gulpers
is
it's
a
way
to
run
c-sharp
to
participate
in
the
rendering
of
HTML
elements.
So
we
have
this,
which
is
purple
and
it's
running
c-sharp,
to
kind
of
do
the
same
thing
that
we
were
doing
here
with
begin
form,
but
in
the
form
of
an
HTML
tag.
So.
B
B
A
A
B
B
Something
it's
a
brand
new
thing
now,
if
I
jump
over
to
the
layout
page.
Here
we
have
these
new
environment
tag
helpers,
we
script
tag,
offers
that
fall
back
so
a
new
element
and
then
an
existing
element.
Okay,
so
an
existing
element,
we're
adding
a
brand
new
attribute
inversion
that
brand
new
elements
were
not
alright.
Just
names
names
equals
development.
B
So
pulls
in
all
your
CSS
and
you
kind
of
get
all
the
valid
all
the
valid
Intel,
some
that
you
could
possibly
ever
want
I'm
same
thing,
if
you
just
add
another
attribute
to
it,
you're
the
same
thing.
So
this
is
a
problem
with
old,
HTML
helpers
and
kind
of
the
old
way
of
raiser
in
the
new
way.
Well,
if
I
want
to
add
like
a
class
to
this,
guy,
I
can
simply
just
type
here
to
class
and
then.
B
B
A
B
A
B
A
B
B
It
is,
and
if
I
dive
into
here
I
think
I
can
actually
see
this
as
one
of
the
right
here
as
tag
covers.
It
is
something
that
is
included
when
you
use
the
default
MVC
experience,
but
even
doing
that
isn't
enough.
You
need
to
do
one
more
thing
and
that
one
of
the
things
you
need
to
make
sure
to
tell
your
views
that
they
can
use
the
tag
helpers.
So,
if
I
jump
over
to
view
imports
here,
I
see
this
ad
tag.
Helper
statement,
Oh.
B
B
By
chance,
but
that
is
the
assembly
name
in
our
case,
it's
Microsoft
based
una
Corda
MVC
that
I
go
first,
okay,
kind
of
the
value
there
is
you
don't
want
to
include
a
random
library
and
then
just
up
everything
fall
apart.
Oh
yeah,
those
are
very
powerful.
Now.
The
same
thing
is
true:
if
you
want
to
remove
tag
helpers
from
your.
A
B
B
A
A
B
So
it's
no
longer
a
toggle
upper,
so
you
can
kind
of
pick
and
choose
what
you
want.
Oh
and
tick.
If
you
wanna
be
even
more
explicit,
cuz
kind
of
jump
in
this
little
earlier
saying
not
everyone
uses
Visual
Studio,
not
everyone
gets
this
beautiful
purple
intelligence,
there's
a
way
to
be
even
more
explicit.
Okay,.
A
A
B
Whatever
I
type
here
will
then
be
a
requirement
for
anything
to
even
be
considered
a
tag
helper.
Okay,
so
I
can
do
th
:
as
you
notice
as
I
start
typing.
Everything
on
highlighted,
oh
wow.
So
if
I
want
to
make
this
format
a
gulper
again
well,
I
can
do
that,
but
I
have
to
prefix
it
with
today,
and
if-
and
this
is
a
kind
of
a
really
nice
way
to
see
all
the
Tyga
presenter
in
this
system-
that's.
A
B
B
B
As
I
mentioned,
this
is
tech,
go
berserk
and
like
its
underlying
system
and
as
fuss
as
NBC,
we
actually
had
our
own.
So
in
the
next
video
you'll
be
able
to
write
your
own
tag.
Helpers
and
I
encourage
everyone
watching
to
actually
hop
over
to
github
comm.
Slash
is
peanut,
slash
MVC,
and
there
is
a
source
folder
here
and,
of
course,
our
tag
helpers
and.