parent
feb8ef03cb
commit
61e3913aca
1 changed files with 21 additions and 3 deletions
|
@ -17,6 +17,24 @@ Astro هو باني موقع ثابت. تعرف أكثر حول ماهية Astro
|
|||
|
||||
أو إقرأ [دليل التثبيت](/installation) إن كنت تريد الغوص في عملية تهيئة Astro.
|
||||
|
||||
### أمثلة على بعض المشاريع
|
||||
|
||||
أن كنت تفضل التعلم عن طريق الأمثلة، ألقي نظرةٍ على [مكتبة الأمثلة الشاملة](https://github.com/snowpackjs/astro/tree/main/examples) المتواجدة على Github.
|
||||
|
||||
بمقدورك الإطلاع على أي من هذه الأمثلة وتجربتها مُباشرةً على جهازك،
|
||||
فقط نفذ الأمر <code ltr="left">npm init astro</code> متبوعًا بـ
|
||||
`--template`. الإشارة `--template` أيضًا تدعم الامثلة الخارجية التي يصنعها المجتمع
|
||||
|
||||
```bash
|
||||
# أمر تهيئة أحد القوالب الرسمية التي يوفرها استرو
|
||||
npm init astro -- --template [OFFICIAL_EXAMPLE_NAME]
|
||||
# أمر تهيئة القوالب الخارجية التي يوفرها المُجتمع
|
||||
npm init astro -- --template [GITHUB_USER]/[REPO_NAME]
|
||||
npm init astro -- --template [GITHUB_USER]/[REPO_NAME]/path/to/example
|
||||
```
|
||||
|
||||
</Code>
|
||||
|
||||
### جربه على المُتصفح
|
||||
|
||||
إن كنت مهتمًا وتريد اللعب وتجربة Astro على المتصفح، بمقدورك استخدام online code playground، جرب قالب مشروعنا "Hello World" على [CodeSandbox](https://codesandbox.io/s/astro-template-hugb3).
|
||||
|
@ -25,7 +43,7 @@ _ملحوظة: بعض المُميزات مُقتصرة على CodeSandbx (مث
|
|||
|
||||
## تعلمُ Astro
|
||||
|
||||
يأتي مختلف الأشخاص من خلفياتِ تعلم مُختلفة إلى Astro، أيًا كانت طريقة التعليم التي تفضلها سواءً أكنت تفضل الطريقة النظرية أو الطريقة العملية، نتمنى أن تجد هذا القسم مفيدًا.
|
||||
يأتي العديد الأشخاص من خلفياتِ تعلم مُختلفة إلى Astro، أيًا كانت طريقة التعليم التي تفضلها سواءً أكنت تفضل الطريقة النظرية أو الطريقة العملية، نتمنى أن تجد هذا القسم مفيدًا.
|
||||
|
||||
- إن كُنت تُفضل **التعلم من خلال التجربة العملية**، أبدأ من خلال [مكتبتنا للأمثلة](https://github.com/snowpackjs/astro/tree/main/examples).
|
||||
- إن كُنت تُفضل **التعلم من خلال الفهم خطوةً بخطوة**، أبدأ من خلال [دليل المفاهيم الأساسية والإرشادات](/core-concepts/project-structure).
|
||||
|
@ -41,7 +59,7 @@ _ملحوظة: بعض المُميزات مُقتصرة على CodeSandbx (مث
|
|||
|
||||
### مرجع للـAPI
|
||||
|
||||
يُفيدك هذا الجزء من التوثيق حينما تريد الإطلاع أكثر بشأن تفاصيل Astro API. على سبيل المثال، يتضمن [مرجع الإعداد](/reference/configuration-reference) قائمة لكل الإعدادات الممكنة المتاحة لكي تستخدمها. [المكونات المصممة مسبقًا](/reference/builtin-components) تتضمن قائمة بكل العناصر الرئيسية مثل <span dir="ltr">`<Markdown />` و `<Prism />`</span>.
|
||||
يُفيدك هذا الجزء من التوثيق حينما تريد الإطلاع أكثر بشأن تفاصيل Astro API. على سبيل المثال، يتضمن [مرجع الإعداد](/reference/configuration-reference) قائمة لكل الإعدادات الممكنة المتاحة لكي تستخدمها. [المكونات المصممة مسبقًا](/reference/builtin-components) تتضمن قائمة بكل العناصر الرئيسية مثل <span dir="ltr">`<Markdown />` و `<Code />`</span>.
|
||||
|
||||
### إصدارات التوثيق
|
||||
|
||||
|
@ -61,4 +79,4 @@ _ملحوظة: بعض المُميزات مُقتصرة على CodeSandbx (مث
|
|||
|
||||
## التَقدِير
|
||||
|
||||
دليل باشر بالبدأ معتمدٌ على دليل البدأ الخاص بـ[React](https://ar.reactjs.org/).
|
||||
دليل باشر بالبدأ معتمدٌ على دليل البدأ الخاص بـ[React](https://ar.reactjs.org/).
|
Loading…
Reference in a new issue