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.

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

Merged
merged 6 commits into from
Jan 15, 2020

Conversation

musti-91
Copy link
Contributor

@musti-91 musti-91 commented Jan 4, 2020

No description provided.

Copy link
Contributor

@3imed-jaberi 3imed-jaberi left a 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 'الدليل التطبيقي' ^^

@3imed-jaberi 3imed-jaberi added in-review changes-requested update needed This PR needs update since last commit and removed in-review labels Jan 4, 2020
@3imed-jaberi 3imed-jaberi added in-review and removed changes-requested update needed This PR needs update since last commit labels Jan 5, 2020
Copy link
Contributor

@3imed-jaberi 3imed-jaberi left a 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 ..

- Component css
- CSS-in-JS
- CSS Modules
مرحبًا بك في الجزء الثاني من برنامج Gatsby التطبيقي!
Copy link
Contributor

@3imed-jaberi 3imed-jaberi Jan 5, 2020

Choose a reason for hiding this comment

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

Suggested change
مرحبًا بك في الجزء الثاني من برنامج Gatsby التطبيقي!
مرحبًا بك في الجزء الثاني من الدليل Gatsby التطبيقي!


## What's in this tutorial?
## باستخدام التصميم الشامل
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
## باستخدام التصميم الشامل
## باستخدام التنسيق الشامل


Welcome to part two of the Gatsby tutorial!
في هذا الجزء ، ستستكشف خيارات تصميم مواقع الويب Gatsby وتعمق في استخدام مكونات React لبناء المواقع.
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
في هذا الجزء ، ستستكشف خيارات تصميم مواقع الويب Gatsby وتعمق في استخدام مكونات React لبناء المواقع.
في هذا الجزء ، ستستكشف خيارات تنسيق مواقع الويب Gatsby وتعمق في استخدام مكونات React لبناء المواقع.


## Using global styles
### إنشاء أنماط شاملة مع ملفات CSS القياسية
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
### إنشاء أنماط شاملة مع ملفات CSS القياسية
### إنشاء تناسيق شاملة مع ملفات CSS القياسية


In this part, you're going to explore options for styling Gatsby websites and dive deeper into using React components for building sites.
كل موقع لديه نوع من النمط شامل . يتضمن ذلك أشياء مثل الطباعة وألوان الخلفية الخاصة بالموقع. تضفي هذه الأنماط طابعًا عامًا على الموقع - تمامًا مثل لون وملمس الحائط الذي يحدد المظهر العام للغرفة.
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
كل موقع لديه نوع من النمط شامل . يتضمن ذلك أشياء مثل الطباعة وألوان الخلفية الخاصة بالموقع. تضفي هذه الأنماط طابعًا عامًا على الموقع - تمامًا مثل لون وملمس الحائط الذي يحدد المظهر العام للغرفة.
كل موقع لديه نوع من التنسيق الشامل . يتضمن ذلك أشياء مثل الطباعة وألوان الخلفية الخاصة بالموقع. تضفي هذه التناسيق طابعًا عامًا على الموقع - تمامًا مثل لون وملمس الحائط الذي يحدد المظهر العام للغرفة.

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" ، وابدأ خادم التطوير:
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
افتح نافذة طرفية جديدة ، وقم بإنشاء موقع Gatsby جديد "hello world" ، وابدأ خادم التطوير:
افتح نافذة طرفية جديدة ، وقم بإنشاء موقع Gatsby جديد "hello world" ، وابدأ خادوم التطوير:


```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) بهيكله التالي:
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
لديك الآن موقع Gatsby جديد (استنادًا إلى "hello world" في Gatsby) بهيكله التالي:
لديك الآن موقع Gatsby جديد (مستند على حزمة البدء "hello world" في Gatsby) بالهيكل التالي:

@@ -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
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
#### ✋ إضافة أنماط إلى ملف css
#### ✋ إضافة تناسيق إلى ملف css

@@ -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.
> ملاحظة: لا تتردد في إنشاء هذه الدلائل والملفات باستخدام محرر الشفرة ، إذا كنت تفضل ذلك.
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
> ملاحظة: لا تتردد في إنشاء هذه الدلائل والملفات باستخدام محرر الشفرة ، إذا كنت تفضل ذلك.
> ملاحظة: لا تتردد في إنشاء هذه المجلدات والملفات باستخدام محرر الشفرة ، إذا كنت تفضل ذلك.

@@ -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`:
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
2. تحديد بعض الأنماط في ملف `global.css`:
2. تحديد بعض التناسيق في ملف `global.css`:

@3imed-jaberi 3imed-jaberi added changes-requested update needed This PR needs update since last commit and removed in-review labels Jan 5, 2020
@3imed-jaberi 3imed-jaberi self-assigned this Jan 5, 2020
@asantarissy asantarissy changed the title tutorial/part-two [WIP] translation of tutorial/part-two Jan 6, 2020
@asantarissy asantarissy changed the title [WIP] translation of tutorial/part-two [DONE] translation of tutorial/part-two Jan 6, 2020
@@ -1,45 +1,36 @@
---
title: Introduction to Styling in Gatsby
title: مقدمة في التصميم في Gatsby
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
title: مقدمة في التصميم في Gatsby
title: مقدمة في التنسيق في Gatsby

@3imed-jaberi
Copy link
Contributor

@musti-91, any update !?

- Component css
- CSS-in-JS
- CSS Modules
مرحبًا بك في الجزء الثاني من برنامج Gatsby التطبيقي!
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
مرحبًا بك في الجزء الثاني من برنامج Gatsby التطبيقي!
مرحبًا بك في الجزء الثاني من الدليل Gatsby التطبيقي!


### Creating global styles with standard CSS files
#### ✋ إنشاء موقع Gatsby الجديد
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
#### ✋ إنشاء موقع Gatsby الجديد
#### ✋ إنشاء موقع Gatsby جديد

@3imed-jaberi 3imed-jaberi removed changes-requested update needed This PR needs update since last commit labels Jan 15, 2020
Copy link
Contributor

@3imed-jaberi 3imed-jaberi left a 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 🚀 ..

@3imed-jaberi 3imed-jaberi merged commit ddabded into gatsbyjs:master Jan 15, 2020
@gatsbot
Copy link

gatsbot bot commented Jan 15, 2020

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:

  1. We’d like to send you some Gatsby swag. As a token of our appreciation, you can go to the Gatsby Swag Store and log in with your GitHub account to get a coupon code good for one free piece of swag. We’ve got Gatsby t-shirts, stickers, hats, scrunchies, and much more. (You can also unlock even more free swag with 5 contributions — wink wink nudge nudge.) See gatsby.dev/swag for details.
  2. We just invited you to join the Gatsby organization on GitHub. This will add you to our team of maintainers. Accept the invite by visiting https://github.com/orgs/gatsbyjs/invitation. By joining the team, you’ll be able to label issues, review pull requests, and merge approved pull requests.

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants