Advanced Node and Express Translation #45

xiaoxizi333 · 2018-07-31T05:45:32Z

No description provided.

huluoyang · 2018-08-01T09:36:42Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

    {
      "id": "5895f700f9fc0f352b528e63",
-      "title": "Set up a Template Engine",
+      "title": "创建引擎模版",


set up =>设置而不是创建

huluoyang · 2018-08-01T09:37:57Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

-        "Now to tell Node/Express to use the templating engine you will have to tell your express <b>app</b> to <b>set</b> 'pug' as the 'view-engine'. <code>app.set('view engine', 'pug')</code>",
-        "Lastly, you should change your response to the request for the index route to <code>res.render</code> with the path to the view <em>views/pug/index.pug</em>.",
-        "If all went as planned, you should refresh your apps home page and see a small message saying you're successfully rending the Pug from our Pug file! Submit your page when you think you've got it right."
+        "提醒一下，这个项目建立在<a href='https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/'>Glitch</a>上的启动项目中，或是从<a href='https://github.com/freeCodeCamp/boilerplate-advancednode/'>GitHub</a>上克隆",


或是从 => 也可以从

huluoyang · 2018-08-01T09:42:26Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

-        "Lastly, you should change your response to the request for the index route to <code>res.render</code> with the path to the view <em>views/pug/index.pug</em>.",
-        "If all went as planned, you should refresh your apps home page and see a small message saying you're successfully rending the Pug from our Pug file! Submit your page when you think you've got it right."
+        "提醒一下，这个项目建立在<a href='https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/'>Glitch</a>上的启动项目中，或是从<a href='https://github.com/freeCodeCamp/boilerplate-advancednode/'>GitHub</a>上克隆",
+        "你可以在应用程序的模版引擎中使用静态模板文件（如那些写在<em>Pug</em>里的）。在运行时，模版引擎会用服务端的真实值替换掉在模版文件中的变量，然后将模版转译成发送给客户端的 HTML 静态文件。这样可以更轻松地去构造 HTML 页面，在页面上不需要在客户端发送 API 请求去呈现变量。",


真实值 => 真实数据
design an HTML page => 设计，而不是构造
allows for displaying of variables on the page without needing to make an API call from the client.
允许在页面直接显示变量内容而不需要发送 API 请求。

我觉得一般都是构造一个页面而不是设计页面我们是前端程序员不是UI设计师翻译应该要灵活一点贴近自己做的事情才对，所以我觉得design an HTML page => 是构造而不是设计

huluoyang · 2018-08-01T09:44:01Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

+        "你可以在应用程序的模版引擎中使用静态模板文件（如那些写在<em>Pug</em>里的）。在运行时，模版引擎会用服务端的真实值替换掉在模版文件中的变量，然后将模版转译成发送给客户端的 HTML 静态文件。这样可以更轻松地去构造 HTML 页面，在页面上不需要在客户端发送 API 请求去呈现变量。",
+        "为了在项目中使用 <em>Pug</em>，你需要在你的 package.json 中添加依赖<code>\"pug\": \"^0.1.0\"</code>",
+        "为了在 Node/Express 中运用模版引擎，你需要告诉你的 express <b>应用</b>去<b>建立</b>'pug'作为'view-engine' <code>app.set('view engine', 'pug')</code>",
+        "最后, 你需要改变你对索引路由用页面路径<em>views/pug/index.pug</em>到<code>res.render</code>的请求的响应。",


最后一句行文不流畅，请重新翻译。

huluoyang · 2018-08-01T09:44:47Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

+        "为了在项目中使用 <em>Pug</em>，你需要在你的 package.json 中添加依赖<code>\"pug\": \"^0.1.0\"</code>",
+        "为了在 Node/Express 中运用模版引擎，你需要告诉你的 express <b>应用</b>去<b>建立</b>'pug'作为'view-engine' <code>app.set('view engine', 'pug')</code>",
+        "最后, 你需要改变你对索引路由用页面路径<em>views/pug/index.pug</em>到<code>res.render</code>的请求的响应。",
+        "如果一切就绪, 你需要刷新应用程序的主页，你可以看到 Pug 的成功建立的提示！你确定后就可以提交你的页面了。"


连续两个的 => 一个的

What are talking about？

huluoyang · 2018-08-01T09:46:51Z

万事开头难，慢慢来，1天翻译1个小节即可。

S1ngS1ng

看一下 style-guide，行内元素（如 <a>、 之类的）是否加空格取决于内容
to 不能总是翻译成“去”，要根据上下文调整
testString 里 assert 的第二个参数（字符串）是要翻译的

S1ngS1ng · 2018-08-02T17:23:44Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

-        "Now to tell Node/Express to use the templating engine you will have to tell your express <b>app</b> to <b>set</b> 'pug' as the 'view-engine'. <code>app.set('view engine', 'pug')</code>",
-        "Lastly, you should change your response to the request for the index route to <code>res.render</code> with the path to the view <em>views/pug/index.pug</em>.",
-        "If all went as planned, you should refresh your apps home page and see a small message saying you're successfully rending the Pug from our Pug file! Submit your page when you think you've got it right."
+        "提醒一下，这个项目建立在<a href='https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/'>Glitch</a>上的启动项目中，也可以从<a href='https://github.com/freeCodeCamp/boilerplate-advancednode/'>GitHub</a>上克隆",


不必翻译成 提醒一下，翻译成 注意 就好

<a> 标签加空格的方式请参考 style-guide，这里是要加的

S1ngS1ng · 2018-08-02T17:24:20Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

-        "Lastly, you should change your response to the request for the index route to <code>res.render</code> with the path to the view <em>views/pug/index.pug</em>.",
-        "If all went as planned, you should refresh your apps home page and see a small message saying you're successfully rending the Pug from our Pug file! Submit your page when you think you've got it right."
+        "提醒一下，这个项目建立在<a href='https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/'>Glitch</a>上的启动项目中，也可以从<a href='https://github.com/freeCodeCamp/boilerplate-advancednode/'>GitHub</a>上克隆",
+        "你可以在应用程序的模版引擎中使用静态模板文件（如那些写在<em>Pug</em>里的）。在运行时，模版引擎会用服务端的真实数据替换掉在模版文件中的变量，然后将模版转译成发送给客户端的 HTML 静态文件。这样可以更轻松地去构造 HTML 页面，允许在页面直接显示变量内容而不需要发送 API 请求。",


app 建议保留，可以不翻译

更轻松地去构造 => 更轻松地构造

S1ngS1ng · 2018-08-02T17:29:39Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

+        "提醒一下，这个项目建立在<a href='https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/'>Glitch</a>上的启动项目中，也可以从<a href='https://github.com/freeCodeCamp/boilerplate-advancednode/'>GitHub</a>上克隆",
+        "你可以在应用程序的模版引擎中使用静态模板文件（如那些写在<em>Pug</em>里的）。在运行时，模版引擎会用服务端的真实数据替换掉在模版文件中的变量，然后将模版转译成发送给客户端的 HTML 静态文件。这样可以更轻松地去构造 HTML 页面，允许在页面直接显示变量内容而不需要发送 API 请求。",
+        "为了在项目中使用 <em>Pug</em>，你需要在你的 package.json 中添加依赖<code>\"pug\": \"^0.1.0\"</code>",
+        "为了在 Node/Express 中运用模版引擎，你需要告诉你的 express <b>应用</b>去<b>建立</b>'pug'作为'view-engine' <code>app.set('view engine', 'pug')</code>",


运用 => 适用

你需要告诉你的 express 应用去建立'pug'作为'view-engine' <code>app.set('view engine', 'pug')</code> =>
你需要在 express 中将 app 的 “view-engine” 设置为 “pug”，就像这样：<code>app.set('view engine', 'pug')</code>。

不要逐字逐句的翻译

注意语序

注意结尾句号

注意标点。<code> 里面的不用改，但外面的要改

S1ngS1ng · 2018-08-02T17:31:57Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

+        "你可以在应用程序的模版引擎中使用静态模板文件（如那些写在<em>Pug</em>里的）。在运行时，模版引擎会用服务端的真实数据替换掉在模版文件中的变量，然后将模版转译成发送给客户端的 HTML 静态文件。这样可以更轻松地去构造 HTML 页面，允许在页面直接显示变量内容而不需要发送 API 请求。",
+        "为了在项目中使用 <em>Pug</em>，你需要在你的 package.json 中添加依赖<code>\"pug\": \"^0.1.0\"</code>",
+        "为了在 Node/Express 中运用模版引擎，你需要告诉你的 express <b>应用</b>去<b>建立</b>'pug'作为'view-engine' <code>app.set('view engine', 'pug')</code>",
+        "最后, 你需要使用<code>res.render</code>方法去渲染<em>views/pug/index.pug</em>页面来作为路由请求的返回。",


这里的  两边需要加空格。

去 => 来

S1ngS1ng · 2018-08-02T17:36:35Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

+        "为了在项目中使用 <em>Pug</em>，你需要在你的 package.json 中添加依赖<code>\"pug\": \"^0.1.0\"</code>",
+        "为了在 Node/Express 中运用模版引擎，你需要告诉你的 express <b>应用</b>去<b>建立</b>'pug'作为'view-engine' <code>app.set('view engine', 'pug')</code>",
+        "最后, 你需要使用<code>res.render</code>方法去渲染<em>views/pug/index.pug</em>页面来作为路由请求的返回。",
+        "如果一切就绪, 你需要刷新应用程序的主页，你可以看到 Pug 的成功建立的提示！你确定后就可以提交你的页面了。"


如果一切就绪, 你需要刷新应用程序的主页，你可以看到 Pug 的成功建立的提示！你确定后就可以提交你的页面了。 =>
如果一切顺利，刷新一下 app 的主页就可以看到 Pug 成功加载的提示，这时你就可以提交你的页面了。

这里不应该用半角标点

注意调整一下表达方式

S1ngS1ng · 2018-08-02T17:38:01Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

-          "testString": "getUserInput => $.get(getUserInput('url')+ '/_api/package.json') .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, 'pug', 'Your project should list \"pug\" as a dependency'); }, xhr => { throw new Error(xhr.statusText); })"
+          "text": "Pug 是依赖",
+          "testString":
+            "getUserInput => $.get(getUserInput('url')+ '/_api/package.json') .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, 'pug', 'Your project should list \"pug\" as a dependency'); }, xhr => { throw new Error(xhr.statusText); })"


这里，第二个参数（字符串）是要翻译的，和上面的 text 一样就好。

下同

S1ngS1ng

别的没问题了

S1ngS1ng · 2018-08-05T06:48:37Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

+          "text": "Pug 正确展示变量",
          "testString":
-            "getUserInput => $.get(getUserInput('url')+ '/') .then(data => { assert.match(data, /pug-variable(\"|')>Please login/gi, 'Your projects home page should now be rendered by pug with the projects .pug file unaltered'); }, xhr => { throw new Error(xhr.statusText); })"
+            "getUserInput => $.get(getUserInput('url')+ '/') .then(data => { assert.match(data, /pug-variable(\"|')>Please login/gi, '项目的主页应用 pug 来呈现，但 .pug文件'); }, xhr => { throw new Error(xhr.statusText); })"


这里翻译的不太对。

你的项目主页应使用 pug 作为渲染引擎，且 .pug 文件不应改变。

S1ngS1ng · 2018-08-05T06:48:55Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

+        "在 Pug 文件中，你可以引用变量名来使用变量，像 <code>#{variable_name}</code> 插入元素中或像 <code>p= variable_name</code> 把元素与变量直接写在一起，这表示 p 元素的内容等价于这个变量。",
+        "建议大家在 Pug 的 Githubs README <a href='https://github.com/pugjs/pug'>here</a> 看看它的语法与结构。 Pug 使用空格和标签来展示嵌套元素和间隔大量的代码。",
+        "在 pug 的 'index.pug' 文件中，我们用变量 <em>title</em> 和 <em>message</em>",
+        "从服务器传递这些信息，你需要用变量和数据在 <em>res.render</em> 中添加一个对象作为第二论据。举一个例子，创建一个变量来传递对象： <code>{title: 'Hello', message: 'Please login'</code> 到你的主页",


code 两边的空格去掉

S1ngS1ng · 2018-08-05T06:49:14Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

-        "Now refresh your page and you should see those values rendered in your view in the correct spot as laid out in your index.pug file! Submit your page when you think you've got it right."
+        "注意, 这个项目建立在 <a href='https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/'>Glitch</a> 上的启动项目中，也可以从 <a href='https://github.com/freeCodeCamp/boilerplate-advancednode/'>GitHub</a> 上克隆。",
+        "模版引擎最棒的特点之一就是在 HTML 页面展示之前，可以从服务端传变量到模版文件。",
+        "在 Pug 文件中，你可以引用变量名来使用变量，像 <code>#{variable_name}</code> 插入元素中或像 <code>p= variable_name</code> 把元素与变量直接写在一起，这表示 p 元素的内容等价于这个变量。",


code 两边的空格去掉

S1ngS1ng · 2018-08-05T06:49:26Z

06-information-security-and-quality-assurance/advanced-node-and-express.json

+          "text": "Pug 正在运行",
          "testString":
-            "getUserInput => $.get(getUserInput('url')+ '/') .then(data => { assert.match(data, /pug-success-message/gi, 'Your projects home page should now be rendered by pug with the projects .pug file unaltered'); }, xhr => { throw new Error(xhr.statusText); })"
+            "getUserInput => $.get(getUserInput('url')+ '/') .then(data => { assert.match(data, /pug-success-message/gi, '项目的主页应用 pug 来呈现，但 .pug文件'); }, xhr => { throw new Error(xhr.statusText); })"


这里的翻译参考底下

S1ngS1ng

Thanks 👍

* Introduction to Advanced Node and Express Challenges * Set up a Template Engine * correct translation * Use a Template Engine's Powers * correct error translation * Set up Passport

xiaoxizi333 added 2 commits July 31, 2018 13:42

Introduction to Advanced Node and Express Challenges

668d28a

Set up a Template Engine

bab8787

huluoyang suggested changes Aug 1, 2018

View reviewed changes

huluoyang added the need update Use when a translation (?) PR has been reviewed and needs to address comments label Aug 1, 2018

correct translation

05874b3

S1ngS1ng suggested changes Aug 2, 2018

View reviewed changes

Use a Template Engine's Powers

d9d2aca

S1ngS1ng suggested changes Aug 5, 2018

View reviewed changes

xiaoxizi333 added 2 commits August 5, 2018 23:45

correct error translation

2057ad3

Set up Passport

f0b47d9

S1ngS1ng approved these changes Aug 6, 2018

View reviewed changes

S1ngS1ng added ship it Use when a translation (?) PR is ready for shipping and removed need update Use when a translation (?) PR has been reviewed and needs to address comments labels Aug 6, 2018

huluoyang merged commit 3099242 into FreeCodeCampChina:translate Aug 7, 2018

Advanced Node and Express Translation #45

Advanced Node and Express Translation #45

Uh oh!

Conversation

xiaoxizi333 commented Jul 31, 2018

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

huluoyang Aug 1, 2018 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

huluoyang commented Aug 1, 2018

Uh oh!

S1ngS1ng left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

S1ngS1ng left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

S1ngS1ng left a comment

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

huluoyang Aug 1, 2018 •

edited

Loading