
English: 
Well, if you think it's bad that they made
you stand up, can you believe they're making
me stand up here for this whole talk!
Hi, everyone, my tame is Tara.
Today, I will ask you to use your imagination,
to think about the web in a way you never
have before.
What I'm going to ask you to imagine is a
web without servers.
If your immediate reaction is confusion or
scepticism, that's okay, because it doesn't
make much sense in the way the web works today.
If I tell but my background and what I work
on now, it will all start to come together.
My name is Tara Vancil, and I'm a web developer.
For me, it means that I spend most of my time
thinking about the web or building things
on the web.

Chinese: 
好吧，如果你认为他们做的很糟糕
你站起来，你能相信他们正在制造
我站在这里谈论整个演讲！
大家好，我的驯服是塔拉。
今天，我会请你运用你的想象力，
以你从未想过的方式思考网络
以前有过。
我要求你想象的是一个
没有服务器的web。
如果您的直接反应是混乱或
怀疑主义，没关系，因为它没有
对网络今天的工作方式有很大意义。
如果我告诉我的背景和我的工作
现在，它们将开始走到一起。
我的名字是Tara Vancil，我是一名网络开发人员。
对我来说，这意味着我花了大部分时间
思考网络或建设事物
在网上。

Chinese: 
我真的对点对点协议感兴趣
我喜欢任何与指甲有关的事情。
如果您对美甲或美甲有兴趣
擦亮，我们一定要稍后再说。
网络现在是我生活中很重要的一部分，但是
情况并非总是如此。
我实际上并没有在网上长大。
我的家人没有电脑，我们住了
在一个有点网络的农村地区。
我唯一可以访问计算机的是学校
我们主要用它们来学习如何
输入。
我确实进入了Facebook，MySpace和Sparknotes
在我十几岁的时候，但我的对象线经验
主要是关于消费的东西。
我几乎都在看我的照片
粉碎和追上我没有的书
阅读英语课。
直到很久以后我才学会了
关于HTML，JavaScript和的存在
CSS我意识到我可以构建东西
在网上。
这只是我从未考虑过的事情
之前。

English: 
I'm really interested in peer-to-peer protocols
and I love anything to do with nails.
If you have an interest in nail art, or nail
polish, we should definitely talk later.
The web is a huge part of my life now, but
that wasn't always the case.
I actually didn't grow up online.
My family didn't have a computer and we lived
in a rural area with spotty internet.
My only access to computers was at school
where we mostly used them for learning how
to type.
I did get on to Facebook, MySpace, and Sparknotes
in my teenage years, but my object line experiences
were mostly about consuming things.
I was pretty much looking at pictures of my
crush and catching up on the book I didn't
read for English class.
It wasn't until much, much later when I learned
about the existence of HTML, JavaScript, and
CSS that I realised that I could build things
on the web.
This was just something I had never considered
before.

English: 
I assumed that building websites was reserved
for super talented programmers.
This was a really, really exciting moment
for me.
Because it totally changed my conception of
what the web was, and how I could participate
on it.
But I eventually realised, after learning
how to put together a web page with HTML,
there was an important question that I needed
to answer which was: how do I share the things
that I'm building?
Thankfully, the answer to that question is
really simple.
You just install webpack with MPM, set up
your local web server and SSH into a server
you've already set up on AWS.
Okay, so it is actually not that simple.
Now, to be clear, I'm poking fun at webpack.
I don't think that tools are complex and bad,
I think tools are awesome because they help
us build things, and it doesn't really matter
which tool you pick, as long as it helps you
build something that a browser can understand.

Chinese: 
我认为建立网站是保留的
对于超级有才华的程序员。
这是一个非常非常激动人心的时刻
为了我。
因为它彻底改变了我的观念
网络是什么，以及我如何参与
在上面。
但是在学习之后我终于意识到了
如何用HTML编写一个网页，
我需要一个重要的问题
回答是：我如何分享这些东西
我正在建设？
值得庆幸的是，这个问题的答案是
真的很简单。
您只需使用MPM安装webpack，即可进行设置
您的本地Web服务器和SSH到服务器
您已经在AWS上设置了。
好的，实际上并非那么简单。
现在，要明确一点，我正在开玩笑。
我不认为工具是复杂和坏的，
我认为工具很棒，因为它们有帮助
我们建造东西，这并不重要
你选择哪种工具，只要它对你有所帮助
构建浏览器可以理解的东西。

Chinese: 
无论您是编写简单的HTML文件还是构建
更复杂的东西，你的选择是有效的。
重点是撰写网页是灵活的
原谅
最初的初学者有空间
和最专家 - 建立一些东西的专家
有意义的是什么使网络如此
一个很棒的工具集。
当我是初学者时，它实际上是善良的
负担一些建立和分享的东西
网络。
我可以告诉你，这不是制作的工具
我有这种感觉。
这是服务器。
现在，我的意思是最好的方式，
但服务器很糟糕。
我觉得我觉得这样，因为我开始了
在这个甜蜜的地方在网上建设东西
GeoCities已经关闭的时期
但是像Netlify和Glitch这样的工具却没有
还存在。
GitHub页面到处都是，但我感觉不舒服
在那一点上使用git。
据我所知，最好的选择
我分享我正在制作的网站
设置服务器。

English: 
Whether you write a simple HTML file or build
something more complex, your choice is valid.
The point is that composing web pages is flexible
and forgiving.
There is room for the most beginner-beginner
and the most expert-expert to build something
meaningful which is what makes the web such
an awesome tool set.
When I was a beginner, it was actually kind
of burden some to build and share things on
the web.
I can tell you it wasn't the tools that made
me feel that way.
It was servers.
Now, I mean this in the nicest way possible,
but servers suck.
I think I feel this way because I started
building things on the web in this sweet spot
period when GeoCities had already been shut
down but tools like Netlify and Glitch didn't
exist yet.
GitHub pages were around but I wasn't comfortable
working with git at that point.
As far as I could tell, the best option for
me to share the websites I was making was
to set up a server.

Chinese: 
这令人沮丧，因为我没有
时间，专业知识或资金来做到这一点。
真的，谁呢？
就像人类的超级小条子一样
谁知道如何设置服务器，
而且，更别说喜欢这样做了。
我现在可以设置服务器了，有几天了
当我有心情玩引擎X的时候
但大多数时候这是最后一件事
我想要做。
我相信这个房间里有些人很好
在运行服务器，但我认为不是
公平地期待世界其他地方。
互联网上有30亿人
今天，这个数字只会增长。
他们正在使用Facebook，Instagram等工具
和微信欢迎。
太棒了。
我们在规模上看到了人与人之间的联系
一度难以想象。
但我认为广泛的说法是公平的
这些人中的大多数永远不会去
参与网络之外的界限
这些工具。

English: 
This was frustrating because I didn't have
the time, expertise been or money to do that.
Really, who does?
There is like a super tiny sliver of the human
population who knows how to set up a server,
and, let alone enjoys doing it.
I can set up servers now, and there are days
when I'm in the mood to play with engine X
but most of the time it is the very last thing
I want to do.
I'm sure some people in this room are good
at running servers but I don't think it is
fair to expect the rest of the world to be.
There are three billion people on the internet
today, and that number is only going to grow.
They are using tools like Facebook, Instagram,
and WeChat to welcoming.
That is awesome.
We are seeing human connection at a scale
once unimaginable.
But I think it is fair to say that the vast
majority of these people are never going to
participate in the web outside of the bounds
of these tools.

Chinese: 
帖子推文，分享生活更新
Facebook，或显示柏林街的照片
猫在Instagram上，但他们永远不会制作
一个HTML页面，永远不会为他们的粉丝网站
最爱的乐队。
他们永远无法体验创意
在网上建立一些东西的喜悦
真的是他们的。
我想我们必须坐下来思考
关于这是否合适真的很难。
也许是。
也许不是每个人都想学习如何
建立网站。
但我认为我们应该确定
网络本身不会妨碍那些
谁做。
就个人而言，我担心会这样。
我害怕害怕在网上发布
是一个瓶颈。
这就像发送HTML一样简单
档案给朋友太复杂了。
我的意思是，想一想：如果你了解网络，
你可以花几个月和几个月的包装
围绕如何编写HTML页面，
垂直中心divs或导航最新
JavaScript框架。

English: 
The post tweets, the share life updates on
Facebook, or show pictures of Berlin street
cats on Instagram, but they will never craft
an HTML page, never make a fan site for their
favourite band.
They will never get to experience the creative
joy of building something on the web that
is truly theirs.
I think we have to sit with that and think
really hard about whether or not that's okay.
Maybe it is.
Maybe not everybody wants to learn how to
build websites.
But I think we should be certain that the
web itself doesn't get in the way of those
who do.
Personally, I'm afraid that it does.
I'm afraid afraid that publishing on the web
is a bottleneck.
That something as simple as sending an HTML
file to a friend is far too complicated.
I mean, think about it: if you knew the web,
you could spend months and months wrapping
your head around how to write an HTML page,
vertically centre divs or navigate the latest
JavaScript frameworks.

Chinese: 
毕竟，你获得了自己的支持，
你有一些信心，也许是建立起来的
你引以为荣的东西。
你仍然需要弄清楚服务器。
我只是认为网络可以做得更好。
事实上，我认为这是至关重要的
网络做得更好。
因为入境的障碍仍然存在 - 如果
进入的障碍仍然很高，我
讨厌思考网络的样子
在十年或二十年。
请记住，网络自那以后就一直存在
1990年，我们已经看到了早期
大多数人使用时会发生什么阶段
少数平台参与。
那么这是如何长期发挥作用的呢？
如果从今天起28年后，它会是什么样子，
大多数人仍在使用像Facebook这样的工具，
或微信，或Instagram。
它仍然是网络还是提供商
把它塑造成完全不同的东西？
我不知道，但似乎有道理，但是
我认为这不是我们应该愿意承担的风险
采取。
网络太珍贵了。

English: 
After all of that, you gained your bearings,
you have some confidence, and maybe built
something you're proud of.
You still have to figure out servers.
And I just think the web can do better.
In fact, I think it is essential that the
web do better.
Because of the barrier to entry remains — if
the barrier to entry remains this high, I
hate to think about what the web looks like
in ten or 20 years.
Remember, the web has only been around since
1990, and we are already seeing the early
stages of what happens when most people use
a handful of platforms to participate.
So how does this play out for the long-term?
What does it look like if 28 years from today,
most people are still using a tool like Facebook,
or WeChat, or Instagram.
Will it still be the web or will the providers
have shaped it into something entirely different?
I don't know, but it seems plausible, but
I don't think that's a risk we should be willing
to take.
The web is too precious.

Chinese: 
我们这是一个奇怪的社会实验
建立了一个建立事物的全球语言。
多么酷啊？
至少，我认为像这样的网络
看起来对我来说很无聊。
如果你去年在这里，你可能还记得
我们的一位主持人雷切尔怀特发了言
叫做Keep the Web Weird。
我把它解释为那种情书
社区时，网络激发了创造力
很好，工具可以访问。
她回到了GeoCities和
Angel Fire，当时有几种工具
人们可以跳进浏览器，
编写HTML，并免费发布网站。
但是你可能知道GeoCities被关闭了
在2009年下降并带走了3800万个网站
它。

English: 
It is this weird social experiment where we've
built a global language for building things.
How cool is that?
At the very least, I think a web like this
looks kind of boring to me.
If you were here last year, you might remember
one of our emcees, Rachel White made a talk
called Keep the Web Weird.
I interpreted it as a love letter to the kind
of creativity the web inspires when communities
are nice and tools are accessible.
She called back to the days of GeoCities and
Angel Fire, when there were several tools
available for folks just to jump into a browser,
write HTML, and publish a website for free.
But you might know that GeoCities was shut
down in 2009 and took 38 million sites with
it.

English: 
The archive put up a valiant effort to save
those sites and saved the precious gifts that
came out of the GeoCities era but not able
to save all the 38 million sites.
They're gone.
I think the coming and going of GeoCities
and the rise of Neocities and Glitch tells
us something about the web and what is missing
from it.
I think that it tells us setting up a server
is so far out of reach for most people that
they simply can't do it and they instead have
to rely on tools like this.
Now, I love Neocities, I love Glitch, in fact,
which I think they're doing some of the most
important work on the web right now.
We've been here before 3 Neocities and Glitch
help us circumvent the fact that publishing
on the web is difficult, but I think we should
be asking why is it so damned difficult in
the first place?
What can we do to make it easier in a way
that has the kind of longevity we expect out

Chinese: 
存档为保存提供了勇敢的努力
那些网站并保存了珍贵的礼物
来自GeoCities时代，但没能
保存所有3800万个网站。
他们走了。
我认为GeoCities的来来往往
而Neocities和Glitch的崛起告诉我们
我们关于网络的东西和缺少的东西
从中。
我认为它告诉我们设置服务器
对于大多数人来说，这是遥不可及的
他们根本做不到，他们反而拥有
依靠这样的工具。
现在，我喜欢Neocities，我喜欢Glitch，事实上，
我认为他们做的最多
现在重要的网络工作。
我们在3 Neocities和Glitch之前来过这里
帮助我们规避出版的事实
在网上很难，但我认为我们应该
要问为什么这么难受
第一名？
我们可以做些什么来使其更容易
我们期待的那种长寿

English: 
of the web platform?
I think we can make it easier, and I want
to share with you my vision of what that might
look like.
I want to ask what if we just didn't need
servers to share a website?
What if we could press a button in our browser,
and, with one click, create a new web page?
That would certainly be nice but how in the
world could we pull that off?
We have these pretty powerful devices.
We have we have our phones, our laptops, right?
Maybe we could just turn them into servers?
Sadly, it's not that easy.
There is a lot that is wrong with this idea,
but to put it simply, our personal devices
are just not built to be servers.
First of all, we shut them off sometimes,
whether it is because we've gone to sleep
or the battery's dead.
They don't always have a dedicated IP address,
and they're simply not built to handle the
kind of traffic that servers do.
Imagine publishing a video from your personal
computer and having it go viral.

Chinese: 
网络平台？
我想我们可以让它变得更容易，我想要
与你分享我对这可能的看法
看起来像。
我想问一下，如果我们不需要的话
服务器共享一个网站？
如果我们可以在浏览器中按下按钮怎么办
并且，只需点击一下，创建一个新的网页？
那肯定会很好但是如何
世界我们可以把它拉下来吗？
我们有这些非常强大的设备。
我们有手机，笔记本电脑，对吗？
也许我们可以把它们变成服务器？
可悲的是，这并不容易。
这个想法有很多问题，
但简单地说，我们的个人设备
只是不是服务器。
首先，我们有时关闭它们，
是不是因为我们已经入睡了
或者电池坏了。
它们并不总是有专用的IP地址，
而且它们根本不是为了处理而建造的
服务器做的那种流量。
想象一下，从您的个人发布视频
电脑，让它变得病毒式传播。

English: 
Your computer would be flooded with millions
of requests, and your home network would probably
fall over in a few minutes.
So, if this idea of one-click publishing is
going to work, we have to think outside of
the server box, because, again, our personal
devices just are not servers.
Luckily, some smart people flipped this problem
on its head and have found a way for regular
devices to do the sorts of things that servers
do without actually needing to be a server.
BitTorrent was created in the early 2000s
and what you call a peer-to-peer network.
The key innovation was to ask what if, instead
of one computer, a server, handling all of
the responsibility for hosting files, what
if we split up that responsibility across
a network of a bunch of different computers
so that any device could hop on to the network
and contribute some bandwidth?

Chinese: 
你的电脑将被数百万人淹没
请求，你的家庭网络可能会
几分钟后摔倒了。
那么，如果这种一键式发布的想法是
上班，我们必须在外面思考
服务器盒，因为，再次，我们的个人
设备只是不是服务器。
幸运的是，一些聪明人解决了这个问题
在它的头上，已经找到了常规的方法
设备来做服务器的各种事情
不需要成为服务器。
BitTorrent创建于21世纪初
你称之为点对点网络。
关键的创新是询问如果相反
一台计算机，一台服务器，处理所有的
什么是托管文件的责任
如果我们分担这个责任
一堆不同的计算机的网络
这样任何设备都可以跳到网络上
并贡献一些带宽？

English: 
Maybe some of those devices are server-like
devices that live up in the cloud and surely
sometimes some devices will go offline, but
the big idea is that regular devices can help
contribute resources to hosting files on a
network?
And this was a really big deal.
Now, I'm sure most of you know BitTorrent
because of its infamy.
It was used largely for downloading movies
and music and other media illegally, but I
want to point out it's a really incredible
innovation that has tons of legal and other
legitimate use cases.
Most importantly being that it made it possible
for regular people with regular devices to
be able to host files, and I just think that's
so cool.
So what if we took this approach and we applied
it to the web?
Websites are just files after all.
If a website is just a collection of files,
then what a if we could use a peer-to-peer
networks to get a website from one computer
to another?

Chinese: 
也许其中一些设备类似于服务器
毫无疑问地存在于云中的设备
有时某些设备会脱机，但是
最大的想法是常规设备可以提供帮助
为托管文件贡献资源
网络？
这真是个大问题。
现在，我相信大多数人都知道BitTorrent
因为它的耻辱。
它主要用于下载电影
和非法的音乐和其他媒体，但我
我想指出它真是令人难以置信
具有大量法律和其他方面的创新
合法用例。
最重要的是它使它成为可能
对于有常规设备的普通人来说
能够托管文件，我只是认为那样
非常酷。
那么，如果我们采用这种方法并且我们应用了
它到网上？
网站毕竟只是文件。
如果网站只是一个文件集合，
然后，如果我们可以使用点对点
网络从一台计算机获取网站
到另一个？

Chinese: 
事实证明你可以，我真的很兴奋
告诉你更多相关信息。
我和这两个家伙一起工作 -  P Frazee和
Macintosh电脑。
他们今天都在这里。
我们三个人一起研究一个项目
叫做Beaker浏览器。
Beaker是一个实验性的浏览器，意思是
我们并不总是遵循网络标准。
但这不是因为我们不认为他们是
重要的是，我们只进行了一些实验
记住我们想跑，我们想
它们是值得运行的，即使它们是
不符合标准。
我们正在运行的核心实验是什么
当您采取其中一个点对点时发生
网络，你把它放在浏览器里面？
所以，我们希望保持网络大致相同，
保持浏览器非常熟悉，但制作
它是同行的。
我们处于一个非常幸运的位置
做这个实验。
因为Macintosh是核心开发者
一个名为Dat的对等协议

English: 
It turns out you can, and I'm really excited
to tell you more about that.
I work with these two guys — P Frazee and
Macintosh.
They're both here today.
Together, the three of us work on a project
called the Beaker browser.
Beaker is an experimental browser which means
that we don't always follow web standards.
But it is not because we don't think they're
important, it's just that we have a few experiments
in mind that we wanted to run, and we think
they're worthwhile to run, even though they're
not standards-compliant.
The core experiment we are running is what
happens when you take one of these peer-to-peer
networks and you put it inside of a browser?
So, we wanted to keep the web mostly the same,
keep the browser pretty familiar, but make
it peer to peer.
We're in a really lucky position to be able
to do this experiment.
Because Macintosh is the core developer of
a peer-to-peer protocol called Dat which is

English: 
similar to BitTorrent but has key improvements
that make it really well suited for the kinds
of things we do on the web.
We took it and put it into the browser, put
it into Beaker, and found out some really
interesting things happened, like enabling
one-click publishing, giving view source cool
new capabilities, and making it possible to
provide new web APIs to developers.
Why don't I show you?
Okay.
This is Beaker.
I apologise that the tabs and the URL bar
are small.
I will try to point out what is important.
In first glance, it probably looks spectacular
to any browser that you are familiar with.
So it is not remarkable in that regard.
Before showing you anything exciting, let
me show you what a peer-to-peer website looks
like.
This is my website, and you might notice that,
instead of HTTPS, the protocol in the URL
is DAT.
It is really small but that is what it says.

Chinese: 
类似于BitTorrent，但有重点改进
这使它非常适合这种类型
我们在网上做的事情。
我们把它拿到浏览器中，然后把它放进去
它进入了Beaker，并发现了一些真的
有趣的事情发生了，比如启用
一键发布，给视图源很酷
新功能，并使其成为可能
为开发人员提供新的Web API。
我为什么不给你看？
好的。
这是烧杯。
我为标签和URL栏道歉
很小。
我会试着指出什么是重要的。
乍一看，它看起来很壮观
到您熟悉的任何浏览器。
所以在这方面并不显着。
在向您展示任何令人兴奋的事情之前
我告诉你一个点对点网站的样子
喜欢。
这是我的网站，您可能会注意到，
而不是HTTPS，URL中的协议
是DAT。
它真的很小但是它就是这么说的。

Chinese: 
它看起来像你期望的网站
看起来像 - 链接像你一样工作
我希望，图像的工作方式是一样的
就像在其他浏览器中一样，也是如此
CSS。
这是我们的意图选择。
我们不希望结束网络，我们想要
看看发生了什么，如果我们放
其中的点对点网络。
[声音输入失真]。

English: 
It looks like what you would expect a website
to look like — links work just like you
would expect to, images work just the same
as they do in other browsers, and so does
CSS.
This was an intention al choice on our part.
We didn't want to up end the web, we wanted
to see what happened what would if we put
a peer-to-peer network in it.
[Sound feed distorted].

Chinese: 
我们确实对待这种设备
像服务器但实际上不是。
所以我要跳到Beaker的主菜单，
然后单击“创建新建”按钮。
我将点击网站模板。
您可以创建一个空项目或导入
现有的。
为了这个，我将导入这个模板
时间。
这里发生的事情是Beaker铸造了一个
全新的网站。
它有关于如何开始的信息，
在这里改变背景颜色，没什么
太花哨了。
我认为令人兴奋的是
这个网站有自己的URL。
我可以和你们任何人分享这个网址。
如果你要在Beaker中打开它，因为
我们是唯一支持它的人，你可以
从我的电脑下载网站。
这里没有涉及服务器。
现在，这个URL不是很漂亮。
你不记得了。
就像IP地址难以记住一样
同样。
像这样的URL如何使用域名
系统？事实证明它很好用。

English: 
We did literally treat this device kind of
like a server but not actually.
So I'm going to jump to Beaker's main menu,
and click this button that says Create New.
I will click the website template.
You can make an empty project or import an
existing one.
I will import this template for the sake of
time.
What happened here is that Beaker minted a
brand new website.
It has got information about how to get started,
change the background colour here, nothing
too fancy.
What I think is exciting to point out is that
this website has its own URL.
I could share this URL with any of you.
If you were to open it in Beaker, because
we're the only ones that support it, you can
download the website from my computer.
There's no server involved here.
Now, this URL's not very pretty.
You couldn't remember it.
Just like IP addresses are tricky to remember
as well.
How might a URL like this work with the domain-name
system? Turns out it works out pretty nicely.

English: 
I set up a website to show you how that works.
This is the JSConf EU subdomain on my website.
I was able to get this nice time by using
a txt record.
I set this up with my domain registrar — Google
— and I pointed the subdomain to the long
ugly URL, and that's all it took.
I didn't have to fuss with any servers to
get that nice URL.
I promised you I would show you view source,
so let's look what that is like in beak Beck.
What we are seeing here is all of the files
that compose the website we were just looking
at.
You can see the favicon here, we can take
a look at the styles, and, of course, we can
see the HTML that we were just looking at.
These files live on my computer.
If they live on my computer, should I not
be able to edit them?
Yes, you can.
We made it possible to actually edit files
inside of view source, so I can click in button
right here.

Chinese: 
我建立了一个网站，向您展示它是如何工作的。
这是我网站上的JSConf EU子域名。
通过使用，我能够获得这美好的时光
一个txt记录。
我是通过我的域名注册商 -  Google进行设置的
 - 我把子域指向了长
丑陋的URL，这就是它所需要的。
我没有任何服务器大惊小怪
得到那个好网址。
我答应过你我会告诉你观察源，
让我们来看看Beak Beck的情况。
我们在这里看到的是所有文件
构成我们刚看的网站
在。
你可以在这里看到favicon，我们可以采取
看看风格，当然，我们可以
看到我们刚刚看到的HTML。
这些文件存在于我的计算机上。
如果他们住在我的电脑上，我不应该
能够编辑它们吗？
是的你可以。
我们可以实际编辑文件
在视图源内，所以我可以点击按钮
就在这儿。

Chinese: 
我要添加一些惊叹号
到这个标题。
当我保存并返回该标签时，我们
会看到那些变化。
[掌声]。
好的，这很酷，但我们都是开发人员，
我们可能对我们有偏好
编辑环境吧？
我们有些人喜欢Sublime，有些人喜欢DS Code。
同样，这些文件都在我的电脑上，所以
我可以在我喜欢的编辑器中打开它们。
在我这样做之前，我想打开一个很酷的
我们有一个小功能 - 库加载
- 我要跳过去 -  
我想跳转到视图源工具
再次。
我要把路径复制到那些地方
文件在我的电脑里。

English: 
I'm going to add a few exclamation points
to this heading.
When I save it and go back to that tab, we
will see those changes just like that.
[Applause].
Okay, that's pretty cool, but we are all developers,
and we probably have preferences about our
editing environments, right?
Some of us like Sublime, some like DS Code.
Again, these files are on my computer, so
I can open them up in my preferred editor.
Before I do that, I want to turn on a cool
little feature we have — library loading
— and I'm going to jump over — 
I want to jump over to the view source tool
again.
I'm going to copy the path to where those
files are in my computer.

Chinese: 
并打开这些文件。
我想打开index.html文件，我就是
要说“你好，来自Sublime”。
一旦我点击保存并转向
选项卡，我们可以看到变化而不需要
刷新。
[掌声]。
这是一个有趣的小工具。
所以我 
我向你展示了一键发布
你看到我们启用的一些新东西
来源，但我没有告诉你有关新的
网络API尚未。
在我这样做之前，我想给一个背景故事
为什么我们认为这是必要的。
当我们第一次开始建造Beaker时，我们
对我们能做到的事实感到高兴
推出一键式发布但我们意识到了
web不是静态的集合
网站，虽然它可能是一个更好的地方
如果是的话。

English: 
And open those files up.
I want to open the index.html file, and I'm
going to say "Hello from Sublime".
As soon as I hit save and head over to the
tab, we can see the change without needing
to refresh.
[Applause].
That's a fun little tool.
So I 
showed you one-click publishing, I showed
you some of the new things we enabled in view
source but I haven't told you about the new
web APIs yet.
Before I do that, I want to give a backstory
why we thought this was necessary.
When we first started building Beaker, we
were happy with the fact that we would could
pull off one-click publishing but we realised
that the web is not a collection of static
websites, although it might be a nicer place
if it were.

Chinese: 
我们认为有任何方式可以重建
Web上的应用程序使用的行为
小便网络？
我们可以解决用户配置文件的问题，
数据库，或类似的东西？
答案是肯定的。
如果您考虑它，数据库或用户
配置文件通常用just表示
文件，对吗？
而且，如果网站也只是文件，那么
也许我们可以代表用户数据和用户
网站内的个人资料。
这正是我们和其他人的意思
建立在这些工具集上的是试验
用。
这是一个profile.json文件。
这是我在点对点上使用的配置文件
社交媒体网站。
你可以看到这些属性是我的名字，bio，
和头像。
我想如果我这样说会更容易
后来让它沉入其中。
如果我们要让开发人员成为可能
构建点对点应用程序以使用用户数据，

English: 
We thought is there any way we can recreate
the behaviour that apps on the web use using
a pee-to-peer network?
Can we make it problem to do user profiles,
databases, or anything like that?
The answer is yes.
If you think about it, a database, or a user
profile is typically represented with just
files, right?
And, if websites are also just files, then
maybe we can represent user data and user
profiles inside of websites.
That's exactly what we and other people were
building on these tool sets are experimenting
with.
This is a profile.json file.
This is a profile I use on a peer-to-peer
social media site.
You can see the properties are my name, bio,
and avatar.
I think it would be easier if I show this
later to make it sink in.
If we're going to make it possible for developers
to build peer-to-peer apps to use user data,

Chinese: 
我们需要确保他们能阅读和黑麦
写数据。
新的Web API看起来有点像这样。
再说一次，如果我只是告诉你，那就更容易了。
我打算跳到控制台上
网站在这里。
让我们来看看。
我要通过获取一个对象来启动
这代表我们的Dat网站
上。
我将使用它，使用Dat执行此操作
归档我们拥有的API和Beaker。
做window.location。
我们现在这个对象，我们可以做很多事情
用它。
我想告诉你一件我们可以写的东西
这个网站的新HTML文件。
我们将有一个自己写的网站。

English: 
we need to make sure they can read and rye
write the data.
The new web APIs look a little bit like this.
Again, it is easier if I just show you.
I'm going to jump into the console on this
website here.
Let's see.
I'm going to start up by getting an object
that represents this Dat website that we're
on.
I'm going to use this, do this using the Dat
archive APIs that we have, and Beaker.
Do window.location.
We now this this object, and we can do a lot
with it.
I want to show you one thing that we can write
a new HTML file to this website.
We will have a website writing to itself.

Chinese: 
好的，所以website.writefile并称之为api.html
并为其编写简单的标记。
我们写了这个文件，现在，如果我们去的话
到api.ptml，我们可以看到我们已经创建了
一个新的HTML文件。
[掌声]。
起初可能不完全直观
这可以实现，但它可以实现很多。
我们有一个完整的社交媒体应用程序
这些API用于编写用户配置文件。
它看起来有点像Twitter，你可能有
注意到，那是故意的。
我们想看看我们是否可以复制很多东西
Twitter提供的行为，所以
我们有一个feed，我们可以查看一下人们的帖子，
我们当然可以发帖回复。
我想我会说“Hello from JSConf”，
任何关注我的人都会同步
这些变化来自我的个人资料
- 同步这些变化。“

English: 
Okay, so website.writefile and called it api.html
and write simple markup to it.
We've written the file, and now, if we go
to api.ptml, we can see that we've created
a new HTML file.
[Applause].
It might not be totally intuitive at first
what this enables, but it enables a lot.
We have a whole social media application using
these APIs to write user profiles.
It's looks a bit like Twitter, you might have
noticed, and that was intentional.
We wanted to see if we could replicate a lot
of the behaviour that Twitter provides, so
we have a feed, we can look at people's posts,
we can like post and reply to them of course.
I think I will actually say "Hello from JSConf",
and anybody who is following me will sync
these changes from my profile.
—- sync these changes."

English: 
I want — 
I want to show you by what I mean by putting
user data in user profiles into websites.
These are all of my posts.
The object that represent my posts are pretty
simple: text and a timestamp.
If this were a reply, it would also contain
information about who I was replying to.
I think this is so cool.
Interesting things happen when you separate
user data from the application layer.
The application layer in this case is just
sort of a view on top of my profile.
And over the top of all my friends' profiles.
This means that the app and the data are no
longer tied together, so, I can actually customise
the app with little consequence, so, let's
just do that, and let's see how that would
work.

Chinese: 
我想要 - 
我想通过推杆向你展示我的意思
用户配置文件中的用户数据到网站。
这些都是我的帖子。
代表我帖子的对象很漂亮
简单：文本和时间戳。
如果这是一个回复，它也会包含
有关我回复的人的信息。
我觉得这很酷。
分开时会发生有趣的事情
来自应用程序层的用户数据。
在这种情况下，应用层就是
在我的个人资料之上的一种观点。
在我所有朋友的个人资料中排名第一。
这意味着应用程序和数据都没有
更长的捆绑在一起，所以，我可以实际定制
应用程序没什么后果，所以，让我们
就这样做，让我们看看会如何
工作。

Chinese: 
我将在ViewSource中打开它。
我不只是这个网站，所以我不能只是
编辑它们。
我得复制一份。
我要继续制作副本。
我不喜欢那种油条。
这个程序有圆形按钮。
我要把它变成正方形。
我要在这里跳转到CSS文件，
并搜索按钮类。
这是我想要的边界半径
摆脱。
我们会保存它。
我们将看到一个全新的社交
媒体应用。
我们可以看到按钮现在是方形的。
[掌声]。
我没有给出这个具体的例子
应用程序权限写入我的个人资料
这就是为什么它看起来有点不同，但如果我
是选择我的个人资料并加载一切
起来，我不会失去任何朋友。
我不会丢失我的网络或内容或任何东西。

English: 
I'm going to open this up in ViewSource.
I don't only this website, so I can't just
edit them.
I have to make a copy.
I'm going to go ahead and make a copy.
I don't like that fritter.
This app has round buttons.
I'm going to make it square.
I'm going to jump into the CSS file here,
and search for the button class.
Here is the border radius that I want to get
rid of.
We will save it.
We're going to see an entirely new social
media application.
And we can see that the buttons are now square.
[Applause].
I haven't given this specific instance of
app permission to write to my profile which
is why it looks a bit different, but if I
were to select my profile and load everything
up, I wouldn't lose any of my friends.
I wouldn't lose my network or content or anything.

English: 
Even though this change I made was kind of
trivial, you can imagine being in a situation
on social media where a change you would like
to make is not trivial.
Maybe you would like to have some say over
how the colour scheme works because you are
colour-blind, or maybe you want better moderation
tools.
You're empowered to do that with this model,
and I think that's just fantastic.
Now, I'm not going to make any promises that
this type of model, a peer-to-peer web is
going to fix everything that is wrong with
the web, and I'm not going to promise that
an app like Fritter is ever going to become
as popular as Facebook or Twitter because
they're already pretty darned popular, but
I can promise that a peer-to-peer web does
make apps like this possible, and I can say
this with confidence because I use Fritter
every single day, and so do a lot of my friends.
If you want to learn more about Beaker, please
talk to me afterwards, I'm excited to share
about it.
You can visit these links to learn more.

Chinese: 
即使我做出的这种改变有点像
琐碎的，你可以想象处于某种情况
在社交媒体上，你想要改变
制作并非无足轻重。
也许你想有一些发言权
颜色方案是如何工作的，因为你是
色盲，或者你想要更好的节制
工具。
你有权使用这个模型做到这一点，
而且我认为这太棒了。
现在，我不会做出任何承诺
这种类型的模型，一个点对点的网络
要解决所有错误的问题
网络，我不会答应
像Fritter这样的应用程序将永远成为
像Facebook或Twitter一样受欢迎，因为
他们已经非常受欢迎，但是
我可以保证一个点对点的网络
让这样的应用成为可能，我可以说
这充满信心，因为我使用Fritter
每一天，我的朋友也都这样。
如果您想了解更多关于Beaker的信息，请
之后跟我说话，我很高兴分享
关于它。
您可以访问这些链接以了解更多信息。

English: 
I wanted to end with this and say fundamentally,
a peer-to-peer web is a more fun web, that,
no matter what your technical expertise is,
it's a web you can contribute, build, and
share.
I think that makes it a worthwhile experiment
to run, not just in Beaker, but in every single
browser.
Thank you so much for imagining with me.
[Applause].
[Cheering and Applause]

Chinese: 
我想以此结束并从根本上说，
点对点网络是一个更有趣的网络，
无论您的技术专长是什么，
这是一个你可以贡献，构建和
分享。
我认为这使它成为一个有价值的实验
不仅在Beaker中运行，而且在每一个单独运行
浏览器。
非常感谢你想象我。
[掌声]。
[欢呼和鼓掌]
