الألغوريتم طريقك إلى البرمجة

<div dir="rtl" style="text-align: right;" trbidi="on"><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; margin: 0cm 0cm 0pt; text-align: center;"></div><h3>الكل منا يسمع عن لغات البرمجة و الكل يعرف أنها مجموعة من الأوامر توصلنا لغاية</h3> و الكل يعرف أنها مجموعة من الأوامر توصلنا لغاية ما و لكن قلة فقط تعرف أن كل هذه اللغات أصلها الألغوريتم حيث أن الألغوريتم هو أيضا مجموعة من الأوامر مثل كل لغات البرمجة الأخرى و الفرق بينها و بينه أنه يكتب على ورق و ليس على الحاسوب فأي مبرمج يريد صنع برنامج يكتب أولا لوغارتمه ثم يستبدل أوامر اللوغ بأوامر أي لغة برمجة يريد ليضعها على الحاسوب و قبل الدخول في التعقيدات يجب علينا معرفة مراحل عمل برنامج ما في عالم المعلوميات يوجد ثلاث أطراف للحوار -المستعمل: هو الشخص الذي يواجه مشكلا و يطلب المساعدة من الحاسوب حيث أن المستعمل يرى في حاسوب مزود بالبرنامج المناسب أداة لتسيير أعماله فهدفه اذن هو تعلم الإستخدام الأفضل لهذه الأداة -المبرمج و هو الشخص القادر على توجيه الحاسوب في حل المشاكل التي يضعها المستعمل فالحاسوب بالنسبة للمبرمج هو منفد للأوامر يجب توجيهه -ثم الحاسوب الذي لا يعرف سوى تنفيذ الأوامر فيكفي أن يكون البرنامج سليما من حيث الكتابة ليقوم بكل ما هو مطلوب منه تعريفالألغوريتم <div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;"> </div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">اللوغ هي متتالية منتهية من التعليمات تبين الطريقة التي بها يتم تنفيذ مجموعة من العمليات للحصول على حل لمشكل ما لماذا نتعلم اللوغارتم لتعلم البرمجة؟ أظننا أجبنا على هذا السؤال و لكن لا ضير في الإعادة اللوغارتم يعبرعن سلسلة من الأوامر تحل مشكلة ما و هو مستقل عن خصوصيات برنامج ما إتقان اللوغارتم هو إتقان الصيغة أو البناء المنطقي لبرنامج ما و المشكل الوحيد المطروح هو اختلاف الأوامر بينه و بين لغات البرمجة المختلفة و الآن ندخل صلب الموضوع و بالنسبة للأوامر سأعطيها باللغة الفرنسية فليعذرني كل من لا يتكلمها و لكن طريقة وضعها هي نفسها بالإنجليزية أيضا فتكفي الترجمة للوغارتم ست أركان أساسية سوف نتحدث عن الخمسة الأساسية أولا المتغيرات المتغير عبارة عن علبة يعرفها البرنامج بواسطة علامة توضع عليها فلكي يدخل البرنامج إلى محتوى العلبة يكفي الإشارة إليها بعلامتها الإعلان عن المتغيرات أول شيئ يجب فعله قبل استعمال متغير ما هو إنشاء العلبة و أعطاؤها علامة عندما نريد الإعلان عن متغير ما لا يكفي إنشاء العلبة و إنما يجب تحديد نوعية المحتوى طريقة الكتابة متغير = var و يتم التعبيرعن نوعية المحتوى كالتالي كلمات = Chaine de caracteres أعداد صحيحة طبيعية = entier أعداد حقيقية = reel صحيح أو خطأ = booleen و هناك أخرى و لكن هذه هي الأساسية بالنسبة لمبتدئ مثال<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">Var a : entier Var a : Chaine de caractere<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;"> إعطاء قيمة للمتغير يتم الإعلان عن قيمة متغير ما باستعمال السهم المعكوس مثال لدينا اللوغارتم التالي<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">ALGO Valeurs Var a,b,c : entiers Début a <-- 3 b <-- 10 c <-- a+b b <-- a-b a <-- c Fin<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> بعد تنفيد الأوامر المطلوب هو إيجاد قيم a و b و c نبدأ ب c: c <-- a+b c <-- 10+3 c <-- 13 ثم b b <-- a-b b <-- 3-10 b <-- -7 ثم a a <-- c a <-- 13 فنجد أن القيم هي a : 13, b : -7, c : 13 ثانيا أوامر القراءة و الكتابة يستعمل أمر الكتابة (Ecrire) لكتابة رسالة تدل المستعمل على ما يحدث و يستعمل أمر القراءة (Lire) لجعل الحاسوب يتوقف في مرحلة ما إلى حين إدخال المستعمل لقيمة يقرؤها الحاسوب مثال طلب منا كتابة لوغارتم لبرنامج ما إن ندخل له عددا ما حتى يعطينا مربعه<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">ALGO Carré Var a,b : entiers Début ("Ecrire (" Donner un nombre (Lire (a B <-- a*a (Ecrire (" Le carré est ",b<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> ثالثا صيغ الشرط تتلخص صيغ الشرط في إعطاء شرط إجباري لتنفيذ عملية ما طريقة الكتابة<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">Si condition = vrai Alors Instruction 1 Sinon Instruction 2 Fin Si<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> مثال كتابة لوغارتم برنامج ندخل له عددين فيعطينا أكبرهما <o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">ALGO Maximum Var a,b,Max : entiers Début ("Ecrire (" Entrez le premier nombre (Lire (a ("Ecrire (" Entrez le deuxième nombre (Lire (b Si a>b Alors Max <-- a Sinon Max <-- b Fin Si (Ecrire (" Le Maximum est : ",Max Fin<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;"> مثال ثاني نفس المثال الأول و لكن هذه المرة بثلاث أعداد<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">ALGO Maximum Var a,b,c,Max : entiers Début ("Ecrire (" Entrez le premier nombre (Lire (a ("Ecrire (" Entrez le deuxième nombre (Lire (b ("Ecrire (" Entrez le croisième nombre (Lire (c Si a>b Alors Max <-- a Sinon Max <-- b Fin Si Si Max<c Alors Max <-- c Fin Si (Ecrire (" Le Max est : ",Max Fin<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> مثال ثالث هذه المرة يجب أن يعطينا البرنامج أكبر عدد و أصغر عدد <o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">ALGO Max & Min Var a,b,c,Max,Min : entiers Début ("Ecrire (" Entrez le premier nombre (Lire (a ("Ecrire (" Entrez le deuxième nombre (Lire (b ("Ecrire (" Entrez le croisième nombre (Lire (c Si a>b Alors Max <-- a Min <-- b Sinon Max <-- b Min <-- a Fin Si Si Max<c Alors Max <-- c Fin Si Si Min>c Alors Min <-- c Fin Si (Ecrire (" Le Max est : ",Max (Ecrire (" Le Min est : ",Min Fin<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> مثال رابع نريد في هذا المثال كتابة لوغارتم برنامج يحسب معدل ثلميذ مع إعطاء الميزة نعطي مثلا تلاث مواد العربية معاملها 3 الرياضيات معاملها 4 اللغة الأجنبية و معاملها 2<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> ALGO Moyaine Générale Var a,b,c,MG : Réels Debut ("Ecrire (" Entrez la note du Math (Lire (a ("Ecrire (" Entrez la note de la langue arabe (Lire (b ("Ecrire (" Entrez la note de la langue étrangère (Lire (c (MG <-- [(a*4)+(b*3)+(c*2)]/(4+3+2 (Ecrire (" La moyaine générale est : ",MG Si MG<10 Alors ("Ecrire (" Eliminé Sinon Si MG<12 Alors ("Ecrire (" Passable Sinon Si MG<14 Alors ("Ecrire (" Assez Bien Sinon Si Mg<16 Alors ("Ecrire (" Bien Sinon ("Ecrire (" Très Bien Fin Si Fin Si Fin Si Fin Si Finرابعا الروابط المنطقية يضع علم المعلوميات تحت تصرفنا أربع عوامل أو روابط منطقية و هي ET و OU و NOT و XOR و سنهمل NOT و XOR لأنها ذات مستوى مرتفع قليلا طريقة عمل هذه الروابط هي كالتالي إذا كان A=Vrai فإن NOT A=Faux و العكس بالعكس إذا كان A=Vrai, B=Faux فإن A ET B=Faux إذا كان A=Faux, B=Vrai فإن A ET B=Faux إذا كان A=Vrai, B=Vrai فإن A ET B=Vrai إذا كان A=Faux, B=Faux فإن A ET B=Faux إذا كان A=Vrai, B=Faux فإن A OU B=Vrai إذا كان A=Faux, B=Vrai فإن A OU B=Vrai إذا كان A=Vrai, B=Vrai فإن A OU B=Vrai إذا كان A=Faux, B=Faux فإن A OU B=Faux مثال لدينا اللوغارتم التالي<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> ALGO Opérations Logiques Var a,b,c,d,e : booleen Var x : entier Début ("Ecrire (" Introduire un nombre (Lire (x A <-- x<2 B <-- x>12 C <-- x<6 D <-- (a ET b) OU c (E <-- a ET (b OU c (Ecrire (" La valeur de d est : ", d (Ecrire (" La valeur de e est : ",e Fin نفترض أن x=14 علينا معرفة قيمة dو e هل هي صحيحة أم خاطئة هذا ما سنحصل عليه d <-- F e <-- F خامسا الحلقات عندما تكون لدينا عملية تتكرر سيكون من المتعب إعادة كتابتها و هنا نلجأ إلى الحلقات هناك ثلاث طرق أساسية لإنشاء الحلقات الحلقة TANTQUE طريقة الكتابة <o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">TANTQUE condition Faire Action Fin TANTQUE<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> فمادام الشرط قائما سيستمر البرنامج في تكرار العملية إلى أن ينعدم الشرط مثال كتابة لوغ يسمح لنا بمعرفة اسم الشهر من رقمه <o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">ALGO Mois Var m : entier Début ("Ecrire (" Donner le N° du mois (Lire (m TANTQUE m<1 OU m>12 Faire ("Ecrire (" Erreur, Donner un nombre entre 1 et 12 (Lire (m Fin TANTQUE . . . . Fin<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> الحلقة Répeter لها نفس الدور و لكن باتجاه معاكس طريقة الكتابة<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">Répeter Action Jusqu'à<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> مثال نرجع لمثال الأشهر Répeter ("Ecrire (" Donner le N° du mois (Lire (m Jusqu'à m>1 ET 12>m الحلقة POUR هي الأكثر سهولة و الأكثر تعقيدا في الوقت نفسه طريقة الكتابة <o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">POUR i allant de Vi à Vf Faire Action Fin POUR<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> <o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 12pt; text-align: center;"> مثال كتابة لوغ لحساب المجموع S=1+2+3+4+......+20 <o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="background-color: white; color: #000066; margin: 0cm 0cm 0pt; text-align: center;">ALGO Somme Var i,s : entiers Début S <-- 0 POUR i allant de 1 à 20 Faire S <-- s+i Fin POUR (Ecrire (" <st1:personname productid="La Somme" w:st="on">La Somme</st1:personname> est : ",s Fin<o:p></o:p></div><div align="center" class="MsoNormal" dir="rtl" style="margin: 0cm 0cm 0pt; text-align: center;"> بهذا أكون قد ختمت درسي الذي أتمنى أن يستفيد منه أكبر عدد من الأعضاء و بالنسبة للفقرة السادسة فهي الجداول و هي فقرة لم أفهمها كليا بعد على أمل أن يشرحها أحد الأعضاء ملاحظة هامة: يجب عدم الخلط بين Algorithme الذي هو موضوع درسنا و بين Logarithme الذي هو درس في الرياضيات, مع أن ترجمة Algorithme هي لوغارتم</div><div align="center" class="MsoNormal" dir="rtl" style="margin: 0cm 0cm 0pt; text-align: center;"> </div> <div align="center" class="MsoNormal" dir="rtl" style="margin: 0cm 0cm 0pt; text-align: center;">منقول لأهمية الموضوع ولضرورته في تعلم البرمجة على الطريقة الصحيحة</div></div>

الكل منا يسمع عن لغات البرمجة و الكل يعرف أنها مجموعة من الأوامر توصلنا لغاية و الكل يعرف أنها مجموعة من الأوامر توصلنا لغاية ما و لكن قلة...

أفضل ستة مواقع لتجربة أكواد لغات البرمجة المختلفة أون لاين

<div dir="rtl" style="text-align: right;" trbidi="on"><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">السلام عليكم ورحمة الله وبركاته<br style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #555555; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;" /><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">في الآونة الأخيرة أصبحنا نشاهد شباب عربي طموح لديه رغبة جامحة في تعلم أكواد البرمجة ، وهذا ما لمسته شخصيا من خلال بعض التدوينات التي كنت أكتبها على مدونتي حوحو للمعلوميات <span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">، حيث تحقق مثل هذه المواضيع نسبة مشاهدات رهيبة جدا في وقت وجيز .<br style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #555555; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;" /><br style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #555555; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;" /><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">وارتباطا بنفس الموضوع يحتاج أي مبرمج إلى برامج متخصصة في كتابة أكواد البرمجة عليها وتجربتها بشكل مباشر على نفس البرامج ، وقد كانت لي تدوينة سابقة شرحت فيها واحدة من بين هذه البرامج الخاص بمايكروسوفت ، في المقابل وارتباطا دائما بالخدمات المتنوعة التي أصبحنا نشاهدها على بعض المواقع والتي تغنينا عن استعمال البرامج ، سوف نتعرف في هذه التدوينة الجديدة على ستة مواقع عبر الأنترنت لتطبيق وتجربة أكواد لغات البرمجة المتنوعة أون لاين ، كلها مواقع تستحق التجربة وسوف أستعرضها واحدة تلوة الأخرى .<br style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #555555; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;" /><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">-----------------------------<br style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #555555; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;" /><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">1--موقع <a href="http://adf.ly/v2HvG" style="-webkit-transition: all 0.3s ease-in-out; color: #1992e4; margin: 0px; outline: none; padding: 0px; resize: none; text-decoration: none !important; transition: all 0.3s ease-in-out;" target="_blank">jsbin</a> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyKkpvwEFO3jFsETqNXEsyw7aAktmP6dp1PyZ9bzioPo8z2CB11H225h8maokBTbOqRZ_OKbz4rgLI52Fg103KzGDHo9HNrczbFXmhdtJ3SMysVPkpKXr8MXo3aeOJV520-QkUb38J-NRB/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="364" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyKkpvwEFO3jFsETqNXEsyw7aAktmP6dp1PyZ9bzioPo8z2CB11H225h8maokBTbOqRZ_OKbz4rgLI52Fg103KzGDHo9HNrczbFXmhdtJ3SMysVPkpKXr8MXo3aeOJV520-QkUb38J-NRB/s1600/5.png" width="640" /></a></div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;"> <span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">يدعم الموقع لغات البرمجة المختلفة ك html و CSS و javascript ، ويحتوي على قسمين للمكان الذي يمكنك عليه كتابة أكواد البرمجة ، وقسم مباشر للمشاهدة  ------------------------------------- 2- موقع <a href="http://adf.ly/v2IDI" style="-webkit-transition: all 0.3s ease-in-out; color: #1992e4; margin: 0px; outline: none; padding: 0px; resize: none; text-decoration: none !important; transition: all 0.3s ease-in-out;" target="_blank">codepad</a> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQQmIQfVa2b93botBKDnhpccRi04ox_WQ7LLMapPrQRAtJilhzulxX6LN_i4U7VATQ3dUIpNdy_W7ogNBkRMxGoRHNxTUBVNYNhTjCsO2KRrhNQUmPMnJsAHhdj5uyaGUbwkguGycjsDbf/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQQmIQfVa2b93botBKDnhpccRi04ox_WQ7LLMapPrQRAtJilhzulxX6LN_i4U7VATQ3dUIpNdy_W7ogNBkRMxGoRHNxTUBVNYNhTjCsO2KRrhNQUmPMnJsAHhdj5uyaGUbwkguGycjsDbf/s1600/7.png" width="640" /></a></div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">أنشأ الموقع من قبل Hazel Steven ، وهو تطبيق ويب فريد من نوعه حيث يمكنك مشاركة رمز بناء الجملة من خلال شبكة الإنترنت ، يدعم هو الأخر لغات البرمجة المتنوعة . <a href="https://www.blogger.com/null" name="more" style="-webkit-transition: all 0.3s ease-in-out; color: #1992e4; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;"></a>--------------------------------- 3-موقع <a href="http://adf.ly/v2JPR" style="-webkit-transition: all 0.3s ease-in-out; color: #1992e4; margin: 0px; outline: none; padding: 0px; resize: none; text-decoration: none !important; transition: all 0.3s ease-in-out;" target="_blank">cssdesk</a> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzwbgxSIKqpiLDi_TyhMvD_o2W2svaz4p7_P3H7koIoSFGw9OpIkva4hzbgPP18KGcqY08hyzBN502CeIvrJAvLUB1wugf7eekV8KlnhHo-wYIOlpkFNN0Ty0HPBQwsvUiFju-_ktUX9Kn/s1600/89.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzwbgxSIKqpiLDi_TyhMvD_o2W2svaz4p7_P3H7koIoSFGw9OpIkva4hzbgPP18KGcqY08hyzBN502CeIvrJAvLUB1wugf7eekV8KlnhHo-wYIOlpkFNN0Ty0HPBQwsvUiFju-_ktUX9Kn/s1600/89.png" width="640" /></a></div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;"> <div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">يعد هذا الموقع المثل الأعلى لبناء قوالب صفحة الويب، و يدعم لغة html و CSS  . --------------------------------- 4--موقع <a href="http://adf.ly/v2Jmb" style="-webkit-transition: all 0.3s ease-in-out; color: #1992e4; margin: 0px; outline: none; padding: 0px; resize: none; text-decoration: none !important; transition: all 0.3s ease-in-out;" target="_blank">jsFiddle</a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEgGJwKaGIduYa0GelmTOhEPys3EMsVD7i301taMIizZkRsTFFZh9C8Sj0s-DSHItD5uaeH4aPuxMocQOPXWU3NFiK2kWlXEazevP_nfRpDKV7b8kAltGQU1YAoGp4jkSvdmZRLy6h5stb/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEgGJwKaGIduYa0GelmTOhEPys3EMsVD7i301taMIizZkRsTFFZh9C8Sj0s-DSHItD5uaeH4aPuxMocQOPXWU3NFiK2kWlXEazevP_nfRpDKV7b8kAltGQU1YAoGp4jkSvdmZRLy6h5stb/s1600/10.png" width="640" /></a></div><div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;"> </div><div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;"> </div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">يدعم لغات HTML و CSS و JAVASCRIPT ، والخاصية الجميلة في الموقع أنه في حالة ما قمت بالتسجيل فيه يمكنك حفظ الأعمال التي تقوم بها عليه ، للرجوع استكمالها في وقت لاحق ------------------------------ <div class="separator" style="-webkit-transition: all 0.3s ease-in-out; background-color: white; clear: both; color: #555555; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; text-align: center; transition: all 0.3s ease-in-out;"> </div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">5-- موقع <a href="http://adf.ly/v2K3n" style="-webkit-transition: all 0.3s ease-in-out; color: #1992e4; margin: 0px; outline: none; padding: 0px; resize: none; text-decoration: none !important; transition: all 0.3s ease-in-out;" target="_blank">Cloud9 IDE</a> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Z4o2fkyzrv_bldPEfto7gRHW70aFqJNAw4c66PFtEMQ42w45vW8UK93xSYT0Jh_XjcTsdS-Pt2sxIfMMBnQDLmAWQWSEzfV0W0LpvA9WbuAo9Z-wKJ_rQuEnOUV_LJkROult8hUgz91a/s1600/11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Z4o2fkyzrv_bldPEfto7gRHW70aFqJNAw4c66PFtEMQ42w45vW8UK93xSYT0Jh_XjcTsdS-Pt2sxIfMMBnQDLmAWQWSEzfV0W0LpvA9WbuAo9Z-wKJ_rQuEnOUV_LJkROult8hUgz91a/s1600/11.png" width="640" /></a></div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;"> <span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">في اعتقادي أنه أفضل مصدر للمطورين  عبر الانترنت. فهو ليس مجرد محرر، ولكنه يحتوي على مجموعة كاملة من الأدوات والموارد ، كما يمكنك تخزين كافة الأعمال على الجهاز ، عليك التسجيل في الموقع للإستفادة من هذه الخدمة. --------------------------------------- 6--موقع <a href="http://adf.ly/v2L7R" style="-webkit-transition: all 0.3s ease-in-out; color: #1992e4; margin: 0px; outline: none; padding: 0px; resize: none; text-decoration: none !important; transition: all 0.3s ease-in-out;" target="_blank">SQL Fiddle</a> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr7A00_WtKXAZpjijKRuUPJIF7_ZdS5x2gh833A_KNtEtwj-Muypcdm33h81o4RdRNTbVUYHWz7SORbF4ova4g_-W4S_eqMeHs3eVKefGH7Q8YDdHogc7udAx7wvrr7c6i8deliffjADB-/s1600/15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr7A00_WtKXAZpjijKRuUPJIF7_ZdS5x2gh833A_KNtEtwj-Muypcdm33h81o4RdRNTbVUYHWz7SORbF4ova4g_-W4S_eqMeHs3eVKefGH7Q8YDdHogc7udAx7wvrr7c6i8deliffjADB-/s1600/15.png" width="640" /></a></div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;"> <div class="separator" style="clear: both; text-align: center;"></div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;">يعد هو الآخر موقع متميز لتجربة الأكواد و كتابة بعض التعليمات البرمجية الخاصة بلغات  SQL  ، ويمكنك استعمال الموقع دون الحاجة إلى التسجيل فيه . ------------------------------- كانت هذه أهم المواقععبر الأنترنت التي قد تفيد المبرمجون الذين يحتاجون إلى تجربة أكواد البرمجة المختلفة أو نلان ومن دون الحاجة إلى برامج ، أراك في تدوينة جديدة بإدن الله. <div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;"> <div class="separator" style="clear: both; text-align: center;"></div><span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;"> <span style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #20124d; font-family: arial, Tahoma; font-size: 12px; margin: 0px; outline: none; padding: 0px; resize: none; transition: all 0.3s ease-in-out;"> </div>

السلام عليكم ورحمة الله وبركاته في الآونة الأخيرة أصبحنا نشاهد شباب عربي طموح لديه رغبة جامحة في تعلم أكواد البرمجة ، وهذا ما لمسته شخصيا من...