gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: converted single to triple backticks8 (#36235)

Browse Source
This commit is contained in:
Randell Dawson
2019-06-20 13:45:47 -07:00
committed by Tom
parent 54d303ce1f
commit 8f67cfa4d6
75 changed files with 1225 additions and 1125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
guide/arabic/git/git-squash/index.md
View File

@ -10,69 +10,74 @@ localeTitle: جيت سكواش
لذلك لنفترض أنك قمت باتباع سجل الإلتزام في الفرع الذي تريد دمجه كجزء من طلب السحب:
`$ git log --pretty=oneline --abbrev-commit
30374054 Add Jupyter Notebook stub to Data Science Tools
8490f5fc Minor formatting and Punctuation changes
3233cb21 Prototype for Notebook page
`
```shell
$ git log --pretty=oneline --abbrev-commit
30374054 Add Jupyter Notebook stub to Data Science Tools
8490f5fc Minor formatting and Punctuation changes
3233cb21 Prototype for Notebook page
```
من الواضح أننا نفضل أن يكون هناك التزام واحد هنا ، حيث أنه لا فائدة من معرفة ما بدأناه في الكتابة وما هي الأخطاء التي حددناها في وقت لاحق ، فإن النتيجة النهائية هي فقط ذات أهمية.
إذن ما نفعله هو بدء جلسة rebase تفاعلية من **HEAD** الحالي (ارتكبت **30374054** ) لارتكاب **3233cb21** ، مع نية الجمع بين **3** آخر التزام في واحد:
`$ git rebase -i HEAD~3
`
```shell
$ git rebase -i HEAD~3
```
سيؤدي ذلك إلى فتح محرر يحتوي على ما يلي:
`pick 3233cb21 Prototype for Notebook page
pick 8490f5fc Minor formatting and Punctuation changes
pick 30374054 Add Jupyter Notebook to Data Science Tools
# Rebase
#
# Commands:
# p, pick = use commit
# r, reword = use commit, but edit the commit message
# e, edit = use commit, but stop for amending
# s, squash = use commit, but meld into previous commit
# f, fixup = like "squash", but discard this commit's log message
# x, exec = run command (the rest of the line) using shell
#
# These lines can be re-ordered; they are executed from top to bottom.
#
# If you remove a line here THAT COMMIT WILL BE LOST.
#
# However, if you remove everything, the rebase will be aborted.
#
# Note that empty commits are commented out
`
```shell
pick 3233cb21 Prototype for Notebook page
pick 8490f5fc Minor formatting and Punctuation changes
pick 30374054 Add Jupyter Notebook to Data Science Tools
# Rebase
#
# Commands:
# p, pick = use commit
# r, reword = use commit, but edit the commit message
# e, edit = use commit, but stop for amending
# s, squash = use commit, but meld into previous commit
# f, fixup = like "squash", but discard this commit's log message
# x, exec = run command (the rest of the line) using shell
#
# These lines can be re-ordered; they are executed from top to bottom.
#
# If you remove a line here THAT COMMIT WILL BE LOST.
#
# However, if you remove everything, the rebase will be aborted.
#
# Note that empty commits are commented out
```
كما هو الحال دائمًا ، تقدم لنا Git رسالة مساعدة لطيفة للغاية حيث يمكنك رؤية خيار `squash` هذا الذي نبحث عنه.
حاليا تعليمات لrebase التفاعلية وتقول ل `pick` كل المحدد ارتكاب **والحفاظ** على المقابلة ارتكاب الرسالة. هذا هو - لا تغير أي شيء. لكننا نريد أن يكون لدينا التزام واحد فقط في النهاية. ببساطة قم بتحرير النص في محرر يمكنك استبدال `pick` مع `squash` (أو فقط `s` ) بجانب كل التزام نرغب في التخلص منه وحفظ / الخروج من المحرر. قد يبدو هذا كما يلي:
`s 3233cb21 Prototype for Notebook page
s 8490f5fc Minor formatting and Punctuation changes
pick 30374054 Add Jupyter Notebook to Data Science Tools
`
```shell
s 3233cb21 Prototype for Notebook page
s 8490f5fc Minor formatting and Punctuation changes
pick 30374054 Add Jupyter Notebook to Data Science Tools
```
عند إغلاق المحرر بحفظ هذه التغييرات ، سيتم إعادة فتحه على الفور ، مما يشير إلى اختيار رسائل الالتزام وإعادة صياغتها. شيء مثل
`# This is a combination of 3 commits.
# The first commit's message is:
Prototype for Notebook page
```shell
# This is a combination of 3 commits.
# The first commit's message is:
Prototype for Notebook page
# This is the 2nd commit message:
# This is the 2nd commit message:
Minor formatting and Punctuation changes
Minor formatting and Punctuation changes
# This is the 3rd commit message:
# This is the 3rd commit message:
Add Jupyter Notebook to Data Science Tools
Add Jupyter Notebook to Data Science Tools
# Please enter the commit message for your changes. Lines starting
# with '#' will be ignored, and an empty message aborts the commit.
`
# Please enter the commit message for your changes. Lines starting
# with '#' will be ignored, and an empty message aborts the commit.
```
في هذه المرحلة ، يمكنك حذف جميع الرسائل التي لا تريد تضمينها في نسخة الالتزام النهائية ، أو إعادة كتابتها أو مجرد كتابة رسالة التزام من نقطة الصفر. فقط تذكر أن الإصدار الجديد سيشتمل على جميع الأسطر التي لا تبدأ بحرف `#` . مرة أخرى ، قم بحفظ محررك والخروج منه.

41
guide/arabic/git/git-stash/index.md
View File

@ -12,8 +12,9 @@ localeTitle: جيت ستاش
لحفظ تغييراتك في المخبأ ، شغّل الأمر:
`git stash save "optional message for yourself"
`
```shell
git stash save "optional message for yourself"
```
هذا يحفظ التغييرات الخاصة بك ويعيد دليل العمل إلى ما بدا لأحدث الالتزام. تتوفر التغييرات المحززة من أي فرع في هذا المستودع.
@ -23,24 +24,26 @@ localeTitle: جيت ستاش
لمعرفة ما يوجد في خبأتك ، شغّل الأمر:
`git stash list
`
```shell
git stash list
```
يؤدي هذا إلى إرجاع قائمة من اللقطات المحفوظة الخاصة بك بتنسيق الصيغة `stash@{0}: BRANCH-STASHED-CHANGES-ARE-FOR: MESSAGE` . الجزء `stash@{0}` هو اسم المخبأ ، والرقم الموجود في الأقواس المتعرجة ( `{ }` ) هو فهرس ذلك المخبأ. إذا كانت لديك مجموعات تغيير متعددة مخزنة ، فسيكون لكل مجموعة فهرس مختلف.
إذا نسيت التغييرات التي تم إجراؤها في المخبأ ، فيمكنك الاطلاع على ملخص لها باستخدام `git stash show NAME-OF-STASH` . إذا كنت ترغب في رؤية تخطيط تصحيح نمط diff النموذجية (مع + و s الخاص بالتغييرات سطر - بواسطة - خط) ، يمكنك تضمين الخيار `-p` (من أجل التصحيح). إليك مثال على ذلك:
`git stash show -p stash@{0}
```shell
git stash show -p stash@{0}
# Example result:
diff --git a/PathToFile/fileA b/PathToFile/fileA
index 2417dd9..b2c9092 100644
--- a/PathToFile/fileA
+++ b/PathToFile/fileA
@@ -1,4 +1,4 @@
-What this line looks like on branch
+What this line looks like with stashed changes
`
# Example result:
diff --git a/PathToFile/fileA b/PathToFile/fileA
index 2417dd9..b2c9092 100644
--- a/PathToFile/fileA
+++ b/PathToFile/fileA
@@ -1,4 +1,4 @@
-What this line looks like on branch
+What this line looks like with stashed changes
```
### استرداد التغييرات الثابتة
@ -55,13 +58,15 @@ localeTitle: جيت ستاش
إذا كنت تريد إزالة التغييرات المظللة دون تطبيقها ، فقم بتشغيل الأمر:
`git stash drop STASH-NAME
`
```shell
git stash drop STASH-NAME
```
لمسح المخبأ بالكامل ، قم بتشغيل الأمر:
`git stash clear
`
```shell
git stash clear
```
### معلومات اكثر:

5
guide/arabic/git/git-status/index.md
View File

@ -10,7 +10,8 @@ localeTitle: حالة Git
### استعمال
`git status
`
```shell
git status
```
قائمة الملفات التي يتم تنظيمها بدون ترتيب أو عدم تعقب.

28
guide/arabic/git/gitignore/index.md
View File

@ -18,26 +18,28 @@ localeTitle: .gitignore
هذا مثال لما قد يبدو عليه ملف `.gitignore` :
`# Ignore Mac system files
.DS_store
```
# Ignore Mac system files
.DS_store
# Ignore node_modules folder
node_modules
# Ignore node_modules folder
node_modules
# Ignore all text files
*.txt
# Ignore all text files
*.txt
# Ignore files related to API keys
.env
# Ignore files related to API keys
.env
# Ignore SASS config files
.sass-cache
`
# Ignore SASS config files
.sass-cache
```
لإضافة أو تغيير ملف .gitignore العام ، قم بتشغيل الأمر التالي:
`git config --global core.excludesfile ~/.gitignore_global
`
```bash
git config --global core.excludesfile ~/.gitignore_global
```
سيؤدي ذلك إلى إنشاء الملف `~/.gitignore_global` . الآن يمكنك تحرير هذا الملف بنفس طريقة ملف `.gitignore` المحلي. ستتجاهل جميع مستودعات Git الملفات والمجلدات المدرجة في ملف `.gitignore` .

26
guide/arabic/git/index.md
View File

@ -62,23 +62,26 @@ Git هو نظام تحكم في إصدار الموزعة مفتوح المصد
يتضمن Git اسم المستخدم والبريد الإلكتروني كجزء من المعلومات الموجودة في الالتزام. ستحتاج إلى إعداد هذا ضمن ملف التهيئة على مستوى المستخدم باستخدام هذه الأوامر:
`git config --global user.name "My Name"
git config --global user.email "myemail@example.com"
`
```shell
git config --global user.name "My Name"
git config --global user.email "myemail@example.com"
```
#### تغيير محرر النص الخاص بك
يستخدم Git تلقائيًا محرر النصوص الافتراضي ، ولكن يمكنك تغيير ذلك. في ما يلي مثال لاستخدام محرر Atom بدلاً منه (الخيار `--wait` يخبر shell بانتظار محرر النص حتى تتمكن من القيام `--wait` فيه قبل أن ينتقل البرنامج):
`git config --global core.editor "atom --wait"
`
```shell
git config --global core.editor "atom --wait"
```
#### إضافة اللون إلى إخراج Git
يمكنك تكوين shell الخاص بك لإضافة اللون إلى إخراج Git باستخدام هذا الأمر:
`git config --global color.ui true
`
```shell
git config --global color.ui true
```
للاطلاع على جميع إعدادات التهيئة ، استخدم الأمر `git config --list` .
@ -92,10 +95,11 @@ Git هو نظام تحكم في إصدار الموزعة مفتوح المصد
إذا نسيت كيف يعمل أي أمر في Git ، فيمكنك الوصول إلى مساعدة Git من سطر الأوامر بعدة طرق:
`git help COMMAND
git COMMAND --help
man git-COMMAND
`
```shell
git help COMMAND
git COMMAND --help
man git-COMMAND
```
هذا يعرض الصفحة اليدوية للأمر في إطار shell الخاص بك. للتنقل ، انتقل باستخدام مفاتيح الأسهم لأعلى ولأسفل أو استخدم اختصارات لوحة المفاتيح التالية:

155
guide/arabic/git/tagging-in-git/index.md
View File

@ -6,33 +6,38 @@ localeTitle: وضع العلامات في جيت
لعرض جميع العلامات المنشأة بترتيب أبجدي:
`git tag
`
```bash
git tag
```
للحصول على مزيد من المعلومات حول علامة:
`git show v1.4
`
```bash
git show v1.4
```
هناك نوعان من العلامات:
1. المشروح
`git tag -a v1.2 -m "my version 1.4"
`
```bash
git tag -a v1.2 -m "my version 1.4"
```
2. وزن خفيف
`git tag v1.2
`
```bash
git tag v1.2
```
تختلف في الطريقة التي يتم تخزينها.
هذه خلق علامات على التزامك الحالي.
إذا كنت تريد وضع علامة على التزام سابق ، فحدد رقم تعريف الالتزام الذي ترغب في وضع علامة عليه:
`git tag -a v1.2 9fceb02
`
```bash
git tag -a v1.2 9fceb02
```
يمكن استخدام أسماء العلامات بدلًا من استخدام المعرفات أثناء السحب والدفع بالالتزامات إلى repo بعيد.
@ -43,20 +48,22 @@ localeTitle: وضع العلامات في جيت
يمكنك إدراج جميع العلامات المتاحة في مشروع باستخدام الأمر `git tag` (nate that they will appear بالترتيب الأبجدي):
`$ git tag
v1.0
v2.0
v3.0
`
```
$ git tag
v1.0
v2.0
v3.0
```
تعد هذه الطريقة من علامات الإدراج رائعة للمشروعات الصغيرة ، ولكن يمكن أن تتضمن المشروعات الأكبر مئات العلامات ، لذلك قد تحتاج إلى ترشيحها عند البحث عن نقطة مهمة في التاريخ. يمكنك العثور على العلامات التي تحتوي على أحرف محددة تضيف - `-l` إلى أمر `git tag` :
`$ git tag -l "v2.0*"
v2.0.1
v2.0.2
v2.0.3
v2.0.4
`
```
$ git tag -l "v2.0*"
v2.0.1
v2.0.2
v2.0.3
v2.0.4
```
## قم بإنشاء علامة
@ -66,13 +73,14 @@ localeTitle: وضع العلامات في جيت
لإنشاء علامة مشفرة ، قم بإضافة علامة `-a tagname -m "tag message"` إلى أمر `git tag` :
`$ git tag -a v4.0 -m "release version 4.0"
$ git tag
v1.0
v2.0
v3.0
v4.0
`
```
$ git tag -a v4.0 -m "release version 4.0"
$ git tag
v1.0
v2.0
v3.0
v4.0
```
كما ترى ، يحدد `-a` أنك تقوم بإنشاء علامة توضيحية ، بعد أن يأتي اسم العلامة وأخيراً ، `-m` متبوعة برسالة العلامة للتخزين في قاعدة البيانات Git.
@ -80,14 +88,15 @@ localeTitle: وضع العلامات في جيت
علامات خفيفة الوزن تحتوي فقط على المجموع الاختباري المرتبط (لا يتم تخزين أي معلومات أخرى). لإنشاء واحدة ، ما عليك سوى تشغيل الأمر `git tag` بدون أي خيارات أخرى (يتم استخدام الأحرف -lw في نهاية الاسم للإشارة إلى علامات خفيفة ، ولكن يمكنك تمييزها كما تريد):
`$ git tag v4.1-lw
$ git tag
v1.0
v2.0
v3.0
v4.0
v4.1-lw
`
```
$ git tag v4.1-lw
$ git tag
v1.0
v2.0
v3.0
v4.0
v4.1-lw
```
في هذه المرة لم تحدد رسالة أو بيانات أخرى ذات صلة ، لذلك تحتوي العلامة على المجموع الاختباري للالتزام المرتبط فقط.
@ -95,29 +104,31 @@ localeTitle: وضع العلامات في جيت
يمكنك تشغيل أمر `git show` لعرض البيانات المخزنة في علامة. في حالة العلامات التوضيحية ، سترى بيانات العلامة وبيانات الالتزام:
`$ git show v4.0
tag v4.0
Tagger: John Cash <john@cash.com>
Date: Mon Sat 28 15:00:25 2017 -0700
```
$ git show v4.0
tag v4.0
Tagger: John Cash <john@cash.com>
Date: Mon Sat 28 15:00:25 2017 -0700
release version 4.0
release version 4.0
commit da43a5fss745av88d47839247990022a98419093
Author: John Cash <john@cash.com>
Date: Fri Feb 20 20:30:05 2015 -0700
commit da43a5fss745av88d47839247990022a98419093
Author: John Cash <john@cash.com>
Date: Fri Feb 20 20:30:05 2015 -0700
finished details
`
```
إذا كانت العلامة التي تشاهدها علامة خفيفة ، فسترى بيانات الالتزام المحالة فقط:
`$ git show v1.4-lw
commit da43a5f7389adcb9201ab0a289c389ed022a910b
Author: John Cash <john@cash.com>
Date: Fri Feb 20 20:30:05 2015 -0700
```
$ git show v1.4-lw
commit da43a5f7389adcb9201ab0a289c389ed022a910b
Author: John Cash <john@cash.com>
Date: Fri Feb 20 20:30:05 2015 -0700
finished details
`
```
## وضع علامات على الالتزام القديم
@ -125,29 +136,32 @@ localeTitle: وضع العلامات في جيت
أولاً ، قم بتشغيل git log للتعرف على المجموع الاختباري للالتزام المطلوب:
`$ git log --pretty=oneline
ac2998acf289102dba00823821bee04276aad9ca added products section
d09034bdea0097726fd8383c0393faa0072829a7 refactorization
a029ac120245ab012bed1ca771349eb9cca01c0b modified styles
da43a5f7389adcb9201ab0a289c389ed022a910b finished details
0adb03ca013901c1e02174924486a08cea9293a2 small fix in search textarea styles
`
```
$ git log --pretty=oneline
ac2998acf289102dba00823821bee04276aad9ca added products section
d09034bdea0097726fd8383c0393faa0072829a7 refactorization
a029ac120245ab012bed1ca771349eb9cca01c0b modified styles
da43a5f7389adcb9201ab0a289c389ed022a910b finished details
0adb03ca013901c1e02174924486a08cea9293a2 small fix in search textarea styles
```
عندما يكون لديك المجموع الاختباري المطلوب ، أضفه في نهاية سطر إنشاء العلامة:
`$ git tag -a v3.5 a029ac
`
```
$ git tag -a v3.5 a029ac
```
سترى علامة تم إضافة `git tag` بشكل صحيح:
`$ git tag
v1.0
v2.0
v3.0
v3.5
v4.0
v4.1-lw
`
```
$ git tag
v1.0
v2.0
v3.0
v3.5
v4.0
v4.1-lw
```
## دفع علامات
@ -180,10 +194,11 @@ $ git checkout v0.0.3 ملاحظة: التحقق من "v0.0.3".
أنت في حالة "فصل الرأس". يمكنك أن تنظر حولك وتجعلها تجريبية التغييرات والالتزام بها ، ويمكنك تجاهل أي تعهدات تجريها في هذا الشأن دون التأثير على أي فروع عن طريق إجراء عملية دفع أخرى.
`## Deleting a Tag
```
## Deleting a Tag
You may find a situation were you want to delete a certain tag. There's a very useful command for this situations:
`
You may find a situation were you want to delete a certain tag. There's a very useful command for this situations:
```
علامة git $ - حذف v0.0.2 علامة git $ v0.0.1 v0.0.3 v0.0.4 \`\` \`

56
guide/arabic/go/functions/index.md
View File

@ -6,10 +6,11 @@ localeTitle: الذهاب وظائف
تأخذ الدالة صفرًا أو أكثر من أي معلمة من أي نوع ، وتقوم ببعض المنطق معها وقد ترجع واحدة أو أكثر من القيم. بناء جملة الدالة Golang هو:
`func sum(parameter1 int64, parameter2 int64) int64 {
```go
func sum(parameter1 int64, parameter2 int64) int64 {
return parameter1+parameter2
}
`
}
```
هنا ، اسم الوظيفة هو `add` . فإنه يأخذ إلى المعلمات ، `parameter1` و `parameter2` من النوع `int64` وإرجاع int64 آخر ، مجموع المعلمتين.
@ -17,19 +18,21 @@ localeTitle: الذهاب وظائف
بعد `return` التوصل، مخارج وظيفة دون تنفيذ المزيد من التعليمات البرمجية.
`func sum(parameter1 int64, parameter2 int64) int64 {
```go
func sum(parameter1 int64, parameter2 int64) int64 {
return parameter1+parameter2
// Unreachable code
fmt.Printf("Don't print me")
}
`
}
```
### استدعاء وظيفة
سيتم تسمية الوظيفة المذكورة أعلاه على النحو التالي:
`sum(4, 5)
`
```go
sum(4, 5)
```
قيمة هذا التعبير هي 9.
@ -37,10 +40,11 @@ localeTitle: الذهاب وظائف
إذا كانت معلمتان متتاليتان أو أكثر من نفس النوع ، فيمكن ذكرها مرة واحدة فقط.
`function foo(x, y, z int64, name string) {
```go
function foo(x, y, z int64, name string) {
fmt.Printf("%d %d %d %s", x, y, z, name)
}
`
}
```
هنا `x` و `y` و `z` اكتب `int64` ، `name` عبارة عن سلسلة.
@ -48,31 +52,35 @@ localeTitle: الذهاب وظائف
يمكن أن تقوم الدالة بإرجاع قيم الصفر أو أكثر. لإرجاع أي شيء ، احذف نوع الإرجاع:
`function helloWorld() {
```go
function helloWorld() {
fmt.Printf("Hello world!")
}
`
}
```
لإرجاع قيمة واحدة حدد نوعه:
`function getHelloWorld() string {
```go
function getHelloWorld() string {
return "Hello world!"
}
`
}
```
لإرجاع أكثر من قيمة ، حدد أنواعها ، ملفوفة في `()` ومفصولة بفواصل:
`function getHelloWorldAndBestLanguage() (string, string) {
```go
function getHelloWorldAndBestLanguage() (string, string) {
return "Hello world!", "Golang"
}
`
}
```
لتلقي هذه القيم ، قم ببساطة بتعريف المتغيرات المفصولة بفواصل مثل:
`helloWorld, bestLanguage := getHelloWorldAndBestLanguage()
// helloWorld == "Hello world!"
// bestLanguage == "Golang"
`
```go
helloWorld, bestLanguage := getHelloWorldAndBestLanguage()
// helloWorld == "Hello world!"
// bestLanguage == "Golang"
```
### عوائد عارية

23
guide/arabic/go/go-functions/index.md
View File

@ -8,24 +8,27 @@ localeTitle: الذهاب وظائف
يبدأ تعريف الدالة بالكلمة الأساسية `func` متبوعة باسم الدالة ثم وسيطات الدالة وأخيراً أنواع القيم التي تم إرجاعها. يربط التصريح اسم الدالة بالوظيفة. ضع في اعتبارك أن النوع يأتي بعد اسم المتغير في كل من الوسيطات والقيم التي تم إرجاعها. مثال لإعلان الدالة هو ما يلي
`func add(a int, b int) int
`
```go
func add(a int, b int) int
```
يمكن أن تحتوي الدالة على 0 أو العديد من الوسائط استنادًا إلى وظيفتها المطلوبة
`func zero() int { /* Function Definition */ }
func increment(x int) int { /* Function Definition */ }
func add(x, y int) int { /* Function Definition */ }
`
```go
func zero() int { /* Function Definition */ }
func increment(x int) int { /* Function Definition */ }
func add(x, y int) int { /* Function Definition */ }
```
يدعم Go إرجاع قيم متعددة. تقوم الدالة التالية بإرجاع قيمتين: مجموع الوسيطتين ، والفرق بين الوسيط الأول والثاني
`func addAndSubtract(x, y int) (int, int) {
```go
func addAndSubtract(x, y int) (int, int) {
return x + y, x - y
}
}
addAndSubtract(7, 4) // Returns 11, 3
`
addAndSubtract(7, 4) // Returns 11, 3
```
Go يعتمد أيضًا تسمية القيم التي تم إرجاعها

30
guide/arabic/go/go-maps/index.md
View File

@ -6,13 +6,15 @@ localeTitle: الذهاب خرائط
خريطة تسمى " _قاموس"_ بلغات أخرى ، ومفاتيح "خرائط" للقيم. يتم الإعلان عن خريطة مثل هذا:
`var m map[Key]Value
`
```go
var m map[Key]Value
```
لا تحتوي هذه الخريطة على مفاتيح ولا يمكن إضافة مفاتيح إليها. لإنشاء خريطة ، استخدم وظيفة `make` :
`m = make(map[Key]Value)
`
```go
m = make(map[Key]Value)
```
يمكن استخدام أي شيء كمفتاح أو كقيمة.
@ -24,29 +26,33 @@ localeTitle: الذهاب خرائط
إنشاء أو تغيير عنصر `foo` في الخريطة `m` :
`m["foo"] = bar
`
```go
m["foo"] = bar
```
#### الحصول على العناصر
احصل على عنصر مع مفتاح `foo` في الخريطة `m` :
`element = m["foo"]
`
```go
element = m["foo"]
```
#### حذف العناصر
حذف عنصر مع مفتاح `foo` في الخريطة `m` :
`delete(m, "foo")
`
```go
delete(m, "foo")
```
#### تحقق مما إذا كان المفتاح قد تم استخدامه
تحقق من استخدام مفتاح `foo` في الخريطة `m` :
`element, ok = m["foo"]
`
```go
element, ok = m["foo"]
```
إذا كان `ok` `true` ، فقد تم استخدام المفتاح ويحمل `element` القيمة عند `m["foo"]` . إذا كان `ok` `false` ، فهذا يعني أن المفتاح لم يتم استخدامه وأن `element` يحتفظ بقيمه الصفرية.

43
guide/arabic/go/go-structs/index.md
View File

@ -6,13 +6,14 @@ localeTitle: الذهاب الهياكل
في الذهاب ، يتم استخدام البنى لتخزين البيانات والوظائف ذات الصلة. قد يكون أحد الأمثلة بنية لتمثيل مستخدم:
`type User struct {
```go
type User struct {
FirstName string
LastName string
Email string
Age int
}
`
}
```
هنا يمكننا تخزين الاسم الأول للمستخدم واسم العائلة وعنوان البريد الإلكتروني والعمر. يتبع اسم الخاصية نوع البيانات التي نريد تخزينها. على سبيل المثال ، الخاصية `FirstName` هي `string` بينما تكون الخاصية `Age` `int` .
@ -20,7 +21,8 @@ localeTitle: الذهاب الهياكل
لتهيئة كائن جديد ، يمكننا استخدام صيغة Go المختصرة لإنشاء وتعيين المتغيرات. يمكننا إما تمرير البيانات في هذه المرحلة أو تعيين البيانات في وقت لاحق:
`func main() {
```go
func main() {
// Create a user and set both the first and last name properties
user1 := User{
FirstName: "John",
@ -30,17 +32,18 @@ localeTitle: الذهاب الهياكل
// Now we have our user object, we can set the data like this
user1.Email = "john@wick.com"
user1.Age = 30
}
`
}
```
### طرق الكائن
Go تمكن من تخصيص طرق للبنى. يتيح ذلك تجميع العمليات ذات الصلة بالبيانات التي تؤثر عليها. في هذا المثال ، سنكتب طريقة في بنية `User` لإنشاء الاسم الكامل للمستخدم:
`func (u User) FullName() string {
```go
func (u User) FullName() string {
return strings.Join([]string{u.FirstName, u.LastName}, " ")
}
`
}
```
ستنضم هذه الطريقة إلى الاسم الأول والأخير للمستخدم مع وجود مسافة بينهما. قد يبدو استدعاء الطريقة كما يلي:
@ -63,7 +66,8 @@ Go تمكن من تخصيص طرق للبنى. يتيح ذلك تجميع الع
يمكن أن تحتوي الهياكل على كل من المصدرين (العام) والخصائص غير المُصدرة (الخاصة). يتم تعيين هذا إما عن طريق وجود حرف كبير لأول حرف للتصدير أو الحرف الأول صغير لم يتم تصديره. في هذا المثال ، سنجعل خاصية البريد الإلكتروني خاصة:
`type User struct {
```go
type User struct {
// Exported Data
FirstName string
LastName string
@ -71,8 +75,8 @@ Go تمكن من تخصيص طرق للبنى. يتيح ذلك تجميع الع
// Unexported Data
email string
}
`
}
```
سيجعل هذا الإجراء التعليمة البرمجية التالية بطرح خطأ في وقت الإنشاء أثناء محاولة التفاعل مع خاصية unexported:
@ -81,16 +85,17 @@ Go تمكن من تخصيص طرق للبنى. يتيح ذلك تجميع الع
هذا ينطبق أيضًا على الطرق:
`// Exported method. This can be called from anywhere
func (u User) Email() {
```go
// Exported method. This can be called from anywhere
func (u User) Email() {
return u.email
}
}
// Unexported method. This can only be called by other methods on this struct
func (u User) updateLoginCount {
// Unexported method. This can only be called by other methods on this struct
func (u User) updateLoginCount {
// code to update login count...
}
`
}
```
### تعديل الخصائص عبر الطرق

22
guide/arabic/go/hello-world/index.md
View File

@ -29,30 +29,34 @@ localeTitle: مرحبا العالم في الذهاب
### إعلان الحزمة
`package main
`
```go
package main
```
أثناء التنقل ، يرتبط كل برنامج بـ "حزمة" أو مجموعة من البرامج المرتبطة. الاستثناء الملحوظ هو الحزمة الخاصة "الرئيسية" ، والتي تشير إلى الذهاب complier أنه ينبغي تشغيل البرنامج التالي.
### واردات
`import “fmt”
`
```
import “fmt”
```
إذا كنت ترغب في استخدام وظائف من حزم أخرى ، فإنك تحتاج إلى استيرادها. هناك حزم معينة تم تطويرها بواسطة مشرفي الصيانة (تسمى "المكتبة القياسية") ويمكن العثور عليها على https://golang.org/pkg/. في هذه الحالة ، نحتاج إلى حزمة "fmt" لبياننا المطبوع (أدناه).
### إعلان الدالة
`func main() {
}
`
```go
func main() {
}
```
وظائف هي قلب أي برنامج في الذهاب. يمكن أن يكون لديهم حجج وقيم عودة ، لكن الوظيفة `main` لا تقوم بأي من هذه. يعمل بمثابة "نقطة دخول" ، أو حيث يبدو يبدو أولاً لتشغيل البرنامج. نريد أن يقوم برنامج Hello World الخاص بنا بالطباعة ، لذا نريد وضع الشفرة هنا.
### بيان مطبوع
`fmt.Println("Hello, world!")
`
```go
fmt.Println("Hello, world!")
```
لا يتطلب Go فواصل منقوطة في نهاية الأسطر ، حيث يضيفها complier تلقائياً. تعمل حزمة `fmt` (التي قمنا باستيرادها أعلاه!) على وظيفة `Println` ، والتي نستخدمها باستخدام `.` بناء الجملة. نمر الحجج إلى الوظيفة بين Parens. في هذه الحالة ، تكون الوسيطة هي السلسلة التي نريد طباعتها ( `"Hello, world!"` ). لاحظ أن السلسلة نفسها محاطة بعلامات اقتباس.

55
guide/arabic/go/index.md
View File

@ -16,9 +16,10 @@ localeTitle: اذهب
#### تثبيت Golang مع البيرة:
`$ brew update
$ brew install golang
`
```bash
$ brew update
$ brew install golang
```
#### عند التثبيت ، حاول تشغيل إصدار go لمشاهدة الإصدار المثبت من Go.
@ -30,8 +31,9 @@ localeTitle: اذهب
سنقوم بإضافة بعض متغيرات البيئة إلى تهيئة shell. واحد من الملفات الموجودة في bash\_profile دليل المنزل الخاص بك ، bashrc أو. zshrc (للوه يا جيش Zsh)
`$ vi .bashrc
`
```bash
$ vi .bashrc
```
\`
@ -39,21 +41,23 @@ localeTitle: اذهب
#### هذا هو في الواقع ملف .bashrc الخاص بك
`export GOPATH=$HOME/go-workspace # don't forget to change your path correctly!
export GOROOT=/usr/local/opt/go/libexec
export PATH=$PATH:$GOPATH/bin
export PATH=$PATH:$GOROOT/bin
`
```bash
export GOPATH=$HOME/go-workspace # don't forget to change your path correctly!
export GOROOT=/usr/local/opt/go/libexec
export PATH=$PATH:$GOPATH/bin
export PATH=$PATH:$GOROOT/bin
```
## \#### إنشاء مساحة العمل الخاصة بك:
##### قم بإنشاء شجرة أدلة مساحة العمل:
`$ mkdir -p $GOPATH $GOPATH/src $GOPATH/pkg $GOPATH/bin
$GOPATH/src : Where your Go projects / programs are located
$GOPATH/pkg : contains every package objects
$GOPATH/bin : The compiled binaries home
`
```bash
$ mkdir -p $GOPATH $GOPATH/src $GOPATH/pkg $GOPATH/bin
$GOPATH/src : Where your Go projects / programs are located
$GOPATH/pkg : contains every package objects
$GOPATH/bin : The compiled binaries home
```
### بداية سريعة
@ -61,21 +65,24 @@ localeTitle: اذهب
1. مستودع استنساخ سبائك
`git clone https://github.com/olliecoleman/alloy
cd alloy
`
```
git clone https://github.com/olliecoleman/alloy
cd alloy
```
2. تثبيت التبعيات
`glide install
npm install
`
```
glide install
npm install
```
3. ابدأ خادم التطوير
`go install
alloy dev
`
```
go install
alloy dev
```
4. زيارة الموقع على `http://localhost:1212`

14
guide/arabic/go/installing-go/arch-linux/index.md
View File

@ -6,16 +6,18 @@ localeTitle: تثبيت Go في Arch Linux باستخدام pacman
استخدام Arc Linux Linux Manager (pacman) هو أسهل طريقة لتثبيت Go. استنادًا إلى فلسفة Arch Linux في تقديم إصدارات برامج جديدة بسرعة ، ستحصل على إصدار حالي جدًا من الانتقال. قبل أن تتمكن من تثبيت حزمة الانتقال ، يجب عليك تحديث النظام.
`$ sudo pacman -Syu
$ sudo pacman -S go
`
```sh
$ sudo pacman -Syu
$ sudo pacman -S go
```
#### تحقق من التثبيت وإصدار من الذهاب
للتحقق مما إذا تم تشغيل go بنجاح ، استخدم:
`$ go version
> go version go2.11.1 linux/amd64
`
```sh
$ go version
> go version go2.11.1 linux/amd64
```
سيطبع هذا إلى إصدار وحدة التحكم ، بينما يتأكد في نفس الوقت من أن عملية التثبيت سارت بسلاسة.

5
guide/arabic/go/installing-go/mac-package-installer/index.md
View File

@ -12,7 +12,8 @@ localeTitle: تثبيت Go في نظام التشغيل Mac OS X باستخدا
للتحقق مما إذا كان قد تم تركيب go بنجاح ، افتح الجهاز الخاص بك واستخدم:
`$ go version
`
```sh
$ go version
```
يجب أن يطبع هذا إلى إصدار وحدة التحكم ، بينما يتأكد في نفس الوقت من أن عملية التثبيت سارت بسلاسة.

14
guide/arabic/go/installing-go/mac-tarball/index.md
View File

@ -16,16 +16,18 @@ localeTitle: تثبيت Go in Mac OS X باستخدام tarball
##### تثبيت Go 1.9.1
`$ curl -O https://storage.googleapis.com/golang/go1.9.1.darwin-amd64.tar.gz
$ sudo tar -C /usr/local -xzf go1.9.1.darwin-amd64.tar.gz
$ export PATH=$PATH:/usr/local/go/bin
`
```
$ curl -O https://storage.googleapis.com/golang/go1.9.1.darwin-amd64.tar.gz
$ sudo tar -C /usr/local -xzf go1.9.1.darwin-amd64.tar.gz
$ export PATH=$PATH:/usr/local/go/bin
```
#### تحقق من التثبيت وإصدار من الذهاب
للتحقق مما إذا تم تشغيل go بنجاح ، استخدم:
`$ go version
`
```sh
$ go version
```
يجب أن يطبع هذا إلى إصدار وحدة التحكم ، بينما يتأكد في نفس الوقت من أن عملية التثبيت سارت بسلاسة.

14
guide/arabic/go/installing-go/ubuntu-apt-get/index.md
View File

@ -8,16 +8,18 @@ localeTitle: تثبيت Go في Ubuntu باستخدام apt-get
> حتى كتابة هذه السطور ، فإن نسخة Ubuntu Xenial من go هي 1.6.1 ، بينما الأحدث إصدار مستقر هو 1.9.1
`$ sudo apt-get update
$ sudo apt-get install golang-go
`
```sh
$ sudo apt-get update
$ sudo apt-get install golang-go
```
#### تحقق من التثبيت وإصدار من الذهاب
للتحقق مما إذا تم تشغيل go بنجاح ، استخدم:
`$ go version
> go version go1.9.1 linux/amd64
`
```sh
$ go version
> go version go1.9.1 linux/amd64
```
سيطبع هذا إلى إصدار وحدة التحكم ، بينما يتأكد في نفس الوقت من أن عملية التثبيت سارت بسلاسة.

30
guide/arabic/go/installing-go/ubuntu-tarball/index.md
View File

@ -10,8 +10,9 @@ localeTitle: تثبيت Go في Ubuntu باستخدام tarball
قبل المتابعة تأكد من معرفة ما إذا كان النظام الخاص بك هو 32 أو 64 بت. إذا كنت لا تعرف ، فقم بتشغيل الأمر التالي لمعرفة ما يلي:
`$ lscpu | grep Architecture
`
```sh
$ lscpu | grep Architecture
```
إذا كنت ترى `Architecture: x86_64` النظام الخاص بك هو 64 بت ، وإلا إذا حصلت على `Architecture: i686` ، فإن النظام الخاص بك هو 32 بت. الآن بعد أن تعرفت على بنية النظام الخاص بك ، دعونا المضي قدما.
@ -35,24 +36,27 @@ localeTitle: تثبيت Go في Ubuntu باستخدام tarball
##### انتقل 1.9.1 لأنظمة 64 بت:
`$ wget https://storage.googleapis.com/golang/go1.9.1.linux-amd64.tar.gz
$ sudo tar -C /usr/local -xzf go1.9.1.linux-amd64.tar.gz
$ export PATH=$PATH:/usr/local/go/bin
`
```
$ wget https://storage.googleapis.com/golang/go1.9.1.linux-amd64.tar.gz
$ sudo tar -C /usr/local -xzf go1.9.1.linux-amd64.tar.gz
$ export PATH=$PATH:/usr/local/go/bin
```
##### انتقل 1.9.1 لأنظمة 32bit:
`$ wget https://storage.googleapis.com/golang/go1.9.1.linux-386.tar.gz
$ sudo tar -C /usr/local -xzf go1.9.1.linux-386.tar.gz
$ export PATH=$PATH:/usr/local/go/bin
`
```
$ wget https://storage.googleapis.com/golang/go1.9.1.linux-386.tar.gz
$ sudo tar -C /usr/local -xzf go1.9.1.linux-386.tar.gz
$ export PATH=$PATH:/usr/local/go/bin
```
#### تحقق من التثبيت وإصدار من الذهاب
للتحقق مما إذا تم تشغيل go بنجاح ، استخدم:
`$ go version
> go version go1.9.1 linux/amd64
`
```sh
$ go version
> go version go1.9.1 linux/amd64
```
سيطبع هذا إلى إصدار وحدة التحكم ، بينما يتأكد في نفس الوقت من أن عملية التثبيت سارت بسلاسة.

5
guide/arabic/go/installing-go/windows-installer/index.md
View File

@ -20,7 +20,8 @@ localeTitle: تثبيت Go في Windows باستخدام MSI Installer
للتحقق مما إذا تم تشغيل go بنجاح ، افتح موجه الأوامر واستخدم:
`> go version
`
```
> go version
```
يجب أن يطبع هذا إلى إصدار وحدة التحكم ، بينما يتأكد في نفس الوقت من أن عملية التثبيت سارت بسلاسة.

7
guide/arabic/go/loops/index.md
View File

@ -45,8 +45,9 @@ localeTitle: الحلقات
اذهب إلى عن على { // Whill loop حتى يفصل الشرط عن العروة كسر // الخروج من الحلقة }
`## Replacement for while-loop
To simulate while-loop of other languages, you can simply exclude the **init** and **post** statement:
`
```
## Replacement for while-loop
To simulate while-loop of other languages, you can simply exclude the **init** and **post** statement:
```
اذهب func main () { الأسطوانات: = 1 لـ num <= 1000 { num \* = 2 } fmt.Println ("أصغر طاقة تبلغ 2 فوق 1000 هي" ، عدد) } \`\` \`

16
guide/arabic/go/range/index.md
View File

@ -27,10 +27,11 @@ localeTitle: نطاق
سوف الناتج:
`apple
orange
pear
`
```
apple
orange
pear
```
ربما لاحظت مُعرِّفًا فارغًا تم استخدامه.
@ -55,6 +56,7 @@ localeTitle: نطاق
المخرجات:
`a -> apple
b -> banana
`
```
a -> apple
b -> banana
```

46
guide/arabic/go/variadic-functions/index.md
View File

@ -12,22 +12,23 @@ localeTitle: وظائف متنوعة
فيما يلي الأساسيات حول كيفية عمل الدوال varidic:
`package main
import "fmt"
```go
package main
import "fmt"
func printFruits(fruits ...string) {
func printFruits(fruits ...string) {
for _, fruit := range fruits{
fmt.Println(fruit)
}
}
}
func main() {
func main() {
printFruits("apple", "bannana")
printFruits("papaya", "coconut", "pear", "pineapple")
berries := []string{"blueberry", "strawberry", "raspberry"}
printFruits(berries...)
}
`
}
```
أولاً ، في printFruits قمنا بتعريف عدد الوسيطات باستخدام \[… string\].
@ -35,23 +36,26 @@ localeTitle: وظائف متنوعة
تظهر أول مكالمتين للطباعة printFruits أن الدالة ستقوم بطباعة كل سلسلة ، حتى إذا كنا نجتاز عددًا مختلفًا من الوسيطات.
`apple
bannana
...
papaya
coconut
pear
...
`
```text
apple
bannana
...
papaya
coconut
pear
...
```
هذا سوف يعمل أيضا لشرائح.
لاستخدام وظيفة vardiac مع شريحة ، نضيف نقاط التدريب إلى المكالمة.
`printFruits(berries...)
`
```go
printFruits(berries...)
```
`blueberry
strawberry
raspberry
`
```text
blueberry
strawberry
raspberry
```

22
guide/arabic/haskell/hello-world/index.md
View File

@ -4,19 +4,21 @@ localeTitle: مرحبا بالبرنامج العالمي
---
## أبسط برنامج مرحبا العالم في هاسكل
`main :: IO ()
main = do
```haskell
main :: IO ()
main = do
putStrLn "Hello World"
`
```
## مرحبا العالم باستخدام تكوين الدالة
`hello :: String
hello = "Hello World"
```haskell
hello :: String
hello = "Hello World"
printer :: String -> IO ()
printer = putStrLn . show
printer :: String -> IO ()
printer = putStrLn . show
main :: IO ()
main = printer hello
`
main :: IO ()
main = printer hello
```

27
guide/arabic/haskell/index.md
View File

@ -18,28 +18,31 @@ localeTitle: هاسكل
للبدء فعليًا في استخدام Haskell فأنت بحاجة إلى GHC (The Glasgow Haskell Compiler) ، وذلك لإعداد: [إعداد المكدس](https://docs.haskellstack.org/en/stable/README/#how-to-install://docs.haskellstack.org/en/stable/README/#quick-start-guide)
`stack new my-project
cd my-project
stack setup
stack build
stack exec my-project-exe
`
```shell
stack new my-project
cd my-project
stack setup
stack build
stack exec my-project-exe
```
كلمة الحذر ، حاول عدم استخدام تثبيت مكدس على الرغم من أنه سيتم تثبيت الحزمة على مستوى العالم ، إلا أنه لا يوصى بهذا لأن إصدارات مختلفة من الحزم متوافقة مع الإصدارات المختلفة من GHC. وبالتالي ، فإن استخدام النسخة المحلية من الحزمة باستخدام بنية المكدس هو أفضل طريقة للمتابعة.
## مرحبا بالعالم
`main :: IO ()
main = print "Hello Haskell :)"
`
```haskell
main :: IO ()
main = print "Hello Haskell :)"
```
احفظ فوق الرمز في ملف يسمى "hello.hs" واحفظه.
لتجميع مثال Hello World ، سيؤدي هذا إلى تحويل شفرة haskell الخاصة بنا إلى رموز بايت مفهومة.
`stack ghc hello.hs
./hello
`
```shell
stack ghc hello.hs
./hello
```
## كابل بيانات

32
guide/arabic/html/attributes/a-href-attribute/index.md
View File

@ -8,7 +8,7 @@ localeTitle: سمة Href
على سبيل المثال:
`
```html
<html>
<head>
<title>Href Attribute Example</title>
@ -20,8 +20,8 @@ localeTitle: سمة Href
</p>
</h1>
</body>
</html>
`
</html>
```
يتم دعم سمة `<a href>` بواسطة جميع المتصفحات.
@ -31,25 +31,25 @@ localeTitle: سمة Href
### أمثلة
`
```html
<a href="#">This is a dead link</a>
<a href="https://www.freecodecamp.org">This is a live link to freeCodeCamp</a>
<a href="https://html.com/attributes/a-href/">more with a href attribute</a>
`
<a href="https://www.freecodecamp.org">This is a live link to freeCodeCamp</a>
<a href="https://html.com/attributes/a-href/">more with a href attribute</a>
```
### المراسي في الصفحة
من الممكن أيضًا تعيين مرساة لمكان معين من الصفحة. لإجراء ذلك ، يجب عليك أولاً وضع علامة تبويب في الموقع على الصفحة التي تحتوي على العلامة والسمة "الاسم" الضرورية مع أي وصف للكلمة الرئيسية ، مثل:
`
```html
<a name="top"></a>
`
```
أي وصف بين العلامات غير مطلوب. بعد ذلك يمكنك وضع رابط يؤدي إلى هذا الارتساء في أي مكان في نفس الصفحة. للقيام بذلك ، يجب عليك استخدام العلامة ذات السمة الضرورية "href" مع الرمز # (حاد) ووصف الكلمة الرئيسية للربط ، مثل هذا:
`
```html
<a href="#top">Go to Top</a>
`
```
### روابط الصور
@ -57,9 +57,9 @@ localeTitle: سمة Href
### مثال
`
```html
<a href="#"><img itemprop="image" style="height: 90px;" src="http://www.chatbot.chat/assets/images/header-bg_y.jpg" alt="picture"> </a>
`
```
### مثال
@ -67,7 +67,7 @@ localeTitle: سمة Href
### بعض الأمثلة أكثر من href
`
```html
<base href="https://www.freecodecamp.org/a-href/">This gives a base url for all further urls on the page</a>
<link href="style.css">This is a live link to an external stylesheet</a>
`
<link href="style.css">This is a live link to an external stylesheet</a>
```

6
guide/arabic/html/attributes/autofocus-attribute/index.md
View File

@ -16,12 +16,12 @@ localeTitle: خاصية التركيز التلقائي
### مثال
`
```html
<form>
<input type="text" name="fname" autofocus>
<input type="text" name="lname">
</form>
`
</form>
```
### التوافق

6
guide/arabic/html/attributes/body-background-attribute/index.md
View File

@ -16,12 +16,12 @@ localeTitle: سمة خلفية الجسم
مثال:
`
```html
<html>
<body background="https://assets.digitalocean.com/blog/static/hacktoberfest-is-back/hero.png">
</body>
</html>
`
</html>
```
## يتم استهلاك سمة body-background

6
guide/arabic/html/attributes/body-bgcolor-attribute/index.md
View File

@ -14,7 +14,7 @@ localeTitle: الهيئة Bgcolor السمة
**فمثلا:**
`
```html
<html>
<head>
<title>Body bgcolor Attribute example</title>
@ -22,8 +22,8 @@ localeTitle: الهيئة Bgcolor السمة
<body bgcolor="#afafaf">
<h1>This webpage has colored background.</h1>
</body>
</html>
`
</html>
```
يمكنك تغيير اللون عن طريق استبدال ###### بقيمة سداسية عشرية. للألوان البسيطة ، يمكنك أيضًا استخدام الكلمة ، مثل "أحمر" أو "أسود".

46
guide/arabic/html/attributes/div-align-attribute/index.md
View File

@ -8,27 +8,27 @@ localeTitle: Div Align Attribute
على سبيل المثال:
`
```html
<html>
<head>
<title> Div Align Attribbute </title>
</head>
<body>
<div align="left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div align="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div align="center">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div align="justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</body>
</html>
`
<head>
<title> Div Align Attribbute </title>
</head>
<body>
<div align="left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div align="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div align="center">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div align="justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</body>
</html>
```
## مهم!
@ -36,10 +36,10 @@ localeTitle: Div Align Attribute
السمة DIV محاذاة يمكن استخدامها لأفقيا محاذاة محتويات داخل شعبة. في المثال أدناه، سيتم توسيط النص داخل شعبة.
`
```html
<div align="center">
This Text Will Be Centered
</div>
`
</div>
```
\*\* لا يتم اعتماد هذه السمة في HTML5 و [النص CSS محاذاة](https://github.com/freeCodeCamp/guides/blob/f50b7370be514b2a03ee707cd0f0febe2bb713ae/src/pages/css/text-align/index.md) ينبغي أن تستخدم بدلا من ذلك

12
guide/arabic/html/attributes/font-color-attribute/index.md
View File

@ -32,20 +32,20 @@ localeTitle: سمة لون الخط
2. سمة سداسي عشري
`
```html
<html>
<body>
<font color="#00FF00">Font color example using color attribute</font>
</body>
</html>
`
</html>
```
3. سمة RGB
`
```html
<html>
<body>
<font color="rgb(0,255,0)">Font color example using color attribute</font>
</body>
</html>
`
</html>
```

6
guide/arabic/html/attributes/font-size-attribute/index.md
View File

@ -12,12 +12,12 @@ localeTitle: حجم الخط سمة
مثال:
`
```html
<html>
<body>
<font size="6">This is some text!</font>
</body>
</html>
`
</html>
```
ملاحظة: `The size attribute of <font> is not supported in HTML5. Use CSS instead.`

6
guide/arabic/html/attributes/href-attribute/index.md
View File

@ -12,11 +12,11 @@ Href اختصار لـ "Hypertext Reference" وهي إحدى سمات HTML. يت
#### أمثلة
`
```html
<a href="https://www.freecodecamp.org">This is an absolute URL</a>
<a href="index.html">This is a relative URL</a>
`
<a href="index.html">This is a relative URL</a>
```
#### معلومات اكثر:

40
guide/arabic/html/attributes/href/index.md
View File

@ -22,31 +22,31 @@ localeTitle: أ href
\-> شعار Google الذي يشير إلى صفحة Google الرئيسية
`
```html
<a href="https://www.google.com">
<img border="0" alt="Google" src="https://www.google.com/logos/doodles/2015/googles-new-logo-5078286822539264.3-hp2x.gif" width="100" height="100">
`
<img border="0" alt="Google" src="https://www.google.com/logos/doodles/2015/googles-new-logo-5078286822539264.3-hp2x.gif" width="100" height="100">
```
العلامات التي تستخدم HREF:
`
```html
<a>
<area>
<base>
<cursor>
<discard>
<feImage>
<hatch>
<image>
<link>
<mesh>
<meshgradient>
<mpath>
<pattern>
<script>
<textPath>
<use>
`
<area>
<base>
<cursor>
<discard>
<feImage>
<hatch>
<image>
<link>
<mesh>
<meshgradient>
<mpath>
<pattern>
<script>
<textPath>
<use>
```
#### معلومات اكثر:

4
guide/arabic/html/attributes/img-align-attribute/index.md
View File

@ -29,9 +29,9 @@ top - محاذاة الصورة إلى الأعلى
يمكننا أيضًا التوفيق في اليمين إذا أردنا:
`
```html
<p>This is another example<img src="image.png" alt="Image" align="right"></p>
`
```
**يرجى ملاحظة أن سمة align غير مدعومة في HTML5 ، ويجب عليك استخدام CSS بدلاً من ذلك. ومع ذلك ، لا تزال مدعومة من جميع المتصفحات الرئيسية.**

6
guide/arabic/html/attributes/img-src-attribute/index.md
View File

@ -10,7 +10,7 @@ localeTitle: Img Src Attribute
يمكنك تعيين ذلك كصورة باستخدام السمة `src` .
`
```html
<html>
<head>
<title>Img Src Attribute Example</title>
@ -18,8 +18,8 @@ localeTitle: Img Src Attribute
<body>
<img src="https://avatars0.githubusercontent.com/u/9892522?v=4&s=400">
</body>
</html>
`
</html>
```
يظهر الرمز أعلاه كما يلي:

8
guide/arabic/html/attributes/img-width-attribute/index.md
View File

@ -8,17 +8,17 @@ localeTitle: yourcolor.net سمة العرض
على سبيل المثال ، إذا كان لديك بالفعل رابط إلى صورة تم إعدادها عبر السمة `src` فيمكنك إضافة سمة العرض مثل:
`
```html
<!DOCTYPE html>
<html lang="en">
<html lang="en">
<head>
<title>Img Width Attribute</title>
</head>
<body>
<img src="image.png" alt="Image" width="100"/>
</body>
</html>
`
</html>
```
يوجد في مقتطف الشفرة أعلاه علامة صورة ويتم ضبط الصورة على عرض 100 بكسل. `width="100"`

10
guide/arabic/html/attributes/index.md
View File

@ -12,9 +12,9 @@ localeTitle: سمات
في ما يلي مثال على رابط يرسل المستخدمين إلى الصفحة الرئيسية لـ FreeCodeCamp:
`
```html
<a href="www.freecodecamp.org">Click here to go to freeCodeCamp!</a>
`
```
لاحظ أنه يتم فصل اسم السمة ( `href` ) والقيمة ("www.freeCodeCamp.org") مع علامة يساوي ، وعلامات الاقتباس تحيط بالقيمة.
@ -30,10 +30,10 @@ localeTitle: سمات
إليك أمثلة تفعل نفس الشيء:
`
```html
<input type="text" required >
<input type="text" required="required" >
`
<input type="text" required="required" >
```
## موارد آخرى

6
guide/arabic/html/attributes/input-checked-attribute/index.md
View File

@ -14,12 +14,12 @@ localeTitle: سمة فحص المدخلات
## ألق نظرة على المثال التالي:
`
```html
<form action="/action_page.php">
<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle" value="Car" checked> I have a car<br>
<input type="submit" value="Submit">
</form>
`
</form>
```
في المثال أعلاه عند تحميل صفحة الويب افتراضيًا ، سيتم تحديد خانة الاختيار الأولى تلقائيًا بسبب السمة المحددة.

36
guide/arabic/html/attributes/input-type-attribute/index.md
View File

@ -10,98 +10,98 @@ localeTitle: سمة نوع المدخلات
سطر واحد من النص.
`
```html
<form>
<label for="login">Login:</label>
<input type="text" name="login">
</form>
`
```
### كلمه السر
سطر واحد من النص. يتم عرض النص تلقائيًا كسلسلة من النقاط أو العلامات النجمية (يعتمد على المتصفح ونظام التشغيل).
`
```html
<form>
<label for="password">Password:</label>
<input type="password" name="password">
</form>
`
```
### البريد الإلكتروني
يتحقق HTML إذا كان الإدخال يطابق تنسيق عنوان البريد الإلكتروني (شيء @ شيء).
`
```html
<form>
<label for="email">E-mail address:</label>
<input type="email" name="email">
</form>
`
```
### رقم
السماح فقط بإدخال رقمي. يمكنك أيضًا تحديد الحد الأدنى والحد الأقصى المسموح بهما. يوضح المثال أدناه أن الإدخال هو الرقم بين 1 و 120.
`
```html
<form>
<label for="age">Age:</label>
<input type="number" name="age" min="1" max="120">
</form>
`
```
### راديو
يمكن تحديد خيار واحد فقط من قبل المستخدم. تحتاج مجموعة أزرار الاختيار إلى نفس سمة الاسم. يمكنك تحديد خيار واحد تلقائيًا باستخدام خاصية `checked` (في المثال ، أسفل القيمة الزرقاء محددة).
`
```html
<form>
<label><input type="radio" name="color" value="red">Red</label>
<label><input type="radio" name="color" value="green">Green</label>
<label><input type="radio" name="color" value="blue" checked>Blue</label>
</form>
`
```
### مربع
يمكن للمستخدم تحديد صفر أو أكثر من الخيارات من مجموعة مربعات الاختيار. يمكنك استخدام خاصية `checked` هنا أيضًا لخيار واحد أو أكثر.
`
```html
<form>
<label><input type="checkbox" name="lang" value="english">english</label>
<label><input type="checkbox" name="lang" value="spanish">spanish</label>
<label><input type="checkbox" name="lang" value="french">french</label>
</form>
`
```
### زر
يتم عرض الإدخال كزر ، النص الذي يجب عرضه في الزر في سمة القيمة.
`
```html
<form>
<input type="button" value="click here">
</form>
`
```
### خضع
يعرض زر الإرسال. النص الذي يجب عرضه في الزر في سمة القيمة. بعد النقر على الزر ، يقوم HTML بالتحقق من الصحة ، وفي حالة تمريره ، يتم إرسال النموذج.
`
```html
<form>
<input type="submit" value="SUBMIT">
</form>
`
```
### إعادة تعيين
يعرض زر إعادة الضبط. النص الذي يجب عرضه في الزر في سمة القيمة. بعد النقر على الزر ، يتم حذف جميع القيم من النموذج.
`
```html
<form>
<input type="reset" value="CANCEL">
</form>
`
```
هناك المزيد من عناصر الأنواع. لمزيد من المعلومات ، قم بزيارة MSDN أو w3schools .

12
guide/arabic/html/attributes/lang/index.md
View File

@ -8,18 +8,18 @@ localeTitle: فقط
### أمثلة
`
```html
<html lang="en">
</html>
`
</html>
```
يمكن أيضًا استخدام السمة lang لتحديد لغة عنصر معين:
`
```html
<p lang="hi">
फ्री कोड कैंप
</p>
`
</p>
```
في المثال أعلاه ، تشير كلمة "hi" إلى اللغة الهندية. وبالمثل ، يمكنك استخدام "en" للغة الإنجليزية ، "es" للإسبانية ، "fr" للفرنسية وما إلى ذلك.

16
guide/arabic/html/attributes/links/index.md
View File

@ -12,27 +12,27 @@ localeTitle: الروابط
يمكنك استخدام `code <a>` العلامة أو عنصر الارتساء لتعريف الرابط الخاص بك ، والذي يحتاج أيضًا إلى عنوان وجهة يمكنك الوصول إليه باستخدام سمة `code href` . في ما يلي مقتطف يجعل عبارة "الدليل freeCodeCamp" عبارة:
`
```html
<a href="https://guide.freecodecamp.org">the freeCodeCamp Guide</a>
`
```
إذا كنت تريد فتح الرابط في علامة تبويب جديدة ، `code target` السمة `code target` مع قيمة `code "_blank"` داخل `code <a>` tag الخاص بك. يبدو هذا مثل:
`
```html
<a href="https://guide.freecodecamp.org" target="_blank">the freeCodeCamp Guide</a>
`
```
عندما تحتاج إلى توجيه المستخدمين إلى جزء معين من صفحة الويب الخاصة بك ، دعنا نفترض القاع ، تحتاج أولاً إلى تعيين `code #` التجزئة إلى سمة `code href` ، مثل هذا
`
```html
<a href="#footer>More about us<a/>
`
```
ستحتاج بعد ذلك إلى استخدام السمة `code id` في العنصر الذي تريد توجيه المستخدم إليه - وفي هذه الحالة `code <footer>` في أسفل صفحة الويب.
`
```html
<footer id="footer">Powered by freeCodeCamp</footer>
`
```
#### معلومات اكثر:

20
guide/arabic/html/attributes/onclick-event-attribute/index.md
View File

@ -8,9 +8,9 @@ localeTitle: Onclick Event Attribute
وهي تعمل تمامًا مثل _طريقة onclick_ أو `addEventListener('click')` للعنصر.
`
```html
<element onclick="event"></element>
`
```
> يمكن أن يكون `event` عبارة عن وظيفة JavaScript أو يمكنك كتابة جافا سكريبت الخام
@ -18,22 +18,22 @@ localeTitle: Onclick Event Attribute
تغيير لون عنصر `<p>` عند النقر عليه
`
```html
<p id="text" onclick="redify()">Change my color</p>
<script>
function redify(){
<script>
function redify(){
let text = document.querySelector('#text');
text.style.color = "red";
}
</script>
`
}
</script>
```
باستخدام سمة raw onclick الأولية لجافا سكريبت:
`
```html
<button onclick="alert('Hello')">Hello World</button>
`
```
#### معلومات اكثر:

16
guide/arabic/html/attributes/p-align-attribute/index.md
View File

@ -12,9 +12,9 @@ localeTitle: P محاذاة السمة
### بناء الجملة
`
```html
<p align="position">Lorem Ipsum...</p>
`
```
### سمات
@ -25,13 +25,13 @@ localeTitle: P محاذاة السمة
### مثال
`
```html
<html>
<body>
<p align="center">Paragraph align attribute example</p>
</body>
</html>
`
<body>
<p align="center">Paragraph align attribute example</p>
</body>
</html>
```
#### معلومات اكثر:

10
guide/arabic/html/attributes/placeholder-attribute/index.md
View File

@ -14,18 +14,18 @@ localeTitle: العنصر النائب السمة
مثال المدخلات
`
```html
<form>
<input type="text" name="fname" placeholder="First Name">
<input type="text" name="lname" placeholder="Last Name">
</form>
`
</form>
```
مثال على Textarea
`
```html
<textarea placeholder="Describe yourself here..."></textarea>
`
```
### التوافق

24
guide/arabic/html/attributes/required/index.md
View File

@ -8,9 +8,9 @@ localeTitle: مطلوب
فمثلا:
`
```html
<!DOCTYPE html>
<html>
<html>
<head>
<title>HTML Required Attribute</title>
</head>
@ -20,31 +20,31 @@ localeTitle: مطلوب
<input type="submit" value="Submit">
</form>
</body>
</html>
`
</html>
```
اختر مثال:
`
```html
<form action="/action.php">
<select required>
<select required>
<option value="">None</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</form>
`
</select>
</form>
```
مثال على منطقة النص:
`
```html
<form action="/action.php">
<textarea name="comment" required></textarea>
<input type="submit">
</form>
`
</form>
```
ببساطة إضافة `required` إلى عنصر إدخال

4
guide/arabic/html/attributes/role-attribute/index.md
View File

@ -8,9 +8,9 @@ localeTitle: سمة الدور
مثال على الاستخدام:
`
```html
<a href="#" role="button">Button Link</a>
`
```
سيقرأ قراء الشاشة هذا العنصر على أنه "زر" بدلاً من "رابط".

16
guide/arabic/html/attributes/script-src-attribute/index.md
View File

@ -8,9 +8,9 @@ localeTitle: السمة سيناريو Src
على سبيل المثال ، إذا كان لديك ملف جافا سكريبت مخصص لك باسم "script.js" وأردت إضافة وظائفه إلى صفحة HTML ، فيمكنك إضافته كما يلي:
`
```html
<!DOCTYPE html>
<html lang="en">
<html lang="en">
<head>
<title>Script Src Attribute Example</title>
</head>
@ -18,14 +18,14 @@ localeTitle: السمة سيناريو Src
<script src="./script.js"></script>
</body>
</html>
`
</html>
```
يشير ذلك إلى ملف يسمى "script.js" موجود في نفس الدليل كملف .html. يمكنك أيضًا الارتباط بأدلة أخرى باستخدام ".." في مسار الملف.
`
```html
<script src="../public/js/script.js"></script>
`
```
يقفز هذا مستوى دليل واحد ثم إلى دليل "عام" ثم إلى دليل "js" ثم إلى ملف "script.js".
@ -33,9 +33,9 @@ localeTitle: السمة سيناريو Src
هذا المثال يرتبط بملف jQuery.
`
```html
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
`
```
#### معلومات اكثر:

39
guide/arabic/html/css-classes/index.md
View File

@ -8,18 +8,19 @@ localeTitle: فئات CSS
عند كتابة HTML ، يمكنك إضافة فئات إلى عنصر. ما عليك سوى إضافة `class="myclass"` السمات `class="myclass"` إلى العنصر. يمكن أن تحتوي العناصر المتعددة على نفس الفئة ، ويمكن لعنصر واحد أن يحتوي على فئات متعددة. يمكنك تعيين فئات متعددة لعنصر عن طريق إضافة كل أسماء الفئات المطلوبة المفصولة بمسافة إلى سمة `class` في HTML.
`
```html
<h1 class="super-man other-class third-class">"Here I come to save the day!"</h1>
<p>is a popular catchphrase that <span class="super-man">Super Man</span> often said.</p>
`
<p>is a popular catchphrase that <span class="super-man">Super Man</span> often said.</p>
```
يمكنك بعد ذلك تصميم هذه العناصر باستخدام CSS. تتم الإشارة إلى الفئات بالنقطة (.) قبلها في CSS ، ولكن لا يجب وضع الفترات في HTML الخاص بك.
`.super-man {
```css
.super-man {
color: red;
background-color: blue;
}
`
}
```
يعطي هذا الرمز خلفية زرقاء ولون نص أحمر لكافة العناصر التي تحتوي على فئة `super-man` . [شاهد هذا المثال على CodePen](https://codepen.io/Tlandis/pen/RLvomV) .
@ -33,24 +34,26 @@ localeTitle: فئات CSS
ثم في ملف css الخاص بك:
`.ironMan{
color:red;
}
```css
.ironMan{
color:red;
}
.alfred{
background-color: black;
}
`
.alfred{
background-color: black;
}
```
**ملاحظة:** أسماء الصفوف عادةً ما تكون جميع الأحرف الصغيرة ، مع كل كلمة في اسم فئة متعدد الكلمات مفصولة بواصلات (على سبيل المثال "super-man").
يمكنك أيضًا الجمع بين الصفوف في نفس السطر:
`.superMan .spiderMan {
color: red;
background-color: blue;
}
`
```css
.superMan .spiderMan {
color: red;
background-color: blue;
}
```
يمكنك رؤية نتيجة الكود أعلاه [هنا](https://codepen.io/Tlandis/pen/RLvomV) . تعرف على كيفية الجمع بين دروس css باستخدام المحددات [هنا](https://www.w3schools.com/css/css_combinators.asp) .

16
guide/arabic/html/doctype-declaration/index.md
View File

@ -20,27 +20,27 @@ localeTitle: Doctype Declaration
بناء جملة Doctype لـ HTML5 وما بعدها:
`
```html
<!DOCTYPE html>
`
```
بناء جملة Doctype لـ HTML 4.01 صارم:
`
```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
`
```
Doctype syntax for Transitional HTML 4.01:
`
```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
`
```
بناء جملة Doctype لـ frameset HTML 4.01:
`
```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
`
```
## التاريخ

12
guide/arabic/html/elements/a-tag/index.md
View File

@ -12,17 +12,17 @@ localeTitle: يوم
#### مثال:
`
```html
<a href= "https://guide.freecodecamp.org/">freeCodeCamp</a>
`
```
يمكن أيضًا تحويل الصورة إلى ارتباط بإحاطة العلامة `<img>` في علامة `<a>` .
#### مثال:
`
```html
<a href= "https://guide.freecodecamp.org/"><img src="logo.svg"></a>
`
```
من الممكن أيضًا تحديد هدف العلامة `<a>` . يتم ذلك باستخدام السمة `target` . تحتوي السمة `target` على القيم التالية متاحة `_blank|_self|_parent|_top|framename` .
@ -30,9 +30,9 @@ localeTitle: يوم
#### مثال:
`
```html
<a href= "https://guide.freecodecamp.org/" target="_blank">freeCodeCamp</a>
`
```
[freeCodeCamp](https://guide.freecodecamp.org/) يتم إنشاء هذا الارتباط بالطريقة نفسها التي يقترحها مثال التعليمة البرمجية. انقر فوقه لمعرفة كيف يعمل.

4
guide/arabic/html/elements/abbr-tag/index.md
View File

@ -8,9 +8,9 @@ localeTitle: اببر تاج
استخدام المثال:
`
```html
<abbr title="Free Code Camp">FCC</abbr>
`
```
#### معلومات اكثر:

6
guide/arabic/html/elements/address-tag/index.md
View File

@ -12,7 +12,7 @@ localeTitle: عنوان العنوان
#### استعمال
`
```html
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
@ -30,5 +30,5 @@ localeTitle: عنوان العنوان
</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
`
</form>
```

6
guide/arabic/html/elements/article-tag/index.md
View File

@ -12,14 +12,14 @@ localeTitle: المادة العلامة
في ما يلي مثال لكيفية استخدام علامة المقالة في صفحة الويب:
`
```html
<article>
<h1>FreeCodeCamp</h1>
<p>
Learn to code with a community of programmers and contribute to open source projects.
</p>
</article>
`
</article>
```
#### معلومات اكثر:

28
guide/arabic/html/elements/audio-tag/index.md
View File

@ -10,35 +10,39 @@ localeTitle: علامة الصوت
##### إضافة OGG
`<audio controls>
```
<audio controls>
<source src="file.ogg" type="audio/ogg">
</audio>
`
</audio>
```
##### إضافة MP3
`<audio controls>
```
<audio controls>
<source src="file.mp3" type="audio/mpeg">
</audio>
`
</audio>
```
##### إضافة WAV
`<audio controls>
```
<audio controls>
<source src="file.wav" type="audio/wav">
</audio>
`
</audio>
```
قد يحتوي على واحد أو أكثر من مصادر الصوت ، ممثلة باستخدام السمة src أو عنصر المصدر.
##### إضافة ملفات صوت متعددة
`<audio controls>
```
<audio controls>
<source src="file-1.wav" type="audio/wav">
<source src="file-2.ogg" type="audio/ogg">
<source src="file-3.mp3" type="audio/mpeg">
</audio>
`
</audio>
```
#### دعم المستعرض لأنواع مختلفة من filetypes كما يلي

4
guide/arabic/html/elements/b-tag/index.md
View File

@ -8,9 +8,9 @@ localeTitle: ب اليوم
### مثال:
`
```html
<b>This text is bold</b>
`
```
سيظهر هذا على النحو التالي:

6
guide/arabic/html/elements/body-tag/index.md
View File

@ -8,7 +8,7 @@ localeTitle: يوم الجسد
يجب أن يحتوي عنصر `<body>` على كل محتوى الصفحة ، بما في ذلك جميع عناصر العرض. يمكن أن يحتوي عنصر `<body>` أيضًا على علامات `<script>` ، وهي برامج نصية عامة يجب تشغيلها بعد تحميل محتوى الصفحة.
`
```html
<html>
<head>
<title>Document Titles Belong in the Head</title>
@ -16,8 +16,8 @@ localeTitle: يوم الجسد
<body>
<p>This paragraph is content. It goes in the body!</p>
</body>
</html>
`
</html>
```
#### معلومات اكثر:

8
guide/arabic/html/elements/br-tag/index.md
View File

@ -8,9 +8,9 @@ localeTitle: يوم Br
### مثال
`
```html
<!DOCTYPE html>
<html>
<html>
<body>
Mozilla Foundation<br>
1981 Landings Drive<br>
@ -18,8 +18,8 @@ localeTitle: يوم Br
Mountain View, CA 94043-0801<br>
USA
</body>
</html>
`
</html>
```
#### معلومات اكثر:

6
guide/arabic/html/elements/button-tag/index.md
View File

@ -22,7 +22,7 @@ localeTitle: زر الزر
**مثال:**
`
```html
<html>
<head>
<title>Button Tag example</title>
@ -38,8 +38,8 @@ localeTitle: زر الزر
<input type="submit" value="Submit" formtarget="_self">
</form>
</body>
</html>
`
</html>
```
جميع المتصفحات الرئيسية تدعم العلامة `<button>` . كما تدعم العلامة `<button>` خصائص الحدث في HTML. **ملاحظة:** قد ترسل المتصفحات المختلفة قيمًا مختلفة إذا كنت تستخدم عنصر `<button>` . يُنصح إما بتحديد قيمة الزر أو استخدام العلامة `<input>` لإنشاء زر في نموذج HTML.

4
guide/arabic/html/elements/code-tag/index.md
View File

@ -6,9 +6,9 @@ localeTitle: رمز العلامة
تحتوي العلامة `<code>` على جزء من رمز الكمبيوتر لصفحة ويب. بشكل افتراضي ، يتم عرض العلامة `<code>` في خط monospace الافتراضي للمتصفح.
`
```html
<code>A piece of computer code</code>
`
```
#### معلومات اكثر:

20
guide/arabic/html/elements/comment-tag/index.md
View File

@ -10,20 +10,20 @@ localeTitle: كيف لعلامة
### مثال
`
```html
<!-- This is a comment -->
`
```
يمكن أيضًا استخدام التعليقات لجعل الشفرة غير نشطة دون الحاجة إلى حذفها بالكامل.
### مثال
`
```html
<!--
<h1>Hello Campers</h1>
-->
<h2>Hello Friends</h2>
<!--
<p>Hello Paragraph</p>
-->
`
<h1>Hello Campers</h1>
-->
<h2>Hello Friends</h2>
<!--
<p>Hello Paragraph</p>
-->
```

6
guide/arabic/html/elements/div-tag/index.md
View File

@ -10,12 +10,12 @@ localeTitle: علامة div
فيما يلي مثال لكيفية عرض قسم بنفس اللون:
`
```html
<div style="color:#ff0000">
<h3>my heading</h3>
<p>my paragraph</p>
</div>
`
</div>
```
#### معلومات اكثر:

8
guide/arabic/html/elements/doctype-tag/index.md
View File

@ -6,9 +6,9 @@ localeTitle: علامة Doctype
يتم دائمًا مصادقة شفرة HTML عن طريق "العلامة الأساسية" للعلامات. يجب أن تكون العلامة الأولى الموجودة في أي ملف HTML عبارة عن تعريف Doctype. إن html5 doctype `<!DOCTYPE html>` هو تمهيد مطلوب للإبلاغ عن المتصفح الذي يستخدمه [وضع التقديم](https://developer.mozilla.org/en-US/docs/Quirks_Mode_and_Standards_Mode) (HTML5 مقابل XHTML). تأكد من وضع Doctype في أعلى المستند.
`
```html
<!DOCTYPE html>
<html>
<html>
<head>
<meta charset=UTF-8>
<title>Document Title</title>
@ -16,8 +16,8 @@ localeTitle: علامة Doctype
<body>
<p>Document content.</p>
</body>
</html>
`
</html>
```
#### معلومات اكثر:

7
guide/arabic/html/elements/em-tag/index.md
View File

@ -10,12 +10,13 @@ localeTitle: في العلامة
### مثال:
`<body>
```
<body>
<p>
Text that requires emphasis should go <em>here</em>.
</p>
</body>
`
</body>
```
#### معلومات اكثر:

4
guide/arabic/html/elements/font-tag/index.md
View File

@ -16,9 +16,9 @@ _تم إيقاف هذه الميزة في HTML 4.01 وتمت إزالتها في
مثال:
`
```html
<font face="fontNameHere" size="7" color="blue">My Text Here</font>
`
```
#### معلومات اكثر:

14
guide/arabic/html/elements/footer-tag/index.md
View File

@ -8,18 +8,18 @@ localeTitle: تذييل العلامة
### مثال
`
```html
<html>
<head>
<head>
<title>Paragraph example</title>
</head>
<body>
</head>
<body>
<footer>
<p>&copy; 2017 Joe Smith</p>
</footer>
</body>
</html>
`
</body>
</html>
```
#### معلومات اكثر:

20
guide/arabic/html/elements/form-tag/index.md
View File

@ -8,13 +8,13 @@ localeTitle: علامة النموذج
فيما يلي مثال أساسي لكيفية استخدام علامة `<form>` :
`
```html
<form action="/example.php" method="get">
Name: <input type="text"><br>
Email Address: <input type="text"><br>
<input type="submit" value="Submit">
</form>
`
Name: <input type="text"><br>
Email Address: <input type="text"><br>
<input type="submit" value="Submit">
</form>
```
### سمة العمل
@ -22,11 +22,11 @@ localeTitle: علامة النموذج
في ما يلي مثال على استخدام سمة الإجراء:
`
```html
<form action="http://www.google.com/form.php" method="get">
<p>Controls will appear inside here.</p>
</form>
`
<p>Controls will appear inside here.</p>
</form>
```
كما ترى ، يرسل النموذج بياناته إلى عنوان URL [http://www.google.com/from.php](http://www.google.com/from.php) .

6
guide/arabic/html/elements/header-tag/index.md
View File

@ -14,14 +14,14 @@ localeTitle: علامة رأس
في ما يلي مثال على ذلك باستخدام العلامة `<header>` :
`
```html
<article>
<header>
<h1>Heading of Page</h1>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</article>
`
</article>
```
#### معلومات اكثر:

9
guide/arabic/html/elements/hr-tag/index.md
View File

@ -8,8 +8,9 @@ localeTitle: يوم حر
### مثال
`<!DOCTYPE html>
<html>
```
<!DOCTYPE html>
<html>
<body>
<h2>FreeCodeCamp</h2>
<p>FreeCodeCamp is a place where you can learn to code from scratch to professional</p>
@ -21,5 +22,5 @@ localeTitle: يوم حر
<hr>
</body
</html>
`
</html>
```

7
guide/arabic/html/elements/i-tag/index.md
View File

@ -8,9 +8,10 @@ localeTitle: أنا تاج
في مواصفات HTML السابقة ، تم استخدام العلامة `<i>` فقط للإشارة إلى النص المائل. ومع ذلك ، في HTML الدلالي الحديث ، يجب استخدام علامات مثل `<em>` و `<strong>` عند الاقتضاء. يمكنك استخدام السمة "class" الخاصة بالعنصر `<i>` لتوضيح سبب اختلاف النص في العلامات عن النص المحيط. قد ترغب في إظهار أن النص أو العبارة من لغة مختلفة ، كما هو موضح في المثال أدناه.
`<p>The French phrase <i class="french">esprit de corps</i> is often
used to describe a feeling of group cohesion and fellowship.</p>
`
```HTML
<p>The French phrase <i class="french">esprit de corps</i> is often
used to describe a feeling of group cohesion and fellowship.</p>
```
#### معلومات اكثر:

12
guide/arabic/html/elements/iframe-tag/index.md
View File

@ -8,21 +8,21 @@ localeTitle: علامة Iframe
عند استخدام علامات iframe ، يجب استخدام السمة src للإشارة إلى موقع صفحة الويب أو التطبيق لاستخدامها داخل الإطار.
`
```html
<iframe src="framesite/index.html"></iframe>
`
```
يمكنك ضبط خصائص العرض والارتفاع لتقييد حجم الإطار.
`
```html
<iframe src="framesite/index.html" height="500" width="200"></iframe>
`
```
إذا كانت إطارات iframe تحتوي على حد افتراضي ، إذا كنت ترغب في إزالة هذا ، فيمكنك فعل ذلك باستخدام سمة النمط وتعيين خصائص حدود CSS إلى بلا.
`
```html
<iframe src="framesite/index.html" height="500" width="200" style="border:none;"></iframe>
`
```
#### معلومات اكثر:

12
guide/arabic/html/elements/img-tag/index.md
View File

@ -6,9 +6,9 @@ localeTitle: img العلامة
يمكن تضمين عنصر صورة HTML بسيط في مستند HTML كما يلي:
`
```html
<img src="path/to/image/file" alt="this is a cool picture">
`
```
`alt` توفر علامات النص البديل للصورة. استخدام واحد لعلامة `alt` مخصص للأشخاص ضعاف البصر الذين يستخدمون قارئ الشاشة ؛ يمكن قراءة علامة `alt` الخاصة بالصورة لفهم معنى الصورة.
@ -16,17 +16,17 @@ localeTitle: img العلامة
مثال:
`
```html
<img src="https://example.com/image.png" alt="my picture">
`
```
(هذا على افتراض أن ملف html موجود على https://example.com/index.html ، لذا فهو موجود في نفس المجلد مثل ملف الصورة)
بالضبط مثل:
`
```html
<img src="image.png" alt="my picture">
`
```
#### معلومات اكثر:

30
guide/arabic/html/elements/index.md
View File

@ -10,9 +10,9 @@ localeTitle: عناصر
في ما يلي مثال على استخدام [عنصر p](#) ( `<p>` ) لإخبار المتصفح بأن مجموعة من النصوص هي فقرة:
`
```html
<p>This is a paragraph.</p>
`
```
يجب أن تتطابق علامات فتح وإغلاق ، وإلا فقد يعرض المتصفح المحتوى بطريقة غير متوقعة.
@ -56,50 +56,50 @@ localeTitle: عناصر
في ما يلي مثال لصفحة بها [عنصر رئيسي](#the-head-element) ، [وعنصر أساسي](#the-body-element) ، [وفقرة](#the-p-element) واحدة:
`
```html
<!DOCTYPE html>
<html>
<html>
<head>
</head>
<body>
<p>I'm a paragraph</p>
</body>
</html>
`
</html>
```
## عنصر الرأس
هذه هي الحاوية لمعالجة المعلومات والبيانات الوصفية لمستند HTML.
`
```html
<head>
<meta charset="utf-8">
</head>
`
</head>
```
## عنصر BODY
هذه حاوية للمحتوى القابل للعرض لمستند HTML.
`
```html
<body>...</body>
`
```
## ف عنصر
ينشئ فقرة ، ربما عنصر مستوى الكتلة الأكثر شيوعًا.
`
```html
<p>...</p>
`
```
## عنصر A (Link)
ينشئ ارتباطًا تشعبيًا لتوجيه الزائرين إلى صفحة أو مورد آخر.
`
```html
<a href="#">...</a>
`
```
## موارد آخرى

24
guide/arabic/html/elements/input-tag/index.md
View File

@ -6,9 +6,9 @@ localeTitle: علامة الإدخال
يمكن تضمين علامة إدخال HTML في مستند HTML مثل:
`
```html
<input type="text">
`
```
هذا يخلق منطقة يمكن للمستخدم من خلالها إدخال المعلومات بسهولة. ثم يتم إرسال هذه المعلومات إلى قاعدة البيانات الخلفية وتخزينها أو استخدامها إلى مزيد من أسفل داخل الموقع أو التطبيق.
@ -45,27 +45,27 @@ localeTitle: علامة الإدخال
مثال:
`
```html
<input type="button">
<input type="checkbox">
<input type="color">
<input type="email">
<input type="password">
`
<input type="checkbox">
<input type="color">
<input type="email">
<input type="password">
```
المدخلات تأتي مع الكثير من الصفات المحددة سلفا.
تتضمن بعض السمات الشائعة عادةً الإكمال التلقائي والفحص والعنصر النائب.
`
```html
<input type="text" placeholder="This is a placeholder">
`
```
في المثال أعلاه ، يتم عرض منطقة يمكن إدخال الإدخال فيها ، مع ذكر العنصر النائب "هذا هو عنصر نائب". بمجرد النقر فوق سطر الإدخال وضغط المفتاح ، يختفي العنصر النائب ويحل محله الإدخال الخاص بك.
`
```html
<input type="checkbox" checked>
`
```
في هذا المثال ، يظهر مربع اختيار ويتم تحديده افتراضيًا نظرًا للسمة "المحددة".

19
guide/arabic/html/elements/label-tag/index.md
View File

@ -8,9 +8,10 @@ localeTitle: يوم التسمية
### استعمال
`<label for="id">Label</label>
<input type="text" name="text" id="id" value="yourvalue"><br>
`
```
<label for="id">Label</label>
<input type="text" name="text" id="id" value="yourvalue"><br>
```
كما ترون، ينبغي أن يكون _للسمة_ من العلامة يساوي السمة معرف العنصر ذات الصلة لربط معا.
@ -42,17 +43,17 @@ localeTitle: يوم التسمية
يمكن ربط التسمية بعنصر إما باستخدام السمة "for" أو بوضع العنصر داخل العنصر.
`
```html
<label for="peas">Do you like peas?
<input type="checkbox" name="peas" id="peas">
</label>
`
</label>
```
`
```html
<label>Do you like peas?
<input type="checkbox" name="peas">
</label>
`
</label>
```
#### معلومات اكثر:

52
guide/arabic/html/elements/li-tag/index.md
View File

@ -10,7 +10,7 @@ localeTitle: لى العلامة
### مثال
`
```html
<body>
<ul>
<li>
@ -23,8 +23,8 @@ localeTitle: لى العلامة
<p>Me three/p>
</li>
</ul>
</body>
`
</body>
```
في قائمة مرتبة ، يظهر `<li>` كبند ذو نقطة نقطية.
@ -42,28 +42,28 @@ localeTitle: لى العلامة
أمثلة:
`
```html
<!-- In a simple unordered list -->
<ul>
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
</ul>
<!-- In a simple ordered list -->
<ol>
<!-- In a simple ordered list -->
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
</ol>
<!-- In a menu list -->
<menu>
<!-- In a menu list -->
<menu>
<li>Menu item one</li>
<li>Menu item two</li>
<li>Menu item three</li>
</menu>
`
</menu>
```
### سمات
@ -81,15 +81,15 @@ localeTitle: لى العلامة
#### مثال
`
```html
<body>
<ol type="I">
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ol>
</body>
`
</body>
```
سوف ينتج HTMl أعلاه:
@ -103,15 +103,15 @@ localeTitle: لى العلامة
#### مثال
`
```html
<body>
<ol>
<li value="4">list item</li>
<li>list item</li>
<li>list item</li>
</ol>
</body>
`
</body>
```
سوف ينتج HTML أعلاه:
@ -143,9 +143,9 @@ localeTitle: لى العلامة
1. البند الثالث
`
```html
<!-- An unordered list with a nested, ordered list. -->
<ul>
<ul>
<li>First item</li>
<li>Second item <!-- No closing </li> tag before the nested list -->
<ol>
@ -154,10 +154,10 @@ localeTitle: لى العلامة
</ol>
</li> <!-- The closing </li> tag comes after the nested list -->
<li>Third item</li>
</ul>
</ul>
<!-- An ordered list with a nested, unordered list. -->
<ol>
<!-- An ordered list with a nested, unordered list. -->
<ol>
<li>First item</li>
<li>Second item <!-- No closing </li> tag before the nested list -->
<ul>
@ -166,8 +166,8 @@ localeTitle: لى العلامة
</ul>
</li> <!-- The closing </li> tag comes after the nested list -->
<li>Third item</li>
</ol>
`
</ol>
```
#### معلومات اكثر:

6
guide/arabic/html/elements/ol-tag/index.md
View File

@ -6,7 +6,7 @@ localeTitle: رأ العلامة
تقوم العلامة `<ol>` بإنشاء عنصر قائمة مرتبة في HTML. القائمة المطلوبة هي واحدة من بندين قائمة في HTML ، والآخر هو قائمة غير مرتبة ، التي تم إنشاؤها بواسطة العلامة `<ul>` . يتم استخدام القوائم المطلوبة لعرض القوائم بترتيب ذي معنى. بشكل افتراضي ، يتم عرض عناصر القائمة في قائمة مرتبة كقائمة ذات تعداد رقمي ، بدءًا من 1. يمكن تغيير هذا السلوك باستخدام السمة "type" أو باستخدام أنماط CSS. عناصر القائمة يمكن أن تكون متداخلة.
`
```html
<ol>
<li>First Item</li>
<li>Second Item <!-- No closing </li> tag before the nested list -->
@ -16,8 +16,8 @@ localeTitle: رأ العلامة
</ol>
</li> <!-- The closing </li> tag comes after the nested list -->
<li>Third Item</li>
</ol>
`
</ol>
```
### قوائم مرتبة مقابل غير مرتبة