-
Notifications
You must be signed in to change notification settings - Fork 9
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.
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
[DONE] translation of tutorial/part-two #8
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@musti-91 , Thanks for your first contribution to the project ...
tutorial ===> الدليل التطبيقي
so, please change all 'البرنامج التعليمي' to 'الدليل التطبيقي' ^^
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is not a final review , please change all words ''أنماط" to "تنسيق" .. and avoid google translation because there are several wrong vocabulary ..
docs/tutorial/part-two/index.md
Outdated
- Component css | ||
- CSS-in-JS | ||
- CSS Modules | ||
مرحبًا بك في الجزء الثاني من برنامج Gatsby التطبيقي! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
مرحبًا بك في الجزء الثاني من برنامج Gatsby التطبيقي! | |
مرحبًا بك في الجزء الثاني من الدليل Gatsby التطبيقي! |
docs/tutorial/part-two/index.md
Outdated
|
||
## What's in this tutorial? | ||
## باستخدام التصميم الشامل |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## باستخدام التصميم الشامل | |
## باستخدام التنسيق الشامل |
docs/tutorial/part-two/index.md
Outdated
|
||
Welcome to part two of the Gatsby tutorial! | ||
في هذا الجزء ، ستستكشف خيارات تصميم مواقع الويب Gatsby وتعمق في استخدام مكونات React لبناء المواقع. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
في هذا الجزء ، ستستكشف خيارات تصميم مواقع الويب Gatsby وتعمق في استخدام مكونات React لبناء المواقع. | |
في هذا الجزء ، ستستكشف خيارات تنسيق مواقع الويب Gatsby وتعمق في استخدام مكونات React لبناء المواقع. |
docs/tutorial/part-two/index.md
Outdated
|
||
## Using global styles | ||
### إنشاء أنماط شاملة مع ملفات CSS القياسية |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### إنشاء أنماط شاملة مع ملفات CSS القياسية | |
### إنشاء تناسيق شاملة مع ملفات CSS القياسية |
docs/tutorial/part-two/index.md
Outdated
|
||
In this part, you're going to explore options for styling Gatsby websites and dive deeper into using React components for building sites. | ||
كل موقع لديه نوع من النمط شامل . يتضمن ذلك أشياء مثل الطباعة وألوان الخلفية الخاصة بالموقع. تضفي هذه الأنماط طابعًا عامًا على الموقع - تمامًا مثل لون وملمس الحائط الذي يحدد المظهر العام للغرفة. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
كل موقع لديه نوع من النمط شامل . يتضمن ذلك أشياء مثل الطباعة وألوان الخلفية الخاصة بالموقع. تضفي هذه الأنماط طابعًا عامًا على الموقع - تمامًا مثل لون وملمس الحائط الذي يحدد المظهر العام للغرفة. | |
كل موقع لديه نوع من التنسيق الشامل . يتضمن ذلك أشياء مثل الطباعة وألوان الخلفية الخاصة بالموقع. تضفي هذه التناسيق طابعًا عامًا على الموقع - تمامًا مثل لون وملمس الحائط الذي يحدد المظهر العام للغرفة. |
docs/tutorial/part-two/index.md
Outdated
Start by creating a new Gatsby site. It may be best (especially if you're new to the command line) to close the terminal windows you used for [part one](/tutorial/part-one/) and start a new terminal session for part two. | ||
|
||
Open a new terminal window, create a new "hello world" gatsby site, and start the development server: | ||
افتح نافذة طرفية جديدة ، وقم بإنشاء موقع Gatsby جديد "hello world" ، وابدأ خادم التطوير: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
افتح نافذة طرفية جديدة ، وقم بإنشاء موقع Gatsby جديد "hello world" ، وابدأ خادم التطوير: | |
افتح نافذة طرفية جديدة ، وقم بإنشاء موقع Gatsby جديد "hello world" ، وابدأ خادوم التطوير: |
docs/tutorial/part-two/index.md
Outdated
|
||
```shell | ||
gatsby new tutorial-part-two https://github.com/gatsbyjs/gatsby-starter-hello-world | ||
cd tutorial-part-two | ||
``` | ||
|
||
You now have a new Gatsby site (based on the Gatsby "hello world" starter) with the following structure: | ||
لديك الآن موقع Gatsby جديد (استنادًا إلى "hello world" في Gatsby) بهيكله التالي: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
لديك الآن موقع Gatsby جديد (استنادًا إلى "hello world" في Gatsby) بهيكله التالي: | |
لديك الآن موقع Gatsby جديد (مستند على حزمة البدء "hello world" في Gatsby) بالهيكل التالي: |
docs/tutorial/part-two/index.md
Outdated
@@ -48,9 +39,9 @@ You now have a new Gatsby site (based on the Gatsby "hello world" starter) with | |||
│ └── index.js | |||
``` | |||
|
|||
#### ✋ Add styles to a css file | |||
#### ✋ إضافة أنماط إلى ملف css |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
#### ✋ إضافة أنماط إلى ملف css | |
#### ✋ إضافة تناسيق إلى ملف css |
docs/tutorial/part-two/index.md
Outdated
@@ -59,9 +50,9 @@ cd styles | |||
touch global.css | |||
``` | |||
|
|||
> Note: Feel free to create these directories and files using your code editor, if you'd prefer. | |||
> ملاحظة: لا تتردد في إنشاء هذه الدلائل والملفات باستخدام محرر الشفرة ، إذا كنت تفضل ذلك. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
> ملاحظة: لا تتردد في إنشاء هذه الدلائل والملفات باستخدام محرر الشفرة ، إذا كنت تفضل ذلك. | |
> ملاحظة: لا تتردد في إنشاء هذه المجلدات والملفات باستخدام محرر الشفرة ، إذا كنت تفضل ذلك. |
docs/tutorial/part-two/index.md
Outdated
@@ -72,26 +63,26 @@ You should now have a structure like this: | |||
│ └── global.css | |||
``` | |||
|
|||
2. Define some styles in the `global.css` file: | |||
2. تحديد بعض الأنماط في ملف `global.css`: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
2. تحديد بعض الأنماط في ملف `global.css`: | |
2. تحديد بعض التناسيق في ملف `global.css`: |
docs/tutorial/part-two/index.md
Outdated
@@ -1,45 +1,36 @@ | |||
--- | |||
title: Introduction to Styling in Gatsby | |||
title: مقدمة في التصميم في Gatsby |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
title: مقدمة في التصميم في Gatsby | |
title: مقدمة في التنسيق في Gatsby |
@musti-91, any update !? |
docs/tutorial/part-two/index.md
Outdated
- Component css | ||
- CSS-in-JS | ||
- CSS Modules | ||
مرحبًا بك في الجزء الثاني من برنامج Gatsby التطبيقي! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
مرحبًا بك في الجزء الثاني من برنامج Gatsby التطبيقي! | |
مرحبًا بك في الجزء الثاني من الدليل Gatsby التطبيقي! |
docs/tutorial/part-two/index.md
Outdated
|
||
### Creating global styles with standard CSS files | ||
#### ✋ إنشاء موقع Gatsby الجديد |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
#### ✋ إنشاء موقع Gatsby الجديد | |
#### ✋ إنشاء موقع Gatsby جديد |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks you @musti-91 for your 1st contribution 🚀 ..
Holy buckets, @musti-91 — we just merged your PR to Gatsby! 💪💜 Gatsby is built by awesome people like you. Let us say “thanks” in two ways:
If there’s anything we can do to help, please don’t hesitate to reach out to us: tweet at @gatsbyjs and we’ll come a-runnin’. Thanks again! |
No description provided.