إعلان
دورة تطوير التطبيقات باستخدام لغة JavaScript في هذه الدورة ستتعلم لغة جافا سكريبت, استخدام مكتبة React.js, بناء API الموقع بواسطة Node.js, تطوير تطبيق جوال باستخدام React Native, و في نهاية الدورة ستتعلم تطوير تطبيق محادثة شبيه بتطبيق WhatsApp. تعلم الآن
دورة تطوير واجهات المستخدم في هذه الدورة ستتعلم لغة HTML و لغة CSS و لغة JavaScript. من ناحية التطبيق العملي ستتعلم طريقة بناء واجهة متجر إلكتروني مكون من ست صفحات, تحويل خمسة تصاميم PSD إلى صفحات ويب, بناء واجهة مستخدم تشبه موقع يوتيوب, بناء لوحة تحكم إحترافية. تعلم الآن
تطوير تطبيقات باستخدام لغة بايثون في هذه الدورة ستتعلم أساسيات البرمجة بلغة بايثون وصولاً إلى التعامل مع أشهر أطر العمل (Flask و Django) و ستتعلم كيف تبني متجر إلكتروني يمكن للمستخدمين البيع و الشراء من خلاله. تعلم الآن
دورة تطوير تطبيقات الويب باستخدام لغة PHP في هذه الدورة ستتعلم لغة PHP من الصفر, استخدام إطار العمل Laravel بشرح مفصّل و عملي, كيفية تطوير شبكة اجتماعية تشبه Instagram, بناء API لتطبيق جوال وفق أسلوب RESTful, تطوير موقع إعلانات مبوبة, تطوير نظام إدارة محتوى CMS كامل. تعلم الآن
دورة تطوير تطبيقات الويب باستخدام لغة Ruby في هذه الدورة ستتعلم البرمجة بلغة Ruby إنطلاقاً من أبسط المفاهيم وحتى بناء تطبيق حقيقي, إستخدام إطار العمل Ruby on Rails بشرح مفصّل و عملي, بناء تطبيق حقيقي عبارة عن شبكة اجتماعية تشبه تويتر, تطوير مجتمع الكتروني يشبه حسوب I/O. تعلم الآن
دورة علوم الحاسوب هذه الدورة معدة لتكون مدخل لعلوم الحاسوب و لغات البرمجة حيث ستتعرف فيها على أنظمة التشغيل و ستتعمق في نظام لينكس و في كيفية التعامل معه من خلال موجه الأوامر, بالإضافة إلى قواعد البيانات و أساسيات الشبكات و الخوادم و مبادئ الحماية والأمان في الويب. تعلم الآن

    HTML تنسيق الكود

    مفهوم تنسيق الكود

    في البداية, ما نقصده بتنسيق الكود هو إظهار أي نص يرمز لشيء خاص بالحاسوب و بعملية حسابية بنوع خط مختلف عن النص العادي.
    نوع الخط الذي يستخدم في تنسيق الكود إسمه monospace و هو يعطي الأحرف حجماً موحداً مما يجعل قراءتها و تتبعها أمر سهل جداً بالنسبة للقارئ.

    في HTML يوجد خمس وسوم يمكن استخدامها في تنسيق الكود و سنتعرف عليها في هذا الدرس.

    عرض أسماء أحرف الكيبورد

    عند وضع شروحات تخبر فيها المستخدم بأن ينقر على أزرار معينة في الكيبورد ( Keyboard ) يمكنك وضعها بين <kbd> </kbd>.
    هذا الوسم يقوم فقط بتغيير نوع خط النص الموضوع بداخله إلى النوع monospace حتى يظهره بشكل مختلف عن باقي النص.


    في المثال التالي قمنا بعرض أسماء أحرف في الكيبورد باستخدام <kbd>.

    مثال

    <p>Press <kbd>Ctrl + S</kbd> to save this page on your computer.</p>
    		

    جرب الكود

    عرض مخرجات البرامج

    في حال أردت عرض مخرجات البرامج ( Programs Output ) يمكنك وضعها بين <samp> </samp>.
    هذا الوسم يقوم فقط بتغيير نوع خط النص الموضوع بداخله إلى النوع monospace حتى يظهره بشكل مختلف عن باقي النص.


    في المثال التالي قمنا بعرض رسالة خطأ يظهرها الحاسوب باستخدام <samp>.

    مثال

    <p>My computer show me this alert:</p>
    <p><samp>Error code: 0x80070043<br>The network name cannot be found.</samp></p>
    		

    جرب الكود

    عرض كود في النص

    في حال أردت عرض الكلام الذي هو عبارة عن كود أو عملية حسابية بشكل مميز عن النص الموضوع معه في نفس الفقرة يمكنك وضع الكود بين <code> </code>.
    هذا الوسم يقوم فقط بتغيير نوع خط النص الموضوع بداخله إلى النوع monospace حتى يظهره بشكل مختلف عن باقي النص.


    في المثال التالي قمنا بوضع الكلام الذي هو عبارة عن كود بداخل <code> </code> حتى يظهر بشكل مختلف عن النص العادي.

    المثال الأول

    <p>In java the <code>main()</code> function is the starting point.</p>
    		

    جرب الكود


    في المثال التالي قمنا بعرض إحدى قواعد الرياضيات بشكل بداخل <code> </code> حتى تظهر بشكل مختلف عن النص العادي.

    المثال الثاني

    <p>Pythagorean Theorem: <code>a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup></code></p>
    		

    جرب الكود

    عرض أسماء المتغيرات في النص

    المواضيع التي لها علاقة بالبرمجة و الرياضيات و أي مادة أخرى تتضمن معادلات نقوم عادةً باستخدام أسماء متغيرات فيها مثل X و Y.
    إذا أردت عرض إسم المتغير بشكل مميز عن النص الموضوع معه في نفس الفقرة يمكنك وضعه بين <var> </var>.
    هذا الوسم يقوم بعرض الإسم الذي نضعه بداخله بشكل مائل.


    في المثال التالي قمنا بوضع الأحرف التي هي عبارة عن أسماء متغيرات بداخل <var> </var> حتى تظهر بشكل مائل.

    مثال

    <p>Calculate the value of <var>x</var> where <code>x + 5 = 13</code>.</p>
    		

    جرب الكود

    إعلان

    Eqla3Tech.com

    شروحات مكتوبة حول لغات البرمجة و تقنية المعلومات باللغة العربية مقدمة من إقلاع تك.

    لغة جافا لغة ++C قواعد البيانات نظام ويندوز نظام لينكس الشبكات تقنية المعلومات الأمن السيبراني

    الدورات

    أدوات مساعدة

    الأقسام

    دورات
    مقالات أسئلة مشاريع كتب