>> Well, you want me to talk about
a bunch of things. I was like-
>> No. You begged me to be on the show and I said,
"No," and you said, "Please.
I'll do anything.".
>> What's the word you use to describe me?
>> You texted me a 2 a.m and you said, "I'm crying.
Please. There's nothing left in my life.
Put me on the show." And I felt that sorry for you.
>> Yeah, yeah.
>> This is getting more ridiculous by the second.
Hi I'm Burke Hollands.
>> I'm Asim Hussain.
>> This is a dum dum.
>> This is a dum dum.
>> This is five super secret special services
for building single-page sapplications. They get it?
>> I think you got it. I think you nailed it.
>> Nailed it. Thing number one; static storage.
What do we mean by static storage?
What kind of a service is that exactly?
>> So, a static storage solution like Azure book storage,
what it does is optimize
for returning a static asset, right?
>> So that's what it's really good at.
It's just returning that one thing
and a single-page application,
and it's really just a static asset.
>> Yeah. I mean, if you look at single-page application,
one is build in Angular or
View or React to or anything like that.
If you look in the end product,
this is the folder with
a bunch of files inside it and that's it.
>> Right. So, you don't really need
a whole elaborate web server
set up to serve a single-page application.
In fact, it might be faster.
It's probably faster.
>> It's a lot faster.
>> It's a lot faster to serve it from static storage,
something like Azure Blob Storage.
>> Exactly, right? All they're doing is just reading
a file from disk and then sending
it right back out. Easy.
>> Sounds simple to me.
>> It's cheaper.
>> Thing number two; you should really consider
using a CDN or a Content Delivery Network.
Now, this one is strange for me because I thought
CDNs were for serving up copies of jQuery.
Why do I need a CDN for my single-page application?
What do I get out of it if it's
already on static or blob storage?
>> Well, what a CDN does is it copies
of your resources on different nodes all over the world.
So, for instance, if your static storage solution
is in the US and
you have got CDN in front so there might be
CDN with copies you data in Japan,
in India, in Australia, all over the world.
Then when you've got a Japanese customer,
who's visiting your website,
they'll get served from a Japanese computer,
which is much closer to them, just much much faster.
>> So, this is all about speeds. It's all about speed.
>> Getting your files as close to
the customer as possible,
and cast and ready to go, so when they make the request,
it's just right there outside their front door.
>> That's it. Yeah.
>> Sounds right. Sounds amazing.
>> Yeah.
>> Thing number three; you should
seriously consider serverless functions.
Serverless is a buzzword.
I felt like we just say serverless and it's like magic.
Nobody knows what it does.
>> No.
>> They just know how to use it in the blog post.
>> That's exactly what it is.
>> Why should I use serverless functions
with my single-page application?
What's the benefit to me?
>> Well, normally, with a single-page application,
you'll need to have an API somewhere.
You need to have access.
>> Like in Express, your .NET,
some sort of data access layer.
>> You need to store some data on
a server and you get access to,
right? So nobody got an API.
Normally serve that on a server
somewhere and just have that hope it's somewhere.
But you can just use
serverless functions which allow you to just write
an API directly against
the database and some like Azure Function.
>> So you don't need a whole web framework run time real?
You just need to write the code
and all of that's already hosted in the serverless.
>> But the really really cool thing about
serverless functions and static storage,
I have to say as well,
is that they scale automatically for you.
So, you can get zero calls,
you won't scale up at all.
If you'd get 10,000 calls,
it will scale up for you automatically.
>> So, when my app goes to the front page of
Hacker News, no problem.
It just scales out.
Because anything that I
write is coming to the front page of
Hacker News like this episode in five minutes.
It's also super cheap, we should note.
It's like pennies. This is what you want.
When it's low load,
you want to pay nothing,
and when it's high load, you still want to pay nothing.
Not as much. So you're only
paying for the compute that you use.
>> Exactly.
>> And not wasting.
>> I would describe it as if you get
zero hits, you pay zero.
>> Which is exactly what we want.
>> But you're never going to get zero hits.
>> I don't want to get zero hits.
>> I don't get zero hits.
>> Even with serverless, it's going to paint a fortune.
>> You won't get zero hits.
>> No. Well, you might. You might.
>> I might.
>> Well, you don't know about Stephanie. You actually
look really good man. Normally, you look terrible.
>> I shaved today.
>> Did you?
>> I took a picture of it. I shaved.
I ended up short.
>> That's why your beard looks less
substantial. Are you serious?
>> I like-
>> It's not as pointy. You rounded it up.
>> No, I don't round it up. No, I shaved.
I was walking out the door and I was like.
>> Well, yeah you shaved into like round.
>> Yeah. I like cleared out the hair and stuff.
>> I like that.
You should use them at the eyebrows though.
That should connect to your hairline. So mean.
>> Thing number four;
you really need to have
some tool for your spot and handles,
workflow or automation type activities.
These are things that are not covered by
your API but still need to happen on the server.
Can you give me an example of what exactly that
means or what are some of the different services
that we can use to do that?
>> Well, what it means is back in the day,
before the SPA days,
before the SPA days, we would normally put like
a cron job on a server
and have something running on the server side.
We need something to do that right now with our SPAs.
What we've got on Azure is called Azure Logic Apps.
If you're using something else,
we use like IFTT or ZapQuery or something like that.
But essentially, functionality that runs
without a username to click a button or make an API.
>> So what's an example of someplace where I might
use a logic app in a single-page application?
What's a use case for that?
>> Well, you have a whole bunch of use cases.
Anytime you need to do any workflow
management of the application,
I might use a logic app,
which batches up all of
the e-bills I need to send and processes them every hour.
I might have another logic app which I need to listen to
Twitter to see if anybody has
tagged me and then perform some activity,
save something to your database,
we have a logic app for that.
These are the kind of things which
you wouldn't handle with
an API request. You don't have to use a trigger.
>> So instead of having like a sysadmin that
they're clicking a button every hour to do something,
I guess that's where the Logic Apps would come in
and you would just schedule those sorts of things up.
>> Exactly. That's perfect. Perfect example.
>> You don't have to write a lot of
code of these lot Logic Apps to do that.
Just drag blocks out and they connect together.
I like blocks. Blocks I can do, it's like Legos.
It's actually Lego, it's not Legos.
>> It's Legos.
>> Legos.
>> It's actually not Legos. No, they said Legos?
>> In the UK we say Legos.
>> That's just wrong.
>> You're saying wrong.
>> This interview's over. Thing number five;
you definitely need some sort
of continuous integration tool.
What exactly is a continuous integration tool
and why is it helpful for a single-page application?
>> Well, I think it's
helpful for a lot of different types of
applications but it's helpful for,
especially when you work with more than one person.
Like if you're working on yourself,
you might just bring a VS code
and deploy manually from that.
When you're working with multiple people,
with GitHub or something like that,
it's really useful to have something
where if you check in to master,
your emergency master, it also deploys your side view.
And also to have something like PR validation.
We all want it.
So when you create a PR on
my code then it will be your validation,
maybe you'll run npm install,
maybe an npm build,
an order or a task or something other,
just to make sure that your code is okay.
>> [inaudible] is always okay.
>> Yes. Always good.
>> So, for us, we have Azure DevOps and
we actually use this on the vscodecandothat.com site.
There's a blog post and
a show links below that you can check out.
It shows how we set this up,
but we pull in a Docker container,
we run npm install,
we run npm build, which fills the new projects.
Every time someone checks into master,
it's just like magic.
>> Magically.
>> It just happens.
>> We don't have to worry about it.
>> Yeah. It really is an amazing thing.
>> Jinx.
>> We owe me one soda. Actually, I
prefer a seltzer water.
>> A seltzer water?
>> Yeah. And not just any salt.
The La Croix? There La Croix in the UK?
>> I don't know what that is.
>> It's a delicious seltzer water but here
at Microsoft we have talking rain.
So it's called talking rain.
>> Talking rain, and again, it's salty water.
>> Seltzer water.
>> Seltzer water.
>> Nobody drink salty water.
>> I don't know.
>> It's salty water.
I would like a salty water.
>> I will get you a salty water.
>> Thank you. I'm Burke Holland.
>> I don't know what to say.
>> I'm Burke Holland.
>> And I'm Burke Holland.
>> I'm Burke Holland.
>> And I'm Asim Hussain.
>> Now you know five super secret special services
for building single-page sapplications.
>> Oh yeah.
>> Americans are drinking seltzer water.
>> What is seltzer water? What is that?
>> Seltzer water is just like a carbonated water
but with no flavor. There's no sugar.
>> It's sparkling water.
>> Sparkling water and an Italian soda.
Sometimes they call it Italian soda.
You know that it's Italian soda?
>> I bet it just because it's fancy.
>> Yeah. We think the Italians are
fancy. Are the Italians fancy?
>> No. It isn't fancy actually.
For more infomation >> Services pour enfants au Centre Grandir de Fès au Maroc - Duration: 1:54. 
For more infomation >> 35th annual Adult Protective Services Conference - Duration: 0:53. 
For more infomation >> Improvement & Services 10-29-18 - Duration: 40:49. 
For more infomation >> Get service recommendations for your solutions with Azure Quickstart center - THR1061 - Duration: 20:01. 
Không có nhận xét nào:
Đăng nhận xét