MS.SAMAR
مصممة
عدد المساهمات : 44
تاريخ التسجيل : 14/12/2014
 | | موضوع: الجافا سكريبت ما هي الـ JavaScript ؟ الثلاثاء يناير 12, 2016 10:58 am | |
|
الجافا سكريبت ما هي الـ JavaScript ؟
كيف الحال جميعا ً ؟! يا رب تكونوا بخير و صحة.
اليوم سأتحدث عن لغة هي أساس تطوير مواقع الويب في هذه الآونة و هي لغة الجافا سكريبت JavaScriptو لكن قبل أن نبدأ يجب أن نعرف بعض الأشياء الأساسية و من أهمها ” تكوين صفحات الويب ” .
الـ HTML هي لغة المحتوى :
الـ HTML هي اللغة المسئولة عن عرض المحتوى و ترتيبه و نوعه سواء كان رابط تشعبي أو صورة أو نتيجة بحث إلى آخره ، و هذا العرض يتم عن طريق إستخدام وسوم لغة الـHTML المعروفة [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]
الـ CSS هي لغة العرض :
الـ CSS هي لغة مساعدة! تساعدك في جعل المحتوى يظهر بشكل أفضل فيما يتعلق بالجماليات من ألوان الخطوط و حجمها و الحدود و المسافات دون المساس بهيكل المحتوى المكتوب عن طريق الـ HTML و يمكنك تطبيق أكثر من نسق على نفس العنصر. و مع تطور التكنولوجيا أصبحت زيارة المواقع ليست حكرا ً على مستخدمي الكومبيوتر فقط بل تطور الوضع إلى مستخدمي الهواتف الذكية مما دعا مطوري لغة الـ CSS إلى العمل على تقنيات جديدة لإنشاء المواقع المتجاوبة أو ما يطلق عليها Responsive Web Design [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]
الـ JavaScript هي لغة التفاعل :
المقصود هنا بلغة التفاعل هي اللغة التي تتيح لك جعل صفحتك تفاعليه أي أن الزائر يقوم بفعل معين و على أساس ذلك الفعل سيظهر له نتيجة معينه. و بالطبع ذلك التفاعل يتم مع عنصر من عناصر الـ HTML فهي كما ذكرنا هي لغة المحتوى أو البنية الأساسية للصفحات. و من أهم الفوائد للصفحات التفاعلية هو كسر الملل فالزائر لا يريد أن يشعر أنه في داخل صفحات كتاب ، بل يريد أن يشعر بالتكنولوجيا البرمجية عند زيارة الموقع.
يمكنك نسخ هذا الكود و قراءة التعليقات بداخله لتفهم الفكرة العامة:
- الكود:
-
[center]<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="utf-8" />
<title>مرحبا ً بكم</title>
<!-- CSS لغة العرض -->
<style>
h1 { font-size: 1em; color: red; }
button { color: blue; }
</style>
</head>
<body>
<h1>بسم الله الرحمن الرحيم</h1>
<button>سبحان الله</button>
<!-- JavaScript لغة التفاعل. -->
<script>
// Get a handle on the first button element in the document.
var button = document.querySelector( "button" );
// إذا ضغط الزائر على هذا الزر أظهر رسالة
button.addEventListener( "click", function( ev ) {
alert( "سبحان الله و بحمده ، سبحان الله العظيم" );
}, false);
</script>
</body>
</html> [/center]
نلاحظ في الكود السابق أن الـ HTML هي البنية التي توضح هيكل الصفحة سواء كان عنوان الصفحة أو الزر أو النص و قامت لغة الـ CSS بالمساعدة في طريقة عرض الصفحة فهي المتحكمة في ألوان النصوص و ذلك من خلال تضمينها في الكود بين وسوم
|
|
