Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Translation] tutorial/index #5

Merged
merged 1 commit into from
Nov 26, 2019
Merged

[Translation] tutorial/index #5

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 21 additions & 21 deletions docs/tutorial/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,37 +3,37 @@ title: Gatsby.js Tutorials
disableTableOfContents: true
---

Welcome to Gatsby! We’re glad you’re here. The goal of this tutorial is to guide you through setting up and deploying your first Gatsby site using a starter template. As we walk through that process, we’ll introduce some more general web development topics, and go over the underlying structure of a Gatsby site.
Chào mừng đến với Gatsby! Chúng tôi rất vui mừng vì bạn đang ở đây. Mục tiêu của hướng dẫn này là để hướng dẫn các bạn cách thiết lập và triển khai trang web Gatsby đầu tiên của bạn bằng cách sử dụng starter template. Trong quá trình đó, chúng tôi sẽ giới thiệu khái quát hơn một số chủ đề phát triên web và đi qua cấu trúc cơ bản của trang web Gatsby.
vitokhangnguyen marked this conversation as resolved.
Show resolved Hide resolved

> The full tutorial is intended to be as accessible as possible to people without much web development experience (yet!) — no need to be an expert. If you prefer to jump straight to code, feel free to skip the step-by-step tutorial and see the [quick start](/docs/quick-start/) page.
> Hướng dẫn hoàn chỉnh nhằm mục đích dễ tiếp cận với mọi người dù không có nhiều kinh nghiệm phát triển web - không cần phải là một chuyên gia. Nếu bạn muốn chuyển thẳng qua phần mã, hãy bỏ qua phần hướng dẫn từng bước và xem trang [Bắt đầu nhanh](/docs/quick-start/).
vitokhangnguyen marked this conversation as resolved.
Show resolved Hide resolved

## Gatsby fundamentals
## Nguyên tắc cơ bản của Gatsby
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Chỗ nào bạn để "Gatsby căn bản" giúp mình nhá.


0. [Set up your development environment](/tutorial/part-zero/): We'll introduce you to core technologies that power Gatsby, and guide you through setting up your development environment.
1. [Get to know Gatsby building blocks](/tutorial/part-one/): Starting new projects, developing, and deploying sites.
1. [Introduction to using CSS in Gatsby](/tutorial/part-two/): Explore libraries like Typography.js and CSS Modules.
1. [Building nested layouts in Gatsby](/tutorial/part-three/): Layouts are sections of your site that are reused across multiple pages like headers and footers.
0. [Cài đặt môi trường làm việc](/tutorial/part-zero/): Chúng tôi sẽ giới thiệu với bạn về công nghệ cốt lõi mà mang lại sức mạnh cho Gatsby và hướng dẫn bạn cài đặt môi trường làm việc.
1. [Làm quen với các thành phần trong Gatsby](/tutorial/part-one/): Bắt đầu một project mới, phát triển và triển khai các trang web.
2. [Giới thiệu về cách sử dụng CSS trong Gatsby](/tutorial/part-two/): Khám phá các thư viện như Typography.js và CSS Modules.
3. [Xây dựng layout lồng nhau trong Gatsby](/tutorial/part-three/): Layout là các phần của trang web mà bạn có thể tái sử dụng ở nhiều trang khác như tiêu dề và cuối trang.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. layout = bố cục
    Bạn cứ dùng chữ layout cơ mà lần đầu bạn dùng trong dòng này (không tính cái trong link placeholder nha bạn), bạn để từ "bố cục" ngay cạnh và trong ngoặc giúp mình nhá


## Intermediate tutorials
## Hướng dẫn trung cấp

In these intermediate tutorials, you'll learn how to pull data from almost anywhere into your Gatsby site with GraphQL.
Trong những phần hướnh dẫn trung cấp này, bạn sẽ học cách kéo dữ liệu từ hầu hết mọi nơi vào trang web Gatsby của mình bằng GraphQL.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. Typo từ "hướng dẫn"


4. [Querying for data in a blog](/tutorial/part-four/): Create a blog and use a GraphQL query to pull your site title into the blog header.
5. [Source plugins and rendering queried data](/tutorial/part-five/): Use a source plugin to pull Markdown blog posts into your site and create an index page with a list of blog posts.
6. [Transformer plugins](/tutorial/part-six/): Use a transformer plugin to transform your Markdown blog posts into a form the blog can render.
7. [Programmatically create pages from data](/tutorial/part-seven/): Learn how to programmatically create a set of pages for your blog posts.
8. [Preparing a site to go live](/tutorial/part-eight/): Learn how to audit your site for performance and best practices for accessibility, SEO, and more.
4. [Query dữ liệu trong blog](/tutorial/part-four/): Tạo blog và sử dụng QraphQL query để kéo tiêu đề trang web của bạn vào tiêu đề blog.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. query = truy vấn

5. [Source plugins và hiển thị dữ liệu đươc truy vấn](/tutorial/part-five/): Sử dụng source plugin để kéo những bài blog Markdown vào trang web của bạn và tạo một trang mục lục với danh sách tất cả những bài đăng trên blog.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"truy vấn" dư 1 space character

6. [Transformer plugins](/tutorial/part-six/): Sử dụng một transformer plugin để chuyển đổi các bài blog Markdown thành một dạng mà blog có thể kết xuất.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bạn sửa câu này giúp mình nhá
"...các bài blog viết bằng Markdown thành một định dạng blog của bạn có thể hiển thị..."

7. [Tạo trang từ dữ liệu một cách lập trình](/tutorial/part-seven/): Tìm hiểu cách tạo một tập hợp các trang từ những bài đăng trên blog một cách lập trình.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. programmatically = bằng cách lập trình
  2. learn = học

bạn sửa "từ những bài đăng trên blog" thành "cho những bài đăngg trên blog" giúp mình nha

8. [Chuẩn bị một trang web để phát hành trực tiếp](/tutorial/part-eight/): Tìm hiểu cách kiểm tra trang web của bạn về hiệu suất và các thực tiễn tốt nhất về khả năng truy cập, SEO và hơn thế nữa.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. live = trong thời gian thực (in real-time, để tránh gây hiểu nhầm với directly)
  2. best practices for accessibility = các quy tắc thực tiễn tốt nhất cho khả năng tiếp cận


## Theme tutorials
## Hướng dẫn về theme

Gatsby themes abstract all of your default configuration (shared functionality, data sourcing, design) out of your site and into an installable package.
Gatsby themes tóm tắt tất cả cấu hình mặc định của bạn (chức năng cùng chia sẻ, nguồn dữ liệu, thiết kế) ra khỏi trang web của bạn và làm nó thành một package có thể cài đặt.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. theme = chủ đề.
    Bạn cứ dùng chữ theme cơ mà lần đầu tiên dùng trongg cuâ này, bạn thêm chữ "chủ đề" ở trong ngoặc giúp mình nha.
  2. abstract = trừ tượng hóa
  3. shared functionality = tính năng dùng chung
  4. package = gói


This means that the configuration and functionality isn’t directly written into your project, but rather versioned, centrally managed, and installed as a dependency. You can seamlessly update a theme, compose themes together, and even swap out one compatible theme for another.
Điều này có nghĩa là cấu hình và chức năng không được ghi trực tiếp vào project của bạn, nhưng được phiên bản, quản lý tập trung và được cài đặt như một dependency. Bạn có thể cập nhật một theme liền mạch, kết hợp các themes với nhau và thậm chí trao đổi một theme tương thích cho một theme khác.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. project = dự án
  2. dependency = gói phụ thuộc
    Bnạ cứ dùng từ này nhưng đặt "gói phụ thuộc" vào ngoặc giúp mình nhé
  3. seamlessly update = cập nhật một cách liền mạch


Learn more about using and building themes with the [Gatsby theme tutorials](/tutorial/theme-tutorials/).
Tìm hiểu thêm về sử dụng và xây dựng các themes với [Hướng dẫn Gatsby theme](/tutorial/theme-tutorials/).

## Additional tutorials
## Hướng dẫn bổ sung

There are many use cases for Gatsby, some of which aren't covered in the first set of tutorials to keep you focused while learning. Gatsby's Additional Tutorials section is a collection of resources showing how to complete even more Gatsby tasks step-by-step, such as using source plugins for images and CMS content.
Có rất nhiều trường hợp sử dụng cho Gatsby, một số không dược đề cập trong phần hướng dẫn đầu tiên để giúp bạn tập trung khi tìm hiểu. Phần hướng dẫn bổ sung của Gatsby là một tập hợp các resource hướng dẫn cách hoàn thành nhiều hơn nữa những bài làm Gatsby theo từng bước, như là sử dụng source plugins cho hình ảnh and nội dung CMS.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. use case = ứng dụng
  2. resource = tài nguyên
  3. task = tác vụ
  4. and = và
  5. CMS content =CMS (CMS là Content Management System)


Go deeper with [additional Gatsby tutorials](/tutorial/additional-tutorials/).
Đi sâu hơn với [Hướng dẫn bổ sung Gatsby](/tutorial/additional-tutorials/).