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

بسم الله الرحمن الرحيم

 السلام عليكم ورحمة الله وبركاته 

لنبدأ وميضا جديدا لتكون سعيدا

هذه المقالة الرابعة من سلسلة تعلم البرمجة بلغة الجافا سكريبت وهذه المقالات تكون مرجع لك تستطيع العودة لها متى أردت  في المقال الأول تكلمنا عن تاريخ إنشاء لغة الجافا سكريبت ويمكنك الأطلاع عليها على الرابط التالي من منصة أموالي

 https://tech.amwaly.com/blog/8281/%D8%B3%D9%84%D8%B3%D9%84%D8%A9-%D8%AA%D8%B9%D9%84%D9%85-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-java-script

المقال الثاني تكلمنا عن الأدوات التي يحتاجها الشخص لتعلم البرمجة يمكنك الاطلاع عليه عبر الرابط التالي من منصة أموالي 

https://tech.amwaly.com/blog/9057/%D8%A7%D9%84%D8%AD%D9%84%D9%82%D8%A9-%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%D8%A9-%D9%85%D9%86-%D8%B3%D9%84%D8%B3%D9%84%D8%A9-%D8%AA%D8%B9%D9%84%D9%85-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-%D8%A8%D9%84%D8%BA%D8%A9-%D8%A7%D9%84%D8%AC%D8%A7%D9%81%D8%A7

المقال يتحدث عن كافة الإضافات التي يجب إضافتها على برنامج المصحح للكود يمكنك الاطلاع عليها عبر الرابط التالي بمنصة ذاتها

https://tech.amwaly.com/blog/9638/%D8%A7%D9%84%D8%AF%D8%B1%D8%B3-%D8%A7%D9%84%D8%AB%D8%A7%D9%84%D8%AB-%D9%84%D9%83%D9%88%D8%B1%D8%B3-%D8%AA%D8%B9%D9%84%D9%85-%D9%84%D8%BA%D8%A9-%D8%A7%D9%84%D8%AC%D8%A7%D9%81%D8%A7-%D8%B3%D9%83%D8%B1%D9%8A%D8%A8%D8%AA-%D8%A7%D9%84%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D8%A9-%D9%84%D8%AA%D8%B9%D9%84%D9%85-%D8%A7%D9%8A-%D9%84%D8%BA%D8%A9-%D8%A8%D8%B1%D9%85%D8%AC%D8%A9

المقال الرابع يفيدك لتعلم أي شيء كان خلال عشرين ساعة فقط

https://public.amwaly.com/blog/8472/taalm-ay-shyaa-fy-aashryn-saaa

بداية الدرس

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

النوع الأول 

internal style أو النمط الداخلي 

النمط الثاني external style  أو النمط الخارجي

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

النمط الثالث inline style أو النمط الكود المضمن

المثال التوضيحي عن الفكرة الآن سنقوم بكتابة كود بسيط ليس من المهم فهم وظيفة هذا الكود سيتم شرحه بشكل تفصيلي ولكن نقوم بذلك لتوضيح المثال والفرق بين أشكال كتابة الأكواد بشكل عام 

ملاحظة: لمعرفة أين يتم كتابة الأكواد js بشكل عام يتم وضعه في القسم الخاص في head حسب تقسيمات لغة html ويوضع بعد ملف style بعد ملف style أو قبل ملف style الصفحة التي تنشئها ستعمل ولكن هناك فرق وهناك شيء يسمى best brackets  هناك شيء أفضل من شيء وهناك شيء أصح من شيء والترتيب الصحيح المتبع بين مبرمجين العالم 

كيف يتم استدعاء ملف خارجي 

عن طريق كتابة الكود التالي <"link rel="stylesheet"  herf"file css">وتحته مباشر يتم كتابة الكود التالي بالتاج <script> ومن ثم نضغط أنتر ونكتب علامة إغلاق الكود التي تعلمناها بالكورس الثاني html

<script>

بين هذان 2tags يتم كتابة كافة الأكواد بلغة الجافا سكريبت 

</scrip/>

والآن لو أنا عكست الموضوع وخليت السكربت أول وبعدها ملف style سنلاحظ بأن المتصفح سيقوم بقراءة الكود  بشكل التالي يقوم المتصفح بقراءة الكود المنسق لهذه الصفحة قبل عرضها قيقوم بملاحظة بأن الملف style فيقوم بتنسيق الصفحة ومن ثم يلاحظ وجود كود بلغة الجافا سكريبت فينفذها ولكن ملاحظة لو حصل مشكلة في الكود الخاص بالجافا سكريب ما الذي يحصل هتظهر رسالة بوجود مشكلة لكن الصفحة تكون معروضة بالتنسيق الذي تريده 

ملاحظة لو تم عكس الأمر وكتابة الكود الخاص بالجافا قبل كتابة التنسيق للصفة ولو كان هناك خطأ في الكود سنلاحظ بأن الصفحة توقفت عن العرض دون أن يظهر التنسيق هذا هو الفرق والناس القديمة التي قامت بالبرمجة على متصفح إكسبلورر الخاص من شركة مايكروسوفت لاحظوا عند أي خطأ بكتابة الكود الخاص بالسكريبت كل شيء يقف مثل الصور وما شابه إذا ما الصحيح 

نقوم بوضع الscript آخر شيء من أجل أن أضمن تنسيق الصفحة بشكل تام ومن ثم إذا وجد خطأ يقوم بتوضيح الرسالة أتمنى أن يكون كلامي واضح بالنسبة لكم 

نلاحظ كثيرا وجود كلمة “type” فما المقصود فيها كلمة  “type” المقصود فيها تحديد نوع الملف الذي تم استدعاؤه مثال “<"link rel="stylesheet"  herf"file csstype” “text/css" >  من الشيء المعروف في عالم الويب كل ملف مرفوع على الإنترنت له شيء يسمى mime type فلو قمت بالبحث والقراءة عنها على الجوجل هتعرف عنها ولكن المهم لدينا الآن معرفة بأن mine type غير مطلوب بصفحة html 5  ملاحظة سابقا كان يجب عليك كتابة كود طويل لتعرف المصحح الكود نوع الملف البرمجة الذي تقوم بإستدعاؤه ولكن الآن لا داعي كتابة هذا الكود لأن المصحح يعلم أي ملف بأي لغة تستخدم والمقال التالي سنقوم بشرح كيفية استخراج وإضافة ملف خارجي من الكومبيوتر ولكن من المهم بأن تعرف بأن الامتداد المعروف عالميا للملف الحاص بأكواد الجافا سكريبت امتداده هو اسم الملف +.js

ملاحظة : يمكنك كتابة الأكواد الخاصة بلغة الجافا سكريبت ضمن التاج الخاص بلغة html الأغلبية بقسم body ولكن ممكن كتابته بالقسم قبل انتهاء من كتابة html ويمكنك بالقسم head أغلبية الأكواد يتم كتابتها بقسم الbody وبعض الأكواد تحتاج للكتابة بقسم head 

أي ملف برمجي بأي لغة يجب وضعه آخر شيء بالصفحة ليتم تحميل تنسيق الصفحة من ثم إظهار إن كان هناك خطأ ما بالبرمجة أي لغة المهم لكي تستطيع مراجعته وتدقيقه والعمل على الأخطاء وهناك بعض الأكواد توضع بالصفحة html هذا استثناء ولكن ما أقوله قاعدة عامة لكل الملفات  الخارجية الخاصة بالبرمجة والسلام لمن فهم الكلام 

نلتقي بالمقال التالي بإذن الله لا تنسى بدعمنا بلايك أو تعليق أو أشترك ليصلك كل جديد لدينا بإذن الله أتمنى أن تكون هذه المعلومات مفيدة لك يرجى مشاركتها لشخص يريد تعلم لغة الجافا سكريبت