►
Description
Microsoft 365 & Power Platform weekly call delivered on March 7th.
Three demos delivered in this call: Microsoft Graph Hackathon – Recap of the first week, Dynamically Create an Azure Communication Services Identity and Token, and Teams Toolkit Learn Path - Build a Microsoft Teams tab app using Teams Toolkit for Visual Studio Code.
Activities: 10 articles and 2 conversations released in the last 7 days.
See the blog post for this call for announcement, news and event details. The host of this call was Vesa Juvonen (Microsoft) | @vesajuvonen. Q&A takes place in chat throughout the call.
Agenda
00:00 – Intro
08:02 – Latest updates - events and news on the Microsoft 365 platform – Vesa Juvonen (Microsoft) | @vesajuvonen
10:54 – Microsoft Teams Platform updates – Wajeed Shaikh (Microsoft) | @Wajeed_Shaikh
12:15 – Together mode picture
13:18 – Demo –Microsoft Graph Hackathon – Recap of the first week – Waldek Mastykarz (Microsoft) | @waldekm
16:33 – Demo – Dynamically Create an Azure Communication Services Identity and Token – Ayça Baş (Microsoft) | @aycabs
27:26 – Demo –Teams Toolkit Learn Path - Build a Microsoft Teams tab app using Teams Toolkit for Visual Studio Code – Garry Trinder (Microsoft) | @garrytrinder
48:36 – Closing
Learn more
• See the full blog post for this call in the Microsoft 365 platform community blog - https://aka.ms/community/blog
• Microsoft 365 Unified Sample gallery - https://aka.ms/community/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/community/videos
• Microsoft 365 Platform Community - http://aka.ms/community/home
• Download invite for this weekly Microsoft 365 Platform community call: https://aka.ms/m365-dev-call
A
B
Weekly
Community
call
on
March
7th,
so
this
is
the
Tuesday
call
8am
Pacific
time
where
we
always
have
Microsoft
presenters.
They
are
either
BMS
as
in
product
managers
or
program
managers
depending
on
organization,
Cloud,
Advocates
or
Engineers.
But
we're
trying
to
give
this
call
as
an
interesting
for
you,
as
the
Microsoft
presents
for
the
community
itself
for
customers
and
partners.
So
Thursday's
Thursday
call
series
which
happens
from
7am.
Every
single
Thursday
is
more
on
community
to
community
and-
and
that
applies
also
for
the
Power
Platform
monthly
Community
call.
But
it's
happening
within
two
weeks.
B
If
I
remember
correctly
now,
today,
I
will
go
through
a
typical
set
of
slides
on
latest
updates
and
the
news
and
what's
happening
across
the
ecosystem,
all
up
and
then
we'll
have
the
real
stars
of
today
we'll
start
with
who's
going
to
do
a
quick
recap
on
Microsoft
craft
hackadon,
which
is
currently
ongoing.
So
this
is
the
Microsoft
graph
hacker
done
ongoing
within
the
first
two
weeks
within
the
March,
the
great
prices
in
place
and
new
batteries
and
all
of
that
stuff.
B
Well,
it's
going
to
cover
that
and
then
we
have
Aisha
pass
who's
going
to
talk
about
dynamically,
creating
and
Azure
communication
Services
identity.
In
a
token,
really
important
topic.
A
lot
of
our
samples
always
start
with
the
fact
that
hey
here,
as
as
you
now
have
the
token.
This
is
what
you
do.
So
it's
actually
a
good
start.
B
First
of
all,
we
have
our
Microsoft
365
and
Power
Platform
Community
Channel,
where
we
have
all
of
the
videos
and
Community
core
recordings
and
demos
published
so
subscribe
to
that
one.
Today,
it's
easiest
way
to
stay
up
to
date
on
all
of
the
cool
stuff
which
is
getting
out
from
Microsoft.
We
have
our
relatively
new
LinkedIn
group
for
discussions
and
updates.
So
that
is
a
great
location
to
go
and
share
your
findings,
articles
your
blog
posts
or,
if
you
have
questions
on
hey
I,
had
this
problem
thing
here.
B
We
do
have
quite
a
few
of
company
calls.
Still
we
have
the
Tuesday
one,
which
is
this
one
8
A.M
Pacific,
every
single
Tuesday
and
we
most
likely
will
have
a
small
summer
break
and
like
we
had
a
small
holiday
break
within
the
winter
time
or
Christmas
time
or
holiday
time,
but
that
we
are
still
far
from
that
I'm
still
seeing
snow
from
outside
of
my
window.
B
So
it's
not
summertime
in
the
northern
hemisphere
yet,
and
we
also
have
Power
Platform,
Microsoft
identity
platform
and
office,
settings
monthly
costs,
and
it's
a
really
great
course,
as
well
happening
once
a
month.
And
then
we
have
the
Thursday
series
with
Microsoft
365
Empire
platform,
Community
Medical,
which
is
by
weekly
call
and
the
sister
call
of
that
one
happening.
7
A.M
Thursdays
is
the
dealer
connection
and
SharePoint
framework
call
so
trying
to
be
consistent
around
when
the
calls
are
happening.
B
You
can
find
the
recurrent
invites
from
akms
forward
slash
Community
forward,
slash
course,
and
please
use
the
recurrent
invites
why
well
starting
from
next
week
and
the
week
after
we
are
in
a
bit
of
a
mess
related
on
time
zones
and
that
well,
it's
part
of
this
globalization.
U.S
moves
to
Summertime
on
this
weekend
and
Europe
moves
to
Summit
time
two
weeks
later
and
that
is
actually
causing
bit
of
a
chaos
between
the
course.
So
some
of
the
calls
are
moving.
B
Some
of
the
calls
are
not
moving
within
upcoming
weeks,
but
if
you
download
the
recurrent
inline,
it
will
actually
adjust
itself
automatically
within
the
calendar.
So
that's
why
we
recommend
using
those
recurrent
invites
and
then,
if
you're
wondering
on
how,
where
do
I
get
the
agendas
and
all
of
that,
so
we
do
populist
agendas
for
all
of
the
calls
already
a
week
before
or
the
previous
week
at
our
community
meet
application.
So
it's
a
good
way
of
staying
up
to
date
on
hey.
What
are
the
demos
which
are
coming
up?
B
What
are
the
things
what's
coming
up
as
well
and
now
on
the
community
course
we're
looking
into
having
Community
demos
and
the
community.
Demos
might
be
something
you
learn
to
do
something
you
build
something
it
might
be
from
even
from
your
day-to-day
work
and
as
part
of
your
product
development,
but
don't
sell
your
product
but
tell
us
a
story
align
hey.
We
were
looking
into
doing
integration
with
open,
Ai
and
integrating
that's
in
here
and
we're
looking
into
how
to
make
that
happen.
B
So
explaining
others
how
you're
learning
things
is
what
we're
looking
into
doing
here.
Of
course
it
might
be
open
source,
it
might
not
be
open
source,
but
do
please
sign
up
for
the
presentations
for
the
demos
we
would
love
to
have
more
Community
demos
within
the
within
the
course.
We
also
have
a
lot
of
assets
available
for
getting
started
in
Microsoft
365
development.
So
we
have
the
developer
program
great
way
of
signing
getting
up
a
free
or
getting
a
free,
E5
developer
tenant
to
test
out
things,
including
the
Power
Platform
side
of
the
house.
B
So
there's
certain
level
of
things
where
you
can
do
their
automatically
and
free,
and
then
we
have
the
Microsoft
365
developer,
learning
material
which
is
free
for
you
to
take
advantage
as
well.
We
also
have
three
different
Community
targeted,
podcasts
and
Vlogs,
or
video
blogs,
and
first
of
all,
we
have
the
Microsoft
trees
is
to
have
developer
podcast,
hosted
by
term
ethic
and
Aisha
pass
or
Paul
shuffling,
depending
on
the
the
storyline.
B
We
also
have
the
Microsoft
racist,
5,
PMP
weekly,
hosted
by
this
everyone
and
waldeck
Mastercards,
and
then
Power
Platform
connection
is
the
new
add-on,
I
think
they're
in
episode
three.
Yes,
they
are
from
this
week
of
last
week
and
that's
hosted
by
David
Warner
and
Hugo
Bernier,
so
really
good
options
to
stay
up
to
date
on
what's
Happening
across
the
Microsoft
Cloud.
We
also
have
our
unified
Microsoft
365
and
Power
Platform
Community
sample
Gallery.
B
So
if
you're
looking
into
hey,
I
need
to
build
something,
I
need
to
build
a
cool
cool,
Power
app
I
need
to
build
a
cool
Microsoft
team
solution.
I
need
to
build
a
SharePoint
framework
solution
for
Microsoft
Diva
collection,
and
this
is
a
great
location
to
find
a
reference,
samples,
ideas
and
Innovations
what
other
have
built,
and
it
includes
both
Microsoft
and
Community,
created
Solutions,
so
really
really
cool
location
to
stay
up
to
date
on.
What's
what
are
other
people
building
Within
These
Technologies?
B
A
Awesome,
thank
you,
boss,
see
I,
can't
talk
today
either
vesa.
Thank
you.
We
we
have
you
covered
as
I
said
the
1500
plus
samples.
How
do
you
use
them?
How
do
you
contribute
to
them?
If
you
have
samples
sharing
is
caring
is
a
program
that
provides
Hands-On
guidance,
so
that
means
that
we're
going
to
meet
live
with
you
in
teams
calls
in
safe
space.
A
We
don't
record
them
we're
going
to
walk
you
through
how
to
do
it
on
that
call,
and
you
are
going
to
feel
empowered
when
you
leave
and
say
you're
going
to
have
new
friends
to
work
with,
and
collaborate
with
around
the
world.
So
next
week
is
our
Power
Platform
Community
call
as
vested
mentioned,
along
with
the
Power
Platform
samples
contributor,
and
we
are
getting
more
PNP
spfx
samples
with
NVM
loaded
up
and
SPF
developer,
workstation
loaded
up
so
definitely
check
out
AKA
dot.
Ms
sharing
is
caring
for
all
of
the
newest
genders
and
opportunities.
A
B
You
thank
you.
Thank
you.
Thank
you.
Thank
you.
Thank
you.
It's
a
good
start.
So
whenever
we
get
to
the
thousands
I
think
then
then
it's
good,
then
I
can
be
happy
no
just
kidding.
Thank
you
David
on
that
now
on
other
news,
so
we
started
to
actually
recap
of
the
spring
events
here
as
well.
So
we
want
to
make
sure
that
you
are
aware
of
all
of
this
great
opportunities
of
doing
in
person
conferences.
B
So,
first
of
all,
we
have
the
Microsoft
365
conference
happening
in
May,
2nd
to
4th
at
the
MGM
Grand
Las
Vegas,
and
we
cover
Microsoft
Viva
Microsoft
teams,
Microsoft
SharePoint,
Microsoft
cloud
platform
Topics
in
here
and
a
lot
of
the
familiar
faces
and
sounds
or
audio
or
forecasts
which
you
hear
from
discourse
are
actually
presenting
in
there
as
well.
We
also
have
the
European
collaboration
Summit
happening
in
end
of
May
2023
and
that's
happening
in
24th
to
26.
B
May
2023
create
a
conference
as
well
at
the
European
collaboration
Summit,
it's
a
bit
of
a
special
conference
because
it's
a
zero,
no
profit
conference,
and
so
the
price
is
on
on.
That
conference
are
significantly
less
than
maybe
some
of
the
other
conferences
as
well,
but
they're
not
looking
into
making
any
profit
out
of
it,
and
then
we
have
the
365
educon
and
the
first
one
of
them
in
this
year
is
happening
at
DSC
in
June,
12
to
16.
and
now
coming
back
on
the
on
the
Europe
side.
B
We
also
have
the
European
Power
Platform
conference
happening
in
Ireland
in
this
pretty
much
same
time,
actually
as
the
DC
on
365
edu,
so
20th
to
22nd
of
June.
So
those
are
the
spring
larger
spring
conferences
which
are
currently
shared.
We
might
have
some
surprises
still
in
our
calendar,
but
we'll
share
those
updates
in
the
weekly
call
as
well.
There
are
also
a
lot
of
community
and
hosted
community
events
and
conferences
and,
and
you
should
check
out
akms
Community,
Days
or
Community
days.org
as
the
locations
stay
up
to
date
on
them.
B
This
is
just
what's
happening
within
March
and
in
April,
and
we
can
go
keep
on
updating
those
lists
as
those
evolve
on
the
new
site.
I'm
not
going
to
Deep
dive
here
significantly.
Three
news
on
the
Microsoft
developer
site
around
the
different
topics,
so
teams
toolkit
these
version.
5.0
pre-release
is
available
for
collecting
feedback
a
lot
of
cool
stuff
on
the
API
level
and
also
the
Microsoft
teams.
Channel
meetings
now
supporting
leading
apps,
which
is
really
really
cool.
B
On
cloud
platform
side,
there
was
a
really
exciting
announcement
around
build
Solutions
faster
with
Microsoft
Power,
Platform
and
Next
Generation
Ai,
and
that's
a
really
really
cool
blog
post
as
well,
and
then
we
have
from
teams
block.
We
had
a
introducing
closed
captions
in
PowerPoint,
live
for
the
meetings
and
Rapid
deployment,
Microsoft
teams
at
scale
to
empower
your
Frontline
workers,
which
is
a
great
storyline
as
well,
and
both
SharePoint
and
Microsoft
teams
had
the
monthly
summaries.
Those
monthly
summaries
are
awesome
way
of
staying
up
to
date.
On
okay,
I
missed
a
few
of
the
notes.
B
What
has
happened
within
the
last
month?
What
are
the
meaningful
things
across
Microsoft
teams
and
SharePoint
and
Viva,
and
many
of
the
relevant
Technologies?
So
those
are
really
really
cool
cool
things
to
catch
on
before
we
go
to
the
crew
photo
in
together
mode
and
find
Jade
is
going
to
talk
about
what's
latest
on
the
team's
platform,
documentation
side.
C
Thanks
Lisa,
hello,
everyone,
so
we
have
updated
the
themes,
Dev
documentation
on
five
steps
to
drive
app
adoption,
some
of
the
Key
activities
after
publishing
your
Microsoft
themes,
app.
It's
your
driver
option
for
your
app
with
your
customers,
ensure
that
the
users
interact
with
your
app
and
you
learn
from
their
usage,
behavior
and
feedback.
You
incorporate
the
learning
in
your
app
provisions.
C
Examples
of
post,
publish
activities
are
deployment
and
adoption
related
engagements
user
base,
growth,
support
for
existing
app
customers,
app
updates
and
app
monetization.
So
this
document
provides
resources
and
best
practices
to
support
the
rollout
of
your
teams
app
in
your
customers
organization.
The
relevant
personnels
here
are
business
decision
makers,
it
admins
and
the
end
user.
C
Please
go
ahead
and
check
this
out
the
documentation
section
and
if
you
have
any
feedback
or
suggestion,
please
post
them
on
AK
Anonymous
themes,
platform
feedback,
the
link
is
available
in
the
footer
and
you
could
also
configure
it
to
the
RSS
feed
to
get
regular
platform
updates.
Thank
you
back
to
Universal.
B
Excellent,
thank
you
for
watching
on
that
one
and
then
before
we
go
to
the
actual
demos
of
today.
Let's
do
a
quick
crew
photo
I've
queued
up
already,
thanks
and
here
I'll
just
move
everybody
in
this
window
and
put
the
camera
on.
So
we
do
have
50
seats
in
the
room
and
again
that's
the
max
out
for
now.
I
am
hearing
rumors
that
we
might
have
actually
more
capacity
on
that
room
in
the
future,
but
I
can't
promise
anything.
B
Kevin
I
saw
your
your
being
impressed,
but
don't
share
that
in
Twitter
right,
no
just
kidding,
yes,
I
think
we
are
hitting
the
50.
Are
we
hitting
the
50?
I
will
put
the
recording
on,
and
let's
do
some
handwriting
everybody
so
we'll
grab
AK
FUNimation
out
of
that
thanks
everybody
for
joining
once
again
awesome
to
have
you
on
a
call,
really
cool
to
have
this
many
people
once
again
on
the
weekly
calls
and
keep
the
feedback
coming.
Excellent
thanks.
B
Everybody,
brilliant
brilliant
cool,
really,
really
cool
we're
getting
better
and
better
doing
the
crew
photo
together
because
we
don't
want
to,
of
course
eat
up
too
much
time
from
the
actual
stars
of
the
day,
we'll
start
with
waldeck,
and
then
we
go
to
Aisha
boss
and
then
Gary
trinder,
but
waldek.
You
are
first
in
the
queue
perfect.
D
You
don't
need
to
unshare
your
screen,
because
I
was
so
clever
as
to
add
my
slides
to
your
deck
so
that
you
can
stay
in
control.
Last
week
on
March
1,
we
learned
hack
together
Microsoft
graph
and
dotnet,
which
is
a
15
days,
15
one
five
15
days,
virtual
hackathon,
all
about
Microsoft
graph
and
Dot
net.
We
launched
last
week
on
March
1
with
a
keynote
from
Scott,
Hanselman
and
Nina
Arenas
about
what
is
graph.
What
is.net
like.
Why
would
you
use
these
two
to
build
cool
apps
for
work
and
school?
D
And
what
can
you
do
with
that?
Then?
The
next
day
on
March
2,
we
had
a
great
session
again
going
deeper
into
graph.
What
are
the
things
like
graph
Explorer?
How
can
you
use
that
to
query
graph
and
see
what
data
is
in
it,
what
you
can
get
back
and
then
how
can
you
get
to
that?
First
point:
build
your
first
app
with
net
that's
connected
to
Microsoft
graph.
Tomorrow
we
will
have
a
SD
expert
session
and
that
will
be
the
time
for
everybody
to
ask
anything
you
want.
D
You
would
want
to
ask
about
Microsoft
graph.net.
How
do
I
get
a
token
what's
new
on
Microsoft
graph?
What's
new
in
the
SDK?
Why
would
I
use
this?
That
is
the
place
for
you
to
join.
It's
live
tomorrow
at
4
pm
GMT.
There
will
be
links
for
you
to
join
like
you,
don't
need
to
note
anything
there's
one
more
thing
that
I
said
it
is
a
hackathon
right,
and
that
means
prizes.
D
There
you
go
so
everybody
who
builds
an
app
submits
the
app
as
long
as
the
app
uses,
Microsoft
graph
and
Dot
net
and
deviceograph.net
SDK
qualifies
for
any
of
the
three
prizes
that
we
have
to
offer
right.
So
for
first
price
you
will
get
Xbox
200
gift
card,
100,
Azure
credit
and
digital
badge
for
second
price
winner
200
gift
card
100,
Azure
credits
and
digital
badge,
and
for
third
Prize
winners,
100
Azure
credit
and
digital
badge.
D
Actually,
everybody
who
submits
a
working
app
will
get
a
digital
badge
thanks
to
David
and
Hugo,
and
the
Mysore
365
Power
Platform
and
Microsoft
3
live
platform
Community.
The
cool
thing
is,
you
can
take
part
in
the
hack
either
by
yourself
or
as
a
team
up
to
four.
So
if
you
win
as
a
team
of
four
all
four
of
you
will
get
an
Xbox
200
gift
card
100
as
your
credit
cards
and
four
times
a
badge
right.
D
So
it's
really
worth
the
effort
and,
as
I
said,
any
app
that
uses
Microsoft,
graph.net,
SDK
and
is
builtwith.net
qualifies.
So
how
do
you
start
go
to
AKA
dot,
Ms,
slash
hack,
Dash,
together
register
for
the
hack
hack
away
and
be
sure
to
send
your
app
to
us
by
March
15
right?
That
is
the
deadline.
So
you
have
one
more
week
to
hack
away
with
that.
Back
to
you
excellent.
B
Thank
you
Walter
on
that
one
really
really
cool
stuff
and
great
to
have
those
prices
and
recapped
here
as
well.
So
thank
you.
Thank
you.
One
click
on
that
now.
So,
let's
move
to
the
next
demo,
so
we
have
Aisha
and
Gary
and
I
just
gonna
start
with
the
Dynamics
I
create
and
Azure
communication,
Services
identity
and
token.
E
Thanks
Visa,
let
me
turn
off
my
camera
and
you'll.
See
me
during
the
demo
as
well
and
I
will
share
my
screen
really
quickly
and
thanks
waldek
for
the
brief
summary
of
what
we
did
in
the
hack
together.
It
is
really
going
exciting
at
this
moment
and
we
are
waiting
everyone
to
join
hack
together
today,
I'm
going
to
talk
about
integrating
Services
across
Microsoft
cloud
to
enhance
user
collaboration.
This
is
a
part
of
by
the
way
before
I
jump
into
it.
E
Let
me
introduce
myself
if
you're
new
here
my
name
is
Aisha
but
I'm
A,
Cloud
Advocate
at
Microsoft,
working
together
with
a
world
that
can
Gary
in
the
same
team,
and
today
I
will
talk
about
how
we
can
do
ACS
Azure
communication,
Services
Integrations,
with
Microsoft
teams.
This
session
is
part
of
the
series
we
already
done
a
lot
at
the
beginning
of
the
series
first,
my
colleague
Dan
was
here
to
talk
about
how
audio
and
video
calling
from
a
custom
app
in.
We
can
bring
into
a
teams
meeting
and
the
second
week.
E
I
was
here
to
talk
about
how
we
can
dynamically
create
a
Microsoft
to
use
meeting
using
Microsoft
graph,
which
was
cons
which
was
consumed
by
Azure
communication
Services,
as
well
as
by
the
client
side
of
the
user
on
Microsoft
teams,
and
today
I
will
be
talking
about
how
we
can
dynamically
create
an
Azure
communication,
Services,
identity
and
token
and
last
week,
which
will
be
next
week.
Then
we'll
be
here
back
again
talking
how
we
can
deploy
our
app
to
Azure.
E
If
you're
interested
in
learning
more
about
our
series,
all
of
the
videos
are
available
in
our
community
Channel.
You
can
go
ahead
and
check
out
the
video
separately
and
I
will
jump
into
dynamically,
creating
an
Azure
communication,
Services
identity
and
token
for
this
week
before
we
start
talking
about
the
code
and
everything
I
just
want
to
show
you
what
we're
talking
about
here.
This
is
a
customer
Viewpoint
where
we
created
a
react.
E
So
this
week
we
will
be
focusing
on
dynamically,
creating
an
Azure
communication,
Services,
identity
and
token.
This
will
be
under
the
react,
Azure
communication
services
and
connection
with
Azure
functions,
and
so
we
are
creating
the
token
for
our
client,
which
we
don't
ask
any
login
any
permissions
from
the
client
side.
But
of
course,
for
all
the
clients,
we
need
some
sort
of
a
user
token
for
them
to
join
the
meeting
through
Azure
communication
Services.
E
As
a
customer
agent,
we
will
be
using
teams
Microsoft
teams
as
an
interface,
so
we
will
know
about
the
customer
agent
because
they
will
be
consuming
teams,
they
will
have
their
identity,
but
for
the
client
every
time
when
they
try
to
join
the
meeting,
we
will
need
ID
in
the
token
from
their
side.
So
we
will.
We
will
know
that
the
same
individual
is
trying
to
join
the
call
and
maybe
trying
to
recall
less
well
that
that
will
help
us
for
the
Azure
communication
Services
bit
in
the
react
app.
So
let's
quickly
take
a
look.
E
How
you're
going
to
do
that?
It's
really
straightforward!
We
are
making
this
Dynamic
ACS
identity
and
token
call
from
another
Azure
functions.
We've
we've
seen
how
to
call
Microsoft
graph
from
Azure
functions.
Last
week
this
week
we
will
be
covering
another
Azure
functions
where
we
are
calling
ACS
identity
client.
What
we
are
doing
here
is
the
creative
function,
and
then
we
get
ACS
connection
string
from
the
code
in
our
code.
We
are
using
connection
string,
we
are
putting
in
the
EnV
file,
but
you
can
also
get
that
from
Azure
directly
as
well.
E
Once
we
once
you
get
the
connection
string,
the
only
thing
you
do
is
just
calling
the
communication
identity,
client
to
create
user
identity
and
token,
and
once
you
create
your
user,
we
are
basically
returning
the
user
details
to
back
to
our
react
app,
so
our
ACS
app
will
be
working.
This
function
will
be
triggered
the
moment
when
our
client
starts
the
app
the
moment
they
go
to
the
URL.
This
functions.
E
This
function
will
be
triggered
and
will
be
returned
with
the
user,
ID
and
the
token
and
our
user
will
be
able
to
join
the
meeting
with
the
created
newly
created
identity
and
token
I
want
to
quickly
show
you
how
we
do
that
in
our
code,
let's
quickly
go
to
our
code
and
then
I
will
run
the
app
first
of
all.
If
you
join
the
previous
sessions
in
the
community
call,
you
may
realize
we've
been
going
through
the
same
map
in
the
past
five
weeks,
and
this
week
we
will
be
focusing
on
team.
E
E
E
Id
user
ID
will
be
consumed
here
when
setting
up
the
meeting
and
by
using
this
user
ID
our
reactive
will
be
understanding
who's,
this
user,
we
will
be
creating
user
ID
and
token
every
time
a
new
user
joins
a
session
and
every
time
when
they
want
to
make
a
call
with
our
customer
agent,
so
I
want
to
see
that
in
action.
Yeah
okay
here
is
my
taskbar
I-
want
to
see
that
in
action,
let's
open
the
browser.
My
react
app
is
running
at
the
moment
and
my
as
well
as
my
functions.
E
Let's
go
to
localhost
3000
and
the
moment
when
I
hit
this
UI,
it's
initializing,
meaning
that
it
is
creating
a
new
token
and
the
ID
for
me
and
I
can
quickly
show
up
here.
Hi,
everyone-
and
here
I
already
have
the
ID
and
the
token
when
I
click
on
start
to
call
my
ID
and
the
token
will
be
consumed
by
ACS
and
I
will
be
joining
the
meeting
with
my
newly
created
ID
and
the
token
and
I
can
start
connecting
with
the
customer
agent.
E
So
this
is
pretty
much
it
and
all
these
samples
and
details
are
available
for
you
if
you're
interested
in
trying
this
demo
out
by
yourself
here
are
the
resources.
If
I
need
to
quickly
go
through
the
resources.
The
first
one
is
aktms,
slash,
Microsoft
cloud:
you
can
find
more
Integrations
about
Microsoft
cloud
there.
If
you're
interested
in
this
particular
tutorial,
you
can
go
through
the
step-by-step
tutorial
by
just
going
to
academic
mscloud,
Dash
acs-teams
tutorial.
This
will
be
guiding
you
to
step-by-step
tutorial
for
this
Workshop.
Specifically,
we
have
a
samples
repo
on
GitHub.
E
We
also
have
the
Azure
communication
Services
UI
Library,
which
will
be
super
useful
if
you're
interested
in
using
ACS.
If
you
are
interested
in
creating
a
react
app,
let's
say
you
can
use
the
UI
library
to
create
something
like
I
showed
a
couple
of
couple
minutes
back
and
if
you're
new
to
Azure
functions
and
interested
in
what
kind
of
functions
do
we
we
have
in
this
example,
I've
shown
you
HTTP
trigger,
but
there
are
more
available
in
Azure
functions.
You
can
go
and
check
out.
E
Ike.S,
Ms,
Azure,
Dash
functions
and
graph
was
the
topic
for
last
week,
but
you
will
see
if
you
complete
this
tutorial,
you
will
see
it
plays
a
huge
role
in
this
Workshop
as
well.
If
you're
interested
in
learning
more
about
Microsoft
graph,
you
can
check
out
ak.ms
GE
or
you
can
join
hack
together
to
learn
more
about
graph.
This
is
all
I
wanted
to
cover
today.
If
you
have
any
questions,
I
will
be
in
the
chat.
I
can
answer
your
questions
and
hand
over
to
Gary
and
he
has
a
exciting
topic
to
to
cover.
B
Thank
you,
Aisha
really,
really
cool,
awesome
stuff,
and
it's
it's.
It's
so
simple,
so
really
really
cool
great
work
on
the
on
the
demos
as
well.
Let's
then
move
to
carry
and
we're
going
to
talk
about
continue
the
series
related
on
teams,
toolkit
learning
path
and
this
time
I'm
going
to
focus
on
tap
app
creation
using
the
team's
toolkit
unless
I'm
completely
mistaken,
right.
F
This
is
a
good
start.
We
are
let's,
let's
share
my
screen.
Yep
all
good.
Take
it
away,
perfect
right!
Thank
you,
hello.
Everyone
today
I'm
going
to
be
talking
through
how
to
build
a
Microsoft
teams,
Tab
app
using
teams
toolkit
for
visual
studio
code.
My
name
is
Gary
trinder
I'm,
A,
Cloud,
developer
Advocate
at
Microsoft.
This
session
today
is
part
of
a
five-week
series,
and
this
is
covering
the
build
and
deploy
apps
for
Microsoft
teams.
F
Using
teams
talking
Visual
Studio
code,
Microsoft,
learn,
learn
path,
and
so
this
is
covered
at
five
weeks.
We
have
already
covered
how
to
get
started
on
week,
one
so
that
was
installing
and
teams
talk
it
and
creating
a
a
sample.
App
week,
two
I
covered
how
to
build
a
a
bot,
a
notification
bot
and
this
week
I'm
going
to
be
covering
tabs
next
week.
F
Well,
actually,
not
next
week,
I'm
gonna
skip
a
week,
but
the
next
session
is
going
to
be
covering
team's
JavaScript
library
and
how
you
can
integrate
that
into
your
application,
so
bring
some
of
the
Native
features
for
of
teams
into
your
apps
and
then,
finally,
in
week,
five
we're
going
to
go
through
how
to
deploy
and
publish
your
app
to
to
teams
and
to
and
to
azure
and
and
you've
got
everything
available
to
you
at
the
moment.
So
the
learn
path
is
live.
F
F
So
I
just
want
to
quickly
recap.
If
this
is
the
first
session
that
you've
seen
and
I'm
talking
about
teams,
talk
it
you're
thinking,
what
is
it
so
teams
talk?
It
is
extension
for
visual
studio
code.
It
enables
you
to
build
and
debug
and
publish
teams
apps
much
faster
than
you
would
be
building
everything
yourself.
F
So
if
you're,
using
the
visual
studio
code,
version,
you're
going
to
be
using
JavaScript
or
typescripts
and
that
can
be
used
on
Windows,
Mac,
OS
and
Linux
as
well,
but
also
to
just
make
you
aware
there
is
also
a
team's
toolkit
baked
into
Visual
Studio
2022.
So
if
you're
a
net
developer,
using
c-sharp
and
or
just
on
Windows,
and
you
can
build
teams
apps
using
using
the
toolkit
in
in
visual
studio
and
for
today,
and
this
series
we'll
just
concentrate
on
Visual
Studio
code,
so
yeah
if
you're
interested
in
Visual
Studio.
F
So
a
few
prerequisites
just
to
just
to
call
out
as
I'm
going
through
this
so
to
build
your
tab,
app
you're,
going
to
need
a
Microsoft
365
developer,
tenant
with
custom
apps
enabled
you're,
obviously
going
to
need
Visual
Studio
code.
Because
teams
talk.
It
is
a
visual
studio
code
extension
and
it's
also
built
on
it,
uses
the
the
node.js
runtime
as
well
so
you're
going
to
need
at
least
node.js
version
14
installed
on
your
on
your
machine,
okay.
So
let's
get
into
building
tabs
what?
F
What
is
a
tab?
Well,
a
tab
is
really
like
a
teams
aware
web
page
that
you
can
embed
in
Microsoft
teams.
You
can
add
them
into
your
channels
inside
a
team.
You
can
add
them
in
group
chats
or
you
can
also
have
them
as
a
as
a
personal
app
as
well
so
open
that
up
from
from
the
left
hand,
rail,
so
you've
got
a
focused
area
where
you,
where
you
want
to
be
able
to
to
surface
your
your
app.
F
You
can
also
use
them
in
meetings,
so
you
can
Surface
a
tab
in
the
the
pre-meeting
stage
before
the
meeting's
actually
started
during
the
meeting,
as
well
through
the
through
the
meeting
stage
and
also
post
meeting
as
well.
So
when
you're
you're
viewing
a
a
meeting,
that's
already
happened,
and
you
want
to
show
information
about
that
that
meeting
in
your
tab-
and
you
can
also
surface
it
there
as
well
now
tabs
can
be
just
static
or
they
can
actually
have
some
configuration
as
well.
F
You
can
build
tailored
experiences
rather
than
just
you
know,
a
a
single
page
that
just
shows
a
yeah,
a
particular
a
static
set
of
of
content
and
and
tabs
can
also
provide
a
single
sign-on
support
as
well.
So
users
don't
have
to
manage
multiple
accounts.
You
can
use
your
Azure
ad
account
to
to
to
authenticate
and
make
requests
as
as
well
through
that
app
and
now
the
tabs
are
a
really
good
way
of
surfacing
existing
apps
as
well.
F
So
you
know
if
you've
got
an
existing
web
app
that
people
already
use
in
your
organization,
you
think
actually
yeah.
We
want
to
bring
that
into
teams,
because,
because
that's
where,
where
our
employees
are
working
yeah,
you
can
do
that
with
with
a
tab.
Now
you
might
not
want
to
bring
the
whole
app
in
you
might
want
to
bring
certain
areas
of
your
app
into
into
teams,
but
using
the
tab
is
a
is
a
great
way
of
of
being
able
to
to
do
that.
F
Now.
The
last
few
weeks
we've
been
kind
of
talking
through
a
a
support
scenario,
and
you
know
suppose
in
this
scenario,
you've
got
support.
Engineers,
don't
want
to
be
able
to
view
and
update
statuses
of
tickets,
manage
assignees
and
do
that
all
through
through
through
teams.
A
tab
could
be
used
to
surface
that
information
in
the
place
where
they're
working-
and
it
might
be
that
you
want
to
surface
knowledge.
Base
information
within
teams
as
well
in
a
tab
and
using
a
tab
in
this
scenario,
can
actually
help.
F
So
the
support
Engineers
don't
have
to
go
to
to
different
systems
all
the
time
they
can.
You
know
look
at
a
tab
or
a
tab
in
a
Channel
or
tabbing
a
personal
app
and
access
that
quickly,
through
through
teams
and
to
you
know,
really
help
that
overall
support
process
and
and
and
improve
the
the
the
communication
within
your
within
your
teams.
F
Team's
toolkit
coming
through
all
of
this
well
teams
talk.
It
really
helps
you
to
build
these
tab
experiences
through
a
series
of
project
templates
which
which
I'll
I'll
show
you
and
it's
worth
noting
that
all
of
these
templates
are
actually
using
the
create
react,
app
Library.
So,
as
you
can
imagine
all
of
the
the
the
tabs
you
use
react.
So
if
you're
a
react
developer
and
then
then
this
will
be
good
news
for
you.
So
this
is
set
up
right
from
from
from
the
get-go.
F
You
don't
have
to
configure
anything
and
you
get
the
the
features
that
you
that
you
would
get
from.
You
know
using
Create
react
app
to
to
build
any
other
web
application,
but
you
get
in
in
teams.
So,
let's
quickly
take
a
look
through
the
the
code
which
is
created
for
you
when
you
create
a
a
new
project
using
teams
toolkit
Visual
Studio
code.
F
F
So
what
is
the
current
theme
being
used
in
the
user
interface,
the
Dark
theme
or
light
theme,
and
we
can
pass
that
into
a
provider
which
shares
this
globally
within
our
application?
That
components
that
are
in
this
app
can
use
that
can
change
their
change.
The
the
user
interface
on
the
Fly
should
should
an
end
user
want
to
to
change
their
theme,
so
everything
updates
and
they
use
teams
hook,
actually
provide
you
with
lots
of
other
information
as
well.
F
It
provides
you
with
with
teams
context
as
well,
and
you
know
whether
this
app
is
actually
running
in
teams
or
not
a
nice
little
utility
there.
If
you're,
you
know
maybe
again
surfacing
your
your
existing
web
applications
outside
of
themes
and
in
teams
as
well,
so
it's
a
very
useful
useful
hook
provides
lots
of
information
for
you.
F
The
next
thing
I
want
to
talk
about
is
the
the
router,
so
the
router
is
provided
for
you
to
to
provide
client-side
routing
for
your
for
your
application.
So
we
can
see
that
there
are
four
routes
that
are
provided
for
you,
so
the
privacy
in
terms
of
use.
These
are
pages
that
are
needed
to
be
added
into
the
into
the
app
manifest
that's
created
for
a
free
for
an
app.
F
So
if
you're
building
the
building
a
tab,
you
can
you
can
use
this
this
setup
to
to
to
basically
create
your
your
privacy
pages
and
in
terms
of
use.
Pages
there's
also
a
a
config
component
as
well,
which
is
another
type
of
tablets,
the
configurable
tab
and
but
I'm
just
going
to
focus
on
the
the
tab
component
at
the
moment,
and
so
this
basically
means
that
if
you
know
the
browser
goes
to
our
our
web
server
address
with
Slash
tab.
F
F
F
So,
let's
take
a
look
at
that
now
and-
and
this
is
the
out
of
the
box
example-
really
simple-
the
tab
is
just
a
a
simple
function
that
returns
a
a
welcome
component
and
that
welcome
component
again
can
provide
whatever
user
interface
that
that
we
need,
but
this
as
you're
building
out
your
your
tab
app.
This
is
where
you're
going
to
start.
This
is
where
you're
going
to
start,
adding
in
your
your
your
own
features
and
and
user
interface,
so
it's
really
lightweight
in
in
its
setup.
F
F
Toolkit
I
already
have
this
installed
just
open
up
the
page
and
you'll
be
able
to
see
the
install
button
as
well
in
there
when
you've
installed
teams
talk,
it
you'll
find
that
you'll
have
a
little
teams
icon
on
the
on
the
sidebar.
On
the
left,
hand,
side,
click
that,
and
you
get
a
number
of
options
now
we
want
to
create
a
new
app,
so
we
can
click
on
the
create
new
app
and
go
through
the
the
the
project
creation
wizard.
F
F
We've
also
got
spfx
tabs
as
well.
So
if
you're
using
SharePoint
framework,
you
can
use
teams
toolkit
as
well
to
to
build
your
your
tabs.
You've
got
an
SSO
enable
tab
as
well.
So
that's
a
tablet
comes
already
pre-configured
with
with
SSO
and
a
new
a
template
called
dashboard
tap
as
well,
which
sets
up,
as
you
can
imagine,
a
a
a
dashboard
like
a
tab.
F
That's
got
a
user
interface
already
there
set
up
and
that
you
can
that
you
can
go
around
and
amend
for
now,
I'm
just
going
to
use
the
the
basic
tab,
template
and
go
choice
of
language,
so
JavaScript
or
typescript.
You
can
just
choose
JavaScript
a
place
where
I
want
to
to
save
this
and
then
type
in
your
application
name
and
hit
enter.
That
will
scaffold
the
the
application
for
you
and
it
will
open
up
and
then
you'll
be
able
to
run
it
now.
F
I'm
not
going
to
go
through
that
step
now,
because
I've
already
done
that
so
I'm
going
to
skip
to
and
a
already
created
project.
So
this
is
all
default.
I've
not
changed
anything.
What
I
have
done
is
it
is
running
at
the
moment.
So
hence
why
you
can
see
the
the
the
terminal
down
here
with
the
the
local
addresses
already
showing,
and
so
this
is
what
you
what
you
get
by
default.
So
we've
got
the
the
readme.
F
That's
going
to
provide
lots
of
information
as
to
you
know
how
to
debug
how
to
edit
and
manifest
and
eventually
you
know,
deploy
this
to
to
Azure.
If
you,
if
you
want
and
also
add
in
extra
features,
so
this
is
just
a
basic
tab:
it
doesn't
have
single
sign-on,
but
the
information
how
you
can
do
that
is
is
also
also
provided.
F
If
we
look
at
the
project
structure,
so
we
have
all
of
our
all
of
our
code
for
our
tab
in
the
in
the
tabs
folder.
If
we
go
into
the
source
folder,
we
can
see
that
we've
got
some
react,
jsx
files
in
here
and
if
I
open
the
components
folder,
let's
go
to
the
app
jsx
file.
So
this
is
the
the
app
file
that
I
that
I
showed
you.
This
is
the
very
top
level
of
our
app
with
the
router
and
the
and
The
Roots
and
the
the
link
in
references
to
the
the
individual
tabs.
F
F
So
if
I
just
go
back
to
the
the
tab,
so
you
see
it's
running
if
I
just
refresh,
we
should
see
that
it
will
reload.
So
we
know
that
that's
actually
coming
from
a
from
the
live
web
server
and
we've
just
got
some
user
interface
components
on
here.
We've
got
a
a
tab
control
that's
on
here,
that's
just
showing
different
information.
F
So
we
can
see
here
that
the
the
the
actual
image
is
all
coming
from
from
this
welcome
component
now.
What's
really
nice
in
here
is
that
it's
actually
got
hot
reload
as
well.
So
if
I
come
in
and
make
change
and
hit,
save
you
see
that
the
the
the
code
is
is
being
compiled
and
the
change
happens
immediately.
F
F
What
user
interface
to
use
things
to
do
things
to
don't
or
avoid,
as
well
as
documentation
for
adding
single
sign-on
to
your
team's
apps
as
well?
Should
you
should
you
want
to?
You
know,
then
want
to
make
requests
to
the
graph
API
and
pull
information
into
your
app
as
well
and
to
to
help
your
users
go
through
that
process
of
consenting
to
your
app
and
and
authenticating
as
well?
And
that's
all
I
was
going
to
speak
about
today.
F
I
know:
we've
finished
a
little
bit
early,
but
yeah
want
to
quickly
finish
with
this
series
build
and
deploy
apps
for
Microsoft
teams.
Using
teams
talking
Visual
Studio
code
is
on
Microsoft
learn.
It
is
a
learn
path
and
we
covered
building
tabs
today,
just
a
reminder
not
next
week
week
after
which
will
be
the
21st
of
March,
we'll
be
covering
teams,
JavaScript
library
before
then
going
on
to
deploying
and
Publishing
your
app
but
yeah.
F
B
Thank
you,
Gary,
really,
really
cool
demo
and
the
simplification
and
how
easy
it
is
to
do
those
things
it's
critically.
It's
certainly
heading
to
the
right
direction
gets
simplified
yeah.
It
will
be
released
by
release
so
to
say,
and
just
to
remind
remind
everybody,
there's
the
V5
preview
release
of
the
team's
toolkit
also
available.
B
So
if
you
have
time
and
availability
I
know
that
they
would
love
to
get
your
feedback
around
what
works
in
the
install
again
and
what
does
not
work
in
dim's
toolkit
now,
that's
all
we're
going
to
do
today
so
and
we
can
close
and
create
a
few
minutes
early,
which
is
great
better
to
have
a
few
extra
minutes
than
not
that
much
time.
Thank
you,
waldek.
Thank
you.
Aisha.
Thank
you,
Gary,
a
really
cool
demos.
B
Today,
next
week
next
week,
just
Tuesday
demo,
demos
will
be
in
waldek
continuing
his
recap
on
the
hackathon.
I
will
do
a
bit
more
detailed
on
on
what
has
happened.
What
are
the
demos
and
the
things
on
that
setup
and
then
Gary?
Pretty
is
gonna,
be
doing
a
session
around
power
virtual
agents,
so
those
power
virtual
agents
are
the
ones
which
you
can
use
to
create.
B
Microsoft
teams
chat
on
both
experiences
in
Microsoft
teams,
so
that's
going
to
be
really
cool
as
well,
and
then
the
unwelling
is
going
to
continue
the
series
related
on
Azure
communication
services
for
Microsoft
teams.
So
a
lot
of
a
lot
of
cool
stuff
on
next
Tuesday
on
the
pipeline
as
well,
and
a
reminder
next
Tuesday,
14th
and
also
the
21st
of
March,
will
be
one
hour
earlier
than
typically
for
European
based
persons
and
because
the
U.S
moves
to
Summertime
during
this
weekend.
B
Now,
if
you
have
downloaded
the
recurrent
invite
and
put
it
in
your
calendar,
that
is
adjusting
in
Outlook
or
whatever
is
your
chosen
calendar
model
I
know
for
Outlook
it,
it
is
adjusted
automatically.
You
can
download
the
recurrent
invite
from
akms
forward
slash
Community
forward,
slash
MS-DOS
speakers,
Dash
call
Dash
invite
that's
the
easiest
way
to
actually
make
things
happen,
and
yes,
indeed,
as
I'm
watching
Lawrence
common,
we
are
heading
to
the
summer
already
so
summertime
starting
in
the
US
this
weekend
and
in
Europe
within
two
weeks.
Now.
B
That's
all
we're
going
to
do
today,
as
mentioned
at
the
recording,
will
be
available
in
24
hours
at
Microsoft
365
Empire
platform,
Community
YouTube
channel
at
akms.
Community
videos
subscribe
there
today,
you
know
ex
need
it
when
it's
available,
typically
it's
much
faster
than
24
hours,
but
we're
going
to
promise
ourselves
a
bit
of
a
buffer
to.
If
there's
any
surprises,
you
can
follow
us
on
Twitter
or
in
LinkedIn.
The
updates
are
being
shared
in
the
LinkedIn
as
well.
B
The
next
call
will
be
March
14th
and
you
can
double
check
all
of
the
different
calls
from
akms
former
slash
Community
forward,
slash
course,
but
thank
you
everybody
for
joining
again
and
thank
you
for
your
feedback.
Thank
you
for
lovely
discussion
again
on
the
chat
and
those
are
really
cool.
Those
reactions
and
all
of
those
for
the
demos,
but
that's
it
for
now,
thanks
everybody
have
a
safe
rest
of
the
week
and
we'll
see
you
next
week
or
in
the
Thursday
7
A.M
Pacific
call
thanks.
Everybody.