►
From YouTube: YUI Open Roundtable with Clarence Leung on AppLinks
Description
Open Roundtables feature topics such at YUI, HTML5, and CSS3 of interest to Front End Developers.
A
Welcome
everybody
to
the
latest
why
I
open
roundtable
today's
Thursday
in
may
29th,
2014
I!
Have
this
my
guest
and
often
visitor
Clarence
Leon
thanks
for
coming
this
week,
we're
going
to
talk
a
little
bit
about
the
upcoming
three
dot
17
to
release
we're
going
to
talk
about
pure
and
then
we'll
talk
about
the
clearance.
A
Links
so
first
up
we
have
a
3
x,
17
de
to
build
cooking
right
now,
we're
hoping
that
we
can
get
if
you're
out
there
watching
this
and
it
hasn't
been
released.
Yet
please
feel
free
to
download
that
and
try
out,
especially
around
motor,
if
you
have
a
special
config
or
anything
like
that,
please
feel
free
to
check
out
the
release
candidate
and
give
us
feedback
exactly.
B
The
goal
for
this
release
lowered
for
free
17,
was
that
we
want
to
module
eyes
some
of
like
the
loader
code
so
that
we
can
create
like
custom
combo
loaders.
But
we
also
came
across
like
a
few
issues
over
here
and
so
like
especially
we're
using
like
groups
of
Yui
modules.
That's
something
really
important
for
you
to
check
out
private
yeah
loader.
A
C
A
B
And
has
lots
of
helpful
tips
for
me
to
get
going
and
they're
really
cool
widget
on
the
pure
get
started
page
and
with
it
you
can
basically
just
select
what
you
want.
Your
screen
screen
wess'har.
What
you
want
to
be
your
small
screen
with
or
phone
a
medium
screen
look
for
a
tablet,
a
large
screen
wit
for
desktop
and
more,
and
you
can
just
set
that
up.
Just
use
the
little
like
at
that
thing
out
there
and
just
create
your
own
tea
or
mobile
grids,
and
so
it's
really
awesome
so
definitely
check
it
out.
A
B
Ethics
is
so
app
links
is
basically
the
idea
for
it's
more
for
native
mobile
apps,
and
the
idea
is
that
you
can
put
a
few
meta
tags
on
your
mobile
web
pages
so
that
it's
easier
for
your
arm,
so
that
a
native
mobile
optician
can
read
those
meta
tags
and
immediately
be
able
to
deep
link
into
a
native
app.
So
the
idea
behind
it
is
that
we
want
to
add,
like
the
most
important
part
of
the
web,
which
is
linking
back
over
to
native
apps.
So
that's
something
that
data
Maps
don't
really
have
right.
B
So
what
do
you
mean
by
annotate
like
those?
How
does
that
work?
So
basically,
what
we've
been
doing
with
like
a
lot
of
modown
components,
is
that
you
have
the
idea
of
these
route
annotations
and
so,
for
example,
these
droughts
annotations
can
be
like
labels,
for
instance,
that
you
want
to
label
like
a
specific
URL
on
your
site
with
a
prick,
as
apart
as
being
a
part
of
a
particular
section,
so,
for
instance,
I
this
part
might
be
your
app.
This
part
might
be
a
section.
B
That's
just
like
your
static,
like
about
pages
and
write
off
like
that
or
your
forum
exactly
yeah.
But
the
thing
that's
even
better
is
that
it
fits
well
with
what
Apple
Inc's
is
doing,
because
you
can
now
like
label
your
your
your
HTML
routes,
with
the
same
routes
that
you
might
want
to
use
for
your
native
apps,
for
instance.
So
how
you
deep
link
into
native
apps
is
that
you
also
use
URLs,
for
instance,
except
you
use
a
very
like
custom
URL
scheme.
B
So,
instead
of
using
like
a
cheapy
yahoo
com,
/
finance,
you
would
just
do
like
yahoo,
colon,
slash,
slash,
finance,
great,
and
so
that
way
you
use
these
custom
URLs
and
on
Android
you
can
open
them
up
and
they'll
go
straight
into
app
through
intense
and
on
iOS
I'll,
just
jump
straight
to
that
and
your
native
app
will
be
able
to
handle
all
of
your
code
dick.
So.
A
B
B
Display
is
that,
where
example,
so
an
example
would
be,
if
you're
on
yahoo
weather,
for
instance,
and
you're,
looking
at
the
wetter
for
Sunnyvale,
for
instance-
and
you
want
to
link
specifically
to
the
Sunnyvale
page
and
but
the
person
who
has
your
app
has
the
data,
whether
a
for
instance,
you
can
send
them
that
a
web
link
and
what
ends
up
happening
is
that
if
you're
inside
the
weather
app,
for
instance,
they'd
be
able
to
like
immediately
like
just
open
it
up
inside
of
the
what's
a
link,
you
can
send
them.
B
People
like
the
email
as
well
or
is
it
just
met
in
mind?
Oh
well,
it's
more
behind-the-scenes.
What
ends
up
happening
is
that
you
just
parse
the
meta
times
and
your
native
app
is
able
to
like
handle
the
transition
between
apps
that
way
who's
doing
the
parsing.
Is
it
the
app
or
is
it
the
web
browse?
So
there
are
some
of
fusion
ways
that
you
can
do
to
part.
B
You
can
have
like
a
back-end
service,
for
instance,
like
facebook,
is
trying
to
build
out
something
like
that
with
your
graph
API
or
at
the
same
time
you
can
just
have
to
on
the
client.
So
what
you
would
do
in
time.
The
native
half
is
that
you
would
just
send
a
request
over
to
an
HTML
page,
take
a
look
at
the
meta
tags,
and
if
the
meta
tags
has
a
new
RL
that
you
can
open,
then
you
open
that
up.
Also
the
apps
doing
the
parsing
in
that
respect.
A
B
How
does
it
get
the
metadata,
though,
for
that
so,
like
I
said
before,
the
metadata
is
just
from
your
your
meta
tags
inside
the
HTML
I
meant
meant
for
the
app
like
he'll
generate
like
how
do
you
know
that
this
app
has
5
sections
in
each
section
goes
to
this
model,
so
what
you
would
do
in
that
case
is
that
you
would
just
basically
have
diese.
B
You
would
set
some
settings
inside
your
Express,
so
just
basically
at
that
set
iOS,
app
store
or
ID,
for
instance,
and
in
that
way,
if
a
person
wants
to
like
link
directly
to
like
to
have
soared,
they
can
do
that
so
yeah.
So
there's
like
a
lot
of
stuff
that
can
be
done
with
it.
It's
definitely
like
a
protocol
that,
like
a
lot
of
larger
companies,
are
trying
to
push,
and
so
we'll
see
how
that
turns
out.
Is
it
just
a
web
to
advocate
at
the
apt
to
have?
B
B
You
were
rendering
out
like
a
post
where
people
are
sharing
links,
then
you
can
intercept.
You
can
intercept
the
tap
to
that
link
before
its
people
actually
open
out
a
web
page
right
and
then
make
a
request
over
to
that
web
page
grab
that
metadata
and
it
opened
up
in
the
other
app.
So
it's
mainly
for
to
act
at
risk
case.
A
A
B
B
A
B
The
idea
is
not
I'm
just
making
an
express
module
that
follows,
like
their
spec,
pretty
closely
right
now,
so
their
spec
house,
like
a
few
like
a
little
things
that
I
want
to
make
it
easier
for
people
to
handle.
So,
for
instance,
if
you
pass
in
this
specific
header,
you're
actually
return
just
like
the
meta
tags
at
the
top.
B
So
none
of
the
actual
content-
and
that
makes
it
easier
for
like
an
app
to
like
just
say,
I-
want
only
the
meta
tags
and
then
get
that
app
links
metadata
and
they
would
be
able
to
just
like
use
it
at
just
use
it
up
that
way.
This
is.
A
B
A
B
Those
metadata
tags,
so
you
can,
you
would
be
able
to
modify
them
if
you
wanted
to
the
benefit,
really
isn't
there,
because
the
idea
is
that
this
is
mainly
using
like
the
server
rendered
use
case.
So
if,
for
instance,
when
you're
on
the
native
app
and
you're
trying
to
hit
you're
trying
to
hit
you
hit
your
server,
then
you
only
want
those
meta
tags
to
shop
there.
If
it
changes
like
inside
your
browser,
it's
not
going
to
make
much
difference,
because
the
link
you
share
will
be
surrendered
in
any
way
I.
B
B
Sort
of
the
idea
is
that
you
go
into
a
nap
and
then
you're
inside
this
like
little
world
that
the
app
entirely
controls,
if
you
want
to
like
link
to
someone
else,
is
that
then
what
ends
up
happening
is
that
you
end
up
opening
their
mobile
web
component.
Even
if
you
have
the
app
install
right
like
how
many
times
have
you
opened
up
life,
a
twitter
link
in
an
ad,
for
instance,
it
takes
you
to
Twitter
web
page
where's,
it's
a
better
experience.
A
B
B
For
all
answer,
so
it's
a
pretty
like
informal
standard
right
now,
I,
don't
think
they
have
like
and
you
like
standards
committee
or
anything
like
that.
But
it's
just
something
that
people
would
like
to
fall.
Have
you
seen
much
adoption
outside
of
Facebook
yeah
pinterest
dropbox
there's
a
lot
of
time.
If
you
take
a
look
at
the
site
and
let's.
C
B
B
A
B
Basically,
whatever
the
mobile
web
link
is
so
if
people
share
a
mobile
web
link,
for
instance,
if
they
share
arm,
if
they
share
a
regular
URL,
then
inside
that
regular
URL,
when
you
render
the
page
the
metadata
is
there,
so
they
can
put
it
in
the
homepage
or
anything.
They
want
two
terms
of
location,
yeah.
A
B
So
that
hasn't
been
defined,
that's
really
up
to
the
individual
application
developer
in
that
case.
So
in
that
case,
that's
how
ever
you
decide
to
handle
it
inside
the
app.
So
what
Express
app
links
does
is
that
it'll
wreck
amend
that
you
use
to
same
URLs
on
both
your
web,
app,
your
native
apps
and
everything
in
between.
So
the
idea
is
that
if
you
have
the
same
URLs,
then
it's
easier
for
you
to
structure
your
applications.
B
If
it's
a
native
app
and
you
can
structure
it
that
way,
if
it's
a
web
app,
then
you
structure
the
exact
same
way
and
all
of
them
are
would
be
in
sync.
Are
you
working
on,
like
the
website
of
things
are
also
the
outside
as
well
so
I've
been
working
with
on
sort
of
both
sides
so
because
part
of
is
make
sure,
like
both
sides,
work
together,
well,
so
making
sure
that
you
can
parse
that
data
and
making
sure
that
it
follows
that
writes
back
that
they
have
on
the
website.
B
B
They
already
have
parts
of
them
inside
of
inside
of
the
app
links
repo,
so
they
have
example,
clients
of
how
that
might
work
out
right,
and
so
that's
like
the
reference
architecture
yeah.
So
one
of
the
things
that
I'd
like
to
work
on
to
is
I
like
to
be
able
to
create,
like
a
yq
all
table
for
to
contain,
like
all
these
apple
inc's,
so
you
wouldn't
need
to
like
store
these
apple
inc's
yourself.
You
will
need
to
parse
the
day
to
yourself.
B
B
System
and
you
give
it
a
perform
at
JSON
XML,
whatever
you
wanted
to
exactly,
you
can
just
do
like
select
iOS
URL
from
app
links
where
you,
r
l,
equals
yahoo
com
brings
us
and
not
something
that
would
be
really
useful
like
since
you
don't
need
to
like
go.
Do
all
the
parson
yourself.
It's
a
lot
faster
in
terms
of
like
the
most
really
think,
I'd
be
got
moving
things
so
I'm
still
working
on
that
right
now.
The
idea
is
that
we
want
to
build
an
API
that
might
work.
B
I,
mother,
hey
you're,
welcome
on
blue
circle
and
stuff
and
notice
you
there,
so
we
want
to
build
an
API
that
would
work
for
both
express
free
and
express
for
so.
The
first
thing
is
that
we're
doing
now
is
that
reporting
some
of
the
older
modem
components
like
Express,
annotations
and
Express
map
over
to
express
for
right
now.
So
if
you
want
to
take
a
look
at
like
their
repositories
that
we
have
them,
that's
work
that
were
trying
to
do
right
now
and
we're
also
might
be
changing.
B
The
API
admit:
there's
been
a
little
bit
of
funkiness.
That's
changed
between
Express,
free
and
express
for,
and
we
want
to
make
sure
that
the
API
is
the
same
between
both
so
you're
going
to
be,
like
kind
of
like
a
home's
like
a
polyfill
or
like
a
wrapper
around
Express
for
ya.
So
the
routes
have
changed
a
lot
since
that,
like
how
routing
works
and
Express
so
originally
in
express,
you
could
just
do
like
at
that
Jack
now
in
express,
for
they
recommend
that
you
used
idea
of
a
router.
B
A
C
C
Yeah
so
today,
I
I
open
sourced
a
couple
of
components
under
my
user
name
on
it
helped
called
module
graph
and
grunts
mojo
graph
that
just
the
given
a
set
of
es6
module
files.
They
give
you
back
a
JSON
file
with
all
the
information
regarding
which
imports
you're,
using
on
what
you're
exporting
from
your
modules.
So
you
can
do
use
that
to
do
stuff
like
what
we
doing.
Why?
C
Why,
in
our
setup
configuration
for
your
loader
to
do
either
combo
loading
or
prefetching
or
any
other,
try
to
see
like
that
you're
going
to
try
and
it
is
a
little
sorry
you've
been
experimenting
with
it
on
the
pure
sine
and
yeah.
We
I
sent
a
pro
request
to
the
pure
side.
It's
open
right
now.
We
have
to
do
with
some
conflicts,
but
it's
already
using
broccoli
to
run
this.
This
module
graph,
a
function
and
tilden
I
changed
on
file
and
from
that
building,
Wi-Fi
configuration.
C
So
the
good
things
that
so
by
now
that
the
pure
site
has
this
file
that
contains
all
the
water
I
config
like
in
the
traditional
way,
but
just
maintain
by
hand.
And
with
this
you
don't
have,
they
don't
have
to
maintain
in
my
hand
anymore.
It's
just
happens
when
you
save
a
file
automatically,
you
know,
broccoli
goes
in,
you
know
it
has.
Its
own
watcher
goes
ahead
with
the
fighter.
Game
generates
the
output
again,
and
it's
right
and
the.
A
C
But
there
are
many
ways
in
you
in
which
you
can
create
those.
You
can
mess
with
the
requires
array,
and
you
know
I'm
study
analysis
to
one
be
able
to
pick
that
up,
because
it's
so
mutable,
but
since
the
es6
in
taxes
static,
you
can
look
at
this
at
the
syntax.
I
know
exactly
what
you're
importing
so.
B
C
C
C
A
A
C
A
A
C
How
it
is
something
different?
Ok,
so,
let's
say
I
have
yeah
I'm
writing
an
e6
module
Naidu
like
import
who
from
some
module
and
then
I'm
exporting
default
function.
C
C
C
Well,
I
guess:
I
haven't
divided,
come
on
line
enough
I
promise
and
test
today.
A
C
Let
me
show
you
got
the
tests
that
I'm
using
in
the
grant
version,
so
in
the
grunt
version.
I
have
like
this
module
that
that's
a
simple
it
on
export
and
I
won
now
on.
That's
something
pretty
similar.
So
when
you
run
the
grunt
task
you
can.
The
default
output
would
be
something
like
this
just
an
object
which
contains
reference
to
your
modules
and
all
the
dependencies
for
each
of
those
modules.
And
then
you
have
a
different
mode,
which
is
called
include
bindings,
which
includes
all
the
all
the
actual
imports
and
exports
by
name.
C
A
A
C
So
the
one
thing
is
that,
even
though
this
gives
you
the
information
for
you
know
the
requires
lists,
it
doesn't
give
you
it
doesn't
deal
with
path,
so
you
still
have
to
somehow
generate
the
usual
path.
Information
that
we're
using
wire
like
path
equal
to
that
belt.
/
21,
the
GS
trigger.
B
C
Yeah,
but
we,
you
would
have
to
know
at
least
which
mean
which
would
be
like
the
base
directory
I
guess
we
could
do
like
a
a
similar
version.
That's
specific
for
why
I
that
takes
a
base
path
and
generates
like
group
configuration
it's
also
nice
yeah
I
guess
said
that
out
of
work,
I
think.
A
C
C
B
A
A
C
C
You
know
our
tools
for
your
ators
tools
for
creating
bundles
in
a
smart
way,
tools
for
doing
the
things
that
we
know
based
on
on
our
spins
with
YY.
That
work
could
well
be
that
comboing
or
prefetching,
our
conditional
loading
and
the
years
to
remove
as
much
of
the
configuration
steps
that
we
have
right
now
and
try
to
have
smart
tools
that
take
as
much
away
from
that.
It's
possible
yeah.
A
To
meet
you,
one
of
the
things
I
feel
like
the
challenge
with
law.
This
is
we're
building
a
lot
of
these
tools
and
we
all
have
like
a
like
a
mental
sense
of
how
they
work,
but
there's
nothing
out
there
that
really
sort
of
puts
them
together
and
says
sit
down
your
desk
go
install
these
five
things
go
run
this.
You
know
a
cookbook
style.
C
B
C
So
yeah,
eventually,
if
you
wanted
to
I,
don't
know
I
I
could
have
a
human
generator.
That's
specifically
for
writing.
Node
modules
in
es6
in
packs
I,
like
creates
all
your
base
package
of
chase
on
configuration
so
that
you
only
export
the
build
files
and
not
the
six
source
files,
and
so
that's
that's
definitely
the
way
that
we
want
to
go
like
give
you
a
tool
that
sets
everything
up,
and
so
you
don't
happen.
So
you
don't
have
to
understand
how
everything
fits
together
is.
C
Yeah,
the
syntax
is
definitely
stable
and
the
loader
side
is
actually
going
through
a
really
interesting
discussion
today
yesterday
and
today,
if
you
guys
have
heard
of
Ian
Hickson,
is
the
fixya
exia,
the
editor
of
the
html5
spec,
so
he's
getting
in
touch
with
tc39
in
the
community?
That
standardized
is
a
JavaScript
to
to
see
if,
if
they
can
avoid
having
more
than
one
dependency
system
like,
for
instance,
you
have
in
the
roaster
you
have.
C
Are
we
here
six
modules,
but
you
also
have
dependencies
that
have
to
do
with
CSS
images
and
all
kinds
of
assets
or
other
assets,
so
you
have
web
components
that
are
actually
a
mix
of
JavaScript
and
CSS
and
HTML,
and
you
need
to
import
those
somehow
and
they
have
their
own
dependencies.
So
there's
a
interesting
discussion
going
on
between
this
is
when
I
unfolds
and
the
v3c
folks
are
trying
to
see
how
they
can
integrate
those
systems.
Without
you
know
having
like
23,
where.
C
C
C
C
Right
and
and
then
as
far
as
you
know,
depending
on
CSS
or
within
your
images,
I
think,
are
you
know,
custom
elements
with
HTML
imports
actually
work
very
well.
You
know
you
define
a
HTML
fragment
and
that
fragment
contains
different
style
sheets
and
different
elements,
and
then
you
go
and
insert
that
into
your
HTML
page
with
a
speak
tag.
I,
don't
know
if
you
guys
have
seen
welcome
audience
that
or
yeah.
C
So
the
sound
on
parties
is
the
one
is
the
part
that
actually
allows
you
to
do
encapsulation.
You
know
to
hide
things
in
your
custom
element,
but
it's
it's.
So
the
idea
of
all
components
is
like
the
mixture
between
all
these
different
technologies
start
the
Chado
down
custom
elements
and
the
HTML
imports
which
allows
you
to
create
something
of
what
we
used
to
do:
call
widgets,
but
with
native
or
with
browser
or
web
platform
technology,
and
it
is
that
they
already
deal
with
with
dependencies.
C
A
Wait
to
this
is
all
sussed
out
because
it
feel
like,
for
instance,
browsers
will
be
able
to
cash
things
a
lot
more
intelligently,
the
be
able
that
you
can
be
able
to
tell
the
tale
a
browser.
This
is
my
appt.
Please
catch
these
3d
JavaScript
files
for
a
long
time
versus
just
loading
things
kidding
about.
C
Yeah,
that's
another
thing
that
it's
an
interesting
thing
that
they
mentioned
and
their
difference
in,
like
I,
can
attribute
for
script,
elements
and
style
sheets
that
allow
you
to
and
images
to
that,
allow
you
to
define
when
that
resource
is
loaded.
So,
for
instance,
you
could
define
an
image
to
be
loaded
a
slate
as
possible,
so
it
would
only
be
loaded
when
the
image
is
closing
to
you
without
you
needing
to
write
I
go
again.
Yy-You're
jquery
plugin
to
it.
C
Like
a
trial
run
it
like,
so
that,
if
you
have
something
missing,
it
could
be
one
of
two
right.
It
could
be
like
pointing
to
the
wrong
URL,
which
is
something
that
the
YY
loader
should
be
telling
you
now,
if
you
did
it
wrong
like
if
you
try
to
lose
a
module,
but
that
module
wasnt,
there.the
YY
loader
should
be
saying
something
rendering
a
debug
message
or
in
the
on
error,
call
back
right.
C
And
the
case
when
you
didn't
even
try
to
load
it
so
that
one
might
be
covered
by
the
six
syntax
combined
with
something
like
es
lint
right,
because
if
you
didn't
import
it
from
somewhere
and
you
try
to
use
it,
then
you
have
a
reference
to
a
global
that
doesn't
exist
and
that's
something
that
you
know.
Jslint
already
knows
how
to
how
to
sell
you
that
here
I'm
making
my
and
I'm
making
some
sense
or
yeah.
A
Well,
after
that,
do
you
have
anything
else
we
want
to
cover
mom's
now
it
sounds
really
cool
yeah.
Why
I'll
you
have
you
you've
done
like
an
entire
car.
I
know
I
know,
then
you
had
any
updates
on
my
promised.
C
Not
yet
so
weird
sin:
Y
promises
are
like
a
guinea
pig
for
figuring
out
this
whole
workflow
in
a
way
because
I
so
I.
What
I
do
is
rewrite
it
as
any
six
modules
just
to
see
how
it
look
like,
and
now
we've
figured
out
how
to
first
transpire
it
into
into
es5
or
queen
in
this
case
and
there
from
that
important
back
into
why?
Why
and
the
biggest
roadblock
that
I
I've
had.
C
Actually,
I
would
consider
there
is
locked,
is
because
the
package
manager
that
what
we
want
to
use
is
its
power,
but
power
doesn't
work
exactly
the
same
way
as
and
beyond
that.
It's
just
it
just
linked
to
a
git
repo
right
where
mpm
actually
goes
and
creates
a
pack
go:
go
crazy,
zip
file
and
uploaded
upload
seat
somewhere.
C
So
if
you
have
source
files
written
in
es6
or
rearing
in
CoffeeScript
or
any
other
language
that
you
need
to
transpile
first,
then,
in
order
to
publish
the
power,
you
would
actually
have
to
have
the
build
file
in
the
repository.
Yes,
you
have
twice
as
many
files
right
so
and
we
already
have
the
experience
with
why
why
we're
dealing
with
the
build
fights
in
the
repository
and
in
science?
It's
really
painful.
So
as.
A
C
Bro
certify
us
actually
gained
some
traction
lately.
If
you
look
into
the
NPM
registry
and
you
search
by
keyword,
use
the
browser
keyboard,
you
will
actually
get
a
lot
of
results.
People
are
starting
to
use
NPM
us
as
a
repository
for
modules
that
actually
are
used
in
a
browser
with
type
I
and
I.
Think
we
can
do
something,
that's
at
least
as
good
as
bro
certify,
if
not
better.
C
Based
on
your
six
modules,
there
is
already
a
65
kind
of
dust
blood
in
a
way.
Yes,
excellent,
yes,
65
yeah,
I
think,
has
some
quirks
that
need
to
be
ironed
out,
but
and.