►
Description
Join me for a talk about how to create web applications by using Angular and ASP.NET Core. By the end of this session, you will be able to build web apps by mixing server and client-side development in ASP.NET Core.
A
B
This
talk
will
be
like
some
read
guide
for
developers
who
want
to
start
how
to
create
with
applications
or
getting
you
knowledge
about
using
a
combination
of
ice
beneath
the
net
for
two
point:
one
and
angular
six,
so
I'm
going
to
do
this
in
English
because
it's
just
a
lot
smoother
that
way
for
such
global
dotnet
conference.
But
if
you
want
to
ask
me
any
questions
in
Russian,
because
I'm
from
Russia
a
data
sample
yet
so
feel
free
to
ask
and
I
will
be
happy
to
discuss
your
questions.
B
So
this
is
agenda.
For
today
talk.
We
will
start
with
checking
out
their
prerequisites
tools
and
requirements
for
preparing,
observe
Ironman
over.
You
will
learn
how
to
create
web
applications
with
and
without
using
the
net
for
single
page
applications
and
plates
in
visual
studio
2017,
and
we
will
also
look
at
the
way
how
you
can
do
the
same
by
dotnet.
See
like
comment.
B
Okay,
so
I
want
to
pay
your
attention
and
a
few
moments
about
your
burrow
physics.
So
if
you
have
already
built
angular
applications,
it's
great
because
we
will
talk
today
about
angle
six
and
there
will
be
nice
to
know
basics
of
angular,
2
or
higher,
and
the
next
moment
it
is
knowledge
about
doing
perhaps
using
exponent.
That
means
for
two
it,
preferably
it
supplies
to
building
api's
and,
in
addition,
I
want
to
mention
about
IDE,
which
you
can
use
to
build.
B
Such
applications
and
I
thought
it
is
to
study
visual
Studios
2017
supports
both
of
them
from
version
fifteen
point
three
and
higher.
Also,
you
can
use
Visual
Studio
for
Mac,
which
fully
supports
as
well.
You
can
also
develop
your
application
using
visuals
with
the
court
orchard
range,
Rider
and
etc.
I
will
use
Visual,
Studio
2017
and
to
write
back
and
and
with
your
code
for
front-end
part
set.
Doesn't
that
mean
that
you
should
use
the
same
so
feel
free
to
use
whichever
you
prefer?
That's
it.
B
Okay!
Now,
let's
prepare
our
environment,
as
I
mentioned
before
I'm
using
physics
to
do
things
in
Gingerbread.
You
can't
so
we
should
install
and
spend
it
at
night
for
two
in
case.
If
you
haven't
it,
you
should
go
to
Microsoft
or
show
website
and
download
and
install
it
so
to
write
typescript
code
I
will
use
Visual
Studio
code,
everything
that
I
already
have
on
my
machine
so
also.
Firstly,
we
need
to
make
sure
that
we
have
installed
not
just
eight
plus
version
and
NPM
package
manager
on
our
machine
to
run
our
angular
application.
B
You
can
download
these
all
packets
from
additional
websites
as
well,
and
the
next
phase
is
installed
in
angular
CLI,
which
allows
to
create
a
new
application.
Green
components
are
old
services,
and
so
on,
so
you
can.
Would
you
back
your
application
using
ng
sir
comment
well
to
install
angular
application
on
global
level?
You
just
need
to
type
comments
and
Imperium
comment
like
that:
NPM
install,
Google
and
I
see
why
that's
it
so
that
allows
to
use
CLR
comments
anywhere
on
our
machine.
B
B
B
Now,
let's
look
how
to
create
an
angular
application
with
and
without
using
the
nightcore
single
page
application
templates
using
rules
to
do
2017.
There
is
more
one
way
to
create
an
angular
application.
With
that
metaphor,
so
let's
start
to
talk
about
the
first
approach
here
is
a
create
a
nightcore
application,
API
project.
B
Where
will
not
use
an
angular
template
because
it
will
be
on
the
next
step
with
adding
an
angle
6
application
to
nab
a
project
using
angular
console
on
the
slide
you
can
see
is
that
there
are
two
chaps
who
is
complete
for
API
project.
This
Dalek
went
up
and
the
next
step
it
is
creating
an
angle
coins
application
using
angular
console.
So
now
we
should
scepter.
A
B
B
Okay,
so
now
we
need
to
create
clients.
Application
in
there
are
two
ways
how
you
can
how
we
can
use
it.
We
can
add
our
angle,
application
to
our
project
pro
angular
CLI,
to
create
an
English
six
base
table.
You
should
to
navigate
to
our
exponet
project
folder,
where
we
have
our
CS
Viraj
file
is
present
and
around
the
comment
which
is
creating
a
new
client
application
for
us.
So.
B
Okay,
so
you
should
try
Penjing
you
blind
top,
so
Isis
comment
will
create
an
Angela
six
application
that
we
retain
our
and
the
project.
But
if
you
want,
as
I
mentioned
before,
do
not
remember
all
these
say
like
four
months
and
you
prefer
graphical
user
interface,
then
you
should
the
tasty
mutual
and
angular
console.
So
if
you
have
installed
angular
console
in
your
machine,
then
you
can
create
angular
application
using
that.
So
let's
try
I'm
going
to
create
an
angular
application
using
angular
console,
so
I
have
already
installed
it.
B
A
B
Client
of
name
for
our
workspace
and
we
should
choose
the
schematics
okay
good,
but
you
can't
ask
me
what
is
angular
workspace
and
angular
space?
It
is
directory
which
is
generated
via
angular.
She
alive
comments
and
unable
to
contain
multiple
projects.
Libraries
that
derives
the
configuration
schematics
it
is
workflow
to
oh,
it
is
a
part
of
angular
Deaf
kid
which
lets
us
transform,
generate
or
update
your
project
and
development
within
our
development
workflow
and
let
English
you
Mattox
under
the
hood.
B
In
order
to
perform
some
job
drops
inside
and
schematics
provide
an
ability
to
configure
the
options
of
schematics
and
package
in
the
root
level
of
our
workspace.
So
now,
I
should
only
hit
on
the
create
button
and
you
will
find
that
angular
console
running
the
angle.
I
see
a
client
woman
for
you
and
for
you
and
to
create
the
workspace
and
scaffolding
to
your
application
angle.
Sqlite
has
an
integrated
terminal
ninja.
B
So
when
you
compose
and
acute
your
comments
visually,
you
will
see
all
your
change
or
collected
in
the
inline
terminal
output
in
real
time
create
an
application,
takes
approximately
four
five
minutes
of
your
time.
I
want
to
do
that
right
now,
because
I
already
had
my
clients,
application,
angular
workspace
for
today,
I
told
which
had
been
created
by
me
before.
So
let
me
show
how
you
can
also
build,
serve
and
paste
your
application,
so
I
had
clients
application
for
my
Jordan
contest
application.
B
Now
I
will
select
you
and
I
have
here
us.
Four
options
serve
test,
build
and
general
component.
So
let's
build
our
client
application.
So
here
you
can
see
that
we
can
choose
some
important
fields.
It's
prompt
when
you
can
choose
ahead
of
time,
compilation,
option
or
watch
option
you
can
select.
Also
the
build
configuration
can
be
default
or
projection.
Based
on
your
select
options,
the
comment
will
change
accordingly,
so
I'm
I
selected
all
these
options,
and
now,
let's
run
okay.
So
now
an
angular
application
is
building
and
we
shoot
to
wait.
Some
seconds.
B
B
B
B
So
sec,
we
have
one
fan
chest
because
he's
expected
equal
to
welcome
to
do
defense
conference,
but
it
should
contains
welcome
to
client
out
so
test
is
working
okay,
but
if
you
remember
our
task
is
to
run
out
and
go
to
application
with
dotnet
score.
So
for
this
we
need
add
some
code
within
starts
up
class
and
should
to
switch
on
Visual
Studio
2017.
B
So
the
spa
template
uses
angular
application
and
angular
client
side
and
expended
on
that
core
and
the
game,
so
it
uses
package
Microsoft
exponent
net
for
spa
services
as
a
middleware
to
provide
different
configurable
options
for
your
application,
such
as
what
module
placement,
routing,
helper
and
so
on.
So
let's
find
out
how
to
prevent
Aspen
and
ignite
for
Spartan
blade
features
is
the
same
up
so
to
do
that,
we
should
register
spa
services
that
can
provide
static
files.
B
B
So
here
is
the
published
sources
will
be
copied
to
the
dist
folder
inside
the
clients
up
folder.
Next,
we
need
to
add
spa
me
to
wear
to
the
pipeline.
We
can't
use
that
inside
the
contribute
method
and
the
so
is
completed.
Method
suit
contains
the
next
I
will
cut.
Is
a
design
required
called
fragments
from
my
snippets?
Do
not
waste
my
session
time
by
typing
the
whole.
This
thought.
B
B
Environment
is
the
development,
the
should
add
spy
and
use
angular
CLI
server
and
NPM
script
run.
Script
start
okay,
so
basically
we
make
sure
that
the
property
launch
URL
is
not
present
or
in
our
lunch
settings
JSON
file,
because
we
should
run
our
client-side
application
and
do
not
use
a
API
action
method
so
should
delete
it
or
comment
as
you
want.
So
it
is
a
required
configuration
for
ranked
angular
code
with
death
match
score.
So
now
we
can
now
we
can
test
our
application.
A
A
B
B
B
A
B
That
had
this
model
to
import
or
our
model,
so
finally
I
we
should
add,
as
a
some
HTML,
to
show
all
our
values
on
the
page.
So
we
have
you
have
some
HTML
it
true
black.
It
looks
like
our
values
and
list
of
our
values
here.
So
now
we
are
ready
to
test.
We
can
see
that
our
dotnet
clear
comment
is
a
rendering
our
search
sources
and
we
can
see
our
values
on
the
screen.
Okay,
now
we
should
and
I
will
see
all
these
values
which
returned
from
API.
A
B
B
B
B
B
B
You
can
also
go
under
low
what
you
prefer,
so
the
latest
change
for
a
jar
present
on
github,
so
this
build
application,
provides
you
information
about
beers
from
the
around
the
world,
it's
using
a
third-party
birdie
bi,
and
also
to
get
an
S
through
data.
This
application
has
has
been
created
using
visual
studio.net
for
single
page
application
simply
based
on
angle.
B
But
if
you
want
to
skip
the
steps
with
registering
to
private
key,
you
can
open
the
public
version
of
my
application,
which
is
a
host
incarnation
and
available
by
the
visor
this
URL.
So
your
guide
page
websites,
dotnet,
so
welcome
to
do
guide
I
had
published
my
application
to
Asia
cloud
using
pay-as-you-go
subscription.
It
is
a
previous
review
subscription
which
allow
you
pay
only
what
you
use
that
can
cancel
any
subscription.
B
B
So
I
had
created
a
solution
with
a
few
layers,
as
you
can
see
as
well.
I
said:
well,
we
are
working
on
a
layer
architecture.
Our
project
must
be
independent
between
all
the
layers.
I
can
say
that
the
controller
layers
and
detects
s
layers
must
be
independent.
If
you
make
it
tightly
coupled
any
change
related
to
the
data
access
layer
and
can
change
the
controller
called
hands,
the
repository
is
used
to
create
an
abstraction
layer
between
the
depth
and
Sessler
and
business
logic.
B
Layer
of
an
application,
so
implementing
these
patterns
can
help
insulate
your
application
from
the
change
as
a
data
store,
can
special
aid
ultimate
unit
testing
or
tester
and
driving
development
in
total.
So
now
we'll
check
each
of
these
layers,
one
by
one
in
detail,
so
the
first
layer
it
is
beer
up
the
application
project,
as
this
player
is
mainly
used
to
require
to
handle
requests
from
which
are
coming
from
the
client
as
a
player.
B
Matalin
contains
the
control
controller
classes,
which
is
built
controller
client
part,
as
we
have
created
before
using
angular
console
so
and
some
layout
page
to
share
my
HTML
on
page.
So
your
controller
is
derived
from
MVC
controller,
where
we
have
some
several
main
actions.
You
can
see
that
I
have
some
projects
which
workers
who
are
working
for
various
query:
string,
queries
to
query
strings,
and
so
now,
let's
look
on
startup
class.
All
configuration
contains
in
start-up
class,
as
you
know,
and
start
to
plus
computers,
services
and
there's
a
application
request
pipeline.
B
B
B
So
well,
when
yeah,
when
you
are
working
with
applications,
we
can
kind
of
get
hooked
to
the
ease
of
the
dependency
injection
and
some
way
to
keep
settings
in
a
JSON
and
access
to
the
pro
GI
so
and
here,
I
use
as
a
options
pattern
which
uses
a
chooses
classes
to
represent
groups
of
related
things.
When
configuration
settings
are
related
by
scenario
arch
in
two
separate
classes,
the
application
it
hurts
up
to
two
important
sort
when
general
principles
and
an
options
class
must
be
an
unknown
abstract
and
with
our
public
parameterless
constructor.
B
B
So
it's
my
beer
service,
where
I'm
trying
to
get
back
testability,
API
and
here
I,
have
injected
my
barrier
to
be
settings
via
constructor
and
now
I
can.
Can
it
get
itself,
choose
the
settings
anywhere
and
I'm
using
here
to
get
access
to
API
secret
key
okay.
Now,
let's
talk
a
bit
about
HTTP
client,
HTTP
client
got
a
whole
new
implementation
based
on
dotnet
sockets
and
a
spawn
generic
spawn
class.
It
also
got
and
you
factory
and
if
actually,
which
is
a.
A
B
Fracture
class,
which
is
exits
in
creating
for
perfect
brake
controller
at
instances
that
place
and
masculine
with
dependency
injection,
so
I'm
using
here,
bravery,
DB
client,
which
is
HTTP,
typed
client,
and
you
can't
desire
a
pre
configuration
for
your
HTTP
client
inside
a
custom
class.
I,
say
I
have
used
here
in
my
case.
B
So
if
this
beauty
decline
has
HTTP
client
public
property
that
it
on
the
property
so
and
injected
HTTP
client
in
very
construction,
so
this
custom
class
can
be
registered
as
a
typed
client
and
later,
when
we
needed
this
class,
it
can
be
injected
via
the
colon
class
constructor.
Let's
switch
under
cells,
and
here
you
can
also
see
that
I
had
injectable
to
be
client
beacon,
structure
for
boost
service,
so
I
typed
client
for
following
the
reasons
are
the
first.
It
is
a
flexible
approach
compared
to
name
clients.
B
You
can
no
longer
have
to
deal
with
strings
like
an
end
clients,
and
you
can
encapsulate
the
HTTP
calls
and
also
all
logic,
dealing
with
that
inch
point.
So
now,
the
second
layer
it
is
built
up
business
logic.
Layer
is
here,
you
can
see
just
a
pair
of
interface
and
in
supplementation
and
I'd
be
manager.
It
just
contains
some
logic
which
allow
me
to
manage
my
application
area,
which
is
which
it
is
working
it
which
depend
on
client
request
and
during
some
filtering
searching,
searching
and
so
on.
B
Well,
also,
as
you
can,
you
see,
I
have
some
entities.
All
entities
have
were
extracted
to
the
separate
entities
project,
so
here
I
have
all
these
models,
and
it
is
also.
This
is
good
to
have
all
your
models
as
a
separate
project.
Now
beer
craft
services,
which
is
I,
have
already
talked
about
about
it
and
is
using
to
communicate
with
our
bridge
baby
right
there.
Our
service
is
the
main
limitation
of
this
layer
with
own
interface.
As
you
can
see
here,
I'm
using
Twitter
helpers.
B
Let's
talk
about
it
network
in
a
bit
about
query
helpers,
you
may
be
noticed
that
creating
a
query
string
in
court
can
lead
to
errors,
as
you
have
to
deal
with
drinks,
ampersand
and
question
marks,
and
so
on.
Fortunately,
I
spent
a
transport
has
a
static
class
query
helpers,
which
is
a
has
a
function.
B
Sql
string
offers
a
neat
way
to
do
your
query.
String
and
Espinel
doesn't
support.
So
the
add
query
string
has
two
parameters:
it
gives
them
one
of
four
creating
queries,
drink
for
a
single
parameter
and
Inasa
for
multiple,
your
parameters.
You
don't
have
deal
to
this
a
person's
question
marks,
while
you
are
composing
your
creative
specifically
for
some
queries,
where
we
have
a
lot
of
parameters
so
and
yes,
of
course,
we
have
beer
up
bellow
tests
project
where
we
have
all
our
unit
tests
to
cover
our
logic.
B
B
It
is
six
point,
zero
point,
nine
version
which
is
using
now
in
my
for
my
application.
There
is
this
expression
for
angular.
Cli
has
been
published
with
a
lot
of
movements
and
changed
myself.
I
will
try
to
discuss
a
few
of
them.
The
architecture
of
initialized
English
sailor
project
has
been
changed
and
mostly
on
the
under
the
hood
and
since
the
releasing
of
angular
6
version
release
candidate
2.
B
So
the
first
thing
it
is
angularjs
on
file,
so
you
can
see
you
can
notice
that
angularjs
own
most
likely
is
that
all
and
we
have
encountered
the
angular
creatures
on
file
genetic
a
project
using
angular
select.
It
is
well
known
that
is.
This
file
is
used,
as
for
kangaroo
configurations,
came
up
for
the
whole
project
and
manipulated
by
the
clear,
including
managing
of
different
improvements,
environment,
testing,
proxy
third-party
resources
and
so
on.
Also,
as
you
might
have
noticed,
the
old
configuration
file,
angular
3
Jason-
was
replaced
by
a
new
one.
B
So
and
now
we
have
angular
JS
file
with
some
change
inside
the
hook.
Configuration
now
is
contained
in
this
file.
Now
let
me
switch
bonne
biere
stairs
I
want
to
pay
your
attention
and
you
recommended
way
how
to
register
is
a
prepare
how
to
detect
provider
directly
inside
as
your
services.
So
in
the
injectable
provider,
using
now
a
new
provider
in
attribute
it
accepts
to
route
as
a
value
or
any
model
of
your
application.
B
So
and
when
you
use
route,
your
injectable,
your
injectable
service
will
be
registered
as
a
single
tone
in
the
application
and
you
don't
need
to
add
it
to
provide
yours
for
the
route
model.
Similarly,
if
you
use
providing
in,
for
example,
users
model,
the
injectable
is
registered
as
a
provider
of
the
user's
model
without
adding
to
providers
of
this
model
and,
as
in
you
way,
has
been
introduced
to
have
a
better
tree
shaking
in
supplication.
B
Currently,
a
service
added
are
to
the
providers
of
model
will
end
up
in
the
final
bundle
and
ever
ever,
if
it's
not
used
in
the
application,
which
is
beachside.
But
indeed,
if
you
use
lazy
loading,
you
can
fall
in
a
bunch
of
traps
or
end
up
a
rigid
service
bonding
in
the
wrong
place.
It
shouldn't
happen
often
in
applications
and
if
you
write
a
service-
and
you
usually
use
it,
but
for
party
models
sometimes
offer
services
that
you
don't
use
and
you
end
up.
B
I
wish
I
bought
big
bundle
of
useless,
so
so
it
will
be
especially
useful
for
library
developers,
but
it
is,
but
it's
now
recommended
way
to
register
and
injectable
ever
for
application
developers.
So
then,
usual
I
will
even
scaffold
service
with
provided
in
route
by
default.
Now.
So
when
you
are
creating
your
application,
your
your
application,
it
will
be
head
by
default.
Now.
B
Let
me
show
my
beers
component
angular
six
uses
now
Eric
cs6
version
internally
and
requires
you
to
update
your
application.
Also
so
and
Rick's
j6
has
hadn't
changed,
and
now
we
have
the
way
how
to
shoot
imports.
Something's
so
exist
on
in
higher
version
introduced
to
important
and
changed
compared
in
the
challenges
of
previous
version.
B
Yes,
I'm
Rebecca,
okay,
so
let
me
show
only
my
custom
order,
pipe
which
have
been
had
created
from
my
project.
It
is
ordered
by
PI
and
have
used
this
pipe
to
order
my
beers
by
alcohol
content,
so
I
can
sort
by
a
topical
or
alcohol
concept.
It
is
my
order
by
pipe
okay.
So
now
let
me
switch
back
to
my
presentation
and.
B
With
the
release
of
of
angular,
we
have
some
latest
well.
We
had
some
way
to
get
the
latest
of
this
version
by
the
some
ways
and
so
I'm
going
to
talk
about
and
I
did
about
upgrading
your
angle,
application
to
the
six
version.
So,
let's
get
right
to
it.
We
are
looking
to
use
in
classics,
application
versions.
There
are
cheap
steps.
You
will
need
to
complete
to
get
over
there
where
we
can
take
advantage
of
a
new
and
jak2
to
add
eight
angle,
application
to
the
latest
version.
B
You
should
switch
to
your
clients,
application
directory
and
run
ng
update
all
come
on.
This
will
update
the
package.json
and
then
you
need
to
run
npm
install.
If
you
get
a
message
about
some
angular
CLI
should
updated.
You
can
update
it
by
running
ng
update
in
device
device.
You
may
now
see
some
vulnerabilities
from
your
in
europe
and
PM
package
and
to
fix
them.
You
should
run
comment
and
TM
outage
fix.
B
You
may
have
to
run
this
several
time
as
some
of
the
fixes
introduce
new
vulnerabilities
and
when
you
should
yeah,
when
you
rule
around
your
application
and
everything
during
kubinka
was
okay
and
then
application
would
be
running
as
before.
So
if
you
want
to
update
the
application
from
any
version
starts
from
2+2
later,
you
should
go
to
a
date.
B
Angular
angular
I
own
website,
and
here
you
can
choose
your
version
of
angular
and
here's
the
final
version.
What
you
want
to
upgrade,
so
it's
make
making
it
easy
for
developers
to
stay
up
to
date
with
the
latest
releases
and
extremely
important
or
to
us.
So
let
us
know
what
you
think
and
what
you
can
update
your
application.