الهدفCompare HTML and JavaScript and decide which pages and apps need content that changes.
كلمات جديدة
مخطط فن · رسم بدوائر متداخلة يبيّن ما يختلف وما يتشابهالمستخدم · الشخص الذي يستخدم صفحة أو تطبيقًاالتفاعل · ما يفعله المستخدم في الصفحة، كالضغط على زرسلة التسوق · قائمة تكبر كلما أضاف المتسوق شيئًا
الشرح
أي لغة تختار؟ يعتمد ذلك على المهمة. لغة HTML شائعة في المواقع الصغيرة ومن الأسهل البدء بها، وتبني صفحات ثابتة لا تتغير. أما لغة مثل جافا سكريبت فهي أفضل حين يجب أن تتغير الصفحة بسبب المستخدم، وتجعل الصفحة تبدو شخصية. وما الذي يجمعهما؟ كلتاهما لغتان تُستخدمان لبناء المواقع. ويعرض مخطط فن ذلك جيدًا: ضع في دائرة ما تفعله HTML وحدها، وفي الدائرة الأخرى ما تفعله جافا سكريبت وحدها، وفي المنتصف ما تفعلانه معًا. ولتعرف هل تحتاج الصفحة إلى محتوى متغير اسأل: هل يجب أن تتفاعل مع شيء يفعله المستخدم؟ المحادثة ونتيجة اللعبة وسلة التسوق كلها كذلك. أما ملصق قواعد المدرسة فلا. وتجمع صفحات كثيرة بين الاثنين: العنوان ثابت، لكن عدد الأشياء في السلة يتغير.
أمثلة محلولة
ثلاث صفحات يجب أن تتغير بحسب ما يفعل المستخدمون: صفحة محادثة لأن رسائل جديدة تصل، وصفحة لعبة لأن النتيجة تتحرك، وصفحة تسوق لأن السلة تكبر مع كل غرض.
أضف كتابين: الأغراض 2→أضف قلمًا: الأغراض 3
يملأ كريم سلة تسوق. يضيف كتابين فتكتب الصفحة «الأغراض: ٢». ثم يضيف قلمًا فتكتب «الأغراض: ٣». يتغير الرقم بعد كل فعل، وهذا محتوى ديناميكي.
جزء الصفحة
ثابت أم ديناميكي؟
العنوان: طقس اليوم
ثابت
درجة الحرارة
ديناميكي
ملاحظة: «انتبه»
ثابت
صفحة طقس لبلدة خيالية. عبارة «طقس اليوم» ثابتة. أما درجة الحرارة فتُحدَّث طوال اليوم، فتحتاج إلى لغة قادرة على تغيير الصفحة.
نشاط الفصل
مخطط فن والاختيار. ارسم مخطط فن لـ HTML وجافا سكريبت وضع هذه العبارات في مكانها: «أسهل للبدء»، «يتفاعل مع المستخدم»، «يُستخدم لبناء المواقع»، «الأفضل لصفحة صغيرة ثابتة». ثم تخيل صفحة تعرض رحلات القوارب في النيل: ما الأجزاء التي تبقى ثابتة وما الأجزاء التي يجب أن تتغير حين يختار الزائر يومًا؟ وقل أي لغة تناسب كل جزء.
تدرّب
1
ما الذي تشترك فيه HTML وجافا سكريبت؟
كلتاهما لغتان تُستخدمان لبناء المواقع.
2
أيهما أفضل للمحتوى الذي يتغير بحسب المستخدم؟
جافا سكريبت.
3
اذكر ثلاثة أمثلة على صفحات أو تطبيقات يجب أن تتغير بحسب ما يفعل المستخدمون.