Page 16 - مجلة طموح IT العدد الثامن
P. 16
دروس في الجافا سكربت
الخطوة الثانية في الجافا سكربت: الخطوات الأولى في الجافا سكربت:
ســوف يتطــرق المقــال الــى مفاهيــم ســوف يجيــب هــذا المقــال عــن بعــض
البرمجـة كالمتغيـرات ،والسلاسـل ،والأرقـام الأســئلة الجوهريــة مثــل:
والمصفوفــات ،وتنظيــم البيانــات ،وكذلــك
تسـليط الضـوء علـى طـرق البرمجـة الأكثـر ماهــي الجافــا ســكربت؟ كيــف تبــدو اللغــة؟
شــيوع ًا (كالجمل التكراريــة والشــرطية ومـاذا يمكنهـا أن تفعـل ،قبـل الإنطـاق الـى
وغيرهــا مــن مفاهيــم اللغــة الاساســية). تجربتـك العمليـة الأولـى فـي كتابـة اللغـة.
الخطوة الثالثة في الجافا سكربت:
سـوف يتـم التطـرق الـى أشـهر مكتبـات الجافـا سـكربت المسـتخدمة فـي تطبيقات واجهـات الويـب ،والتطـرق الى أشـهر الـ APIالمسـتخدمة
مـع الجافـا سـكربت فـي بنـاء واجهـات التطبيقـات التـي تعمـل علـى مختلـف المتصفحـات وأنظمـة التشـغيل (وسـوف أوضـح بالتفصيـل
ماهـي الــ APIعنـد الوصـول الـى هـذه الخطـوة).
في هذا العدد سوف نتناول الخطوة الاولى ،أما الخطوة الثانية والثالثة فسوف يتم تناولها بالتفصيل في الأعداد القادمة من المجلة.
من المتطلبات الأساسية لهذه السلسلة من الدروس هو أن تكون لديك معرفة جيدة بلغتي الـ HTMLوالـ .CSS
الدرس الاول -الخطوة الاولى لتعلم الجافا سكربت:
ُعرفت الجافا سكربت على أنها أحدى اللغات الثلاث التي يجب على مطوري الويب تعلمها و هي:
:HTML-Hypertext Markup Languageحيـث تسـتخدم لبنـاء هيكليـة وتحديـد محتـوى الصفحـة فيمـا اذا كان يتضمـن فيديوهـات ،صـور ،نصوص،
أو جـداول لعـرض البيانـات وغيرها.
: CSS-Cascading Sheet Styleتســتخدم لتنســيق الصفحــة ويشــمل الألــوان ،إطــارات الصفحــة ،الخلفيــة ،نــوع الخــط وحجمــه ،طريقــة ترتيــب،
وعـرض عناصـر الصفحـة ،وغيرهـا مـن الامـور
:JavaScriptلغة برمجة نصية ،كائنية التوجه ،ومتعددة المنصات .وتستخدم لإضافة وظائف حيوية على صفحات الويب.
وعلـى سـبيل المثـال :يمكنـك الوصـول الـى كافـة مكونـات الصفحـة ومعالجتهـا ،إنشـاء تأثيـرات رسـومية رائعـة ومتحركـه ،يمكنـك العثـور
علـى موقعـك وتحديـده علـى الخريطـة ،وجعـل عناصـر الصفحـة تظهـر او تختفـي عنـد الضغـط علـى زر ،حفـظ بيانـات المسـتخدمين محليـ ًا
علـى أجهـزة الكمبيوتـر الخاصـة بهـم ،والسـيطرة علـى الوسـائط المتعـددة (الصـور ،الفيديـو ،وتسـجيلات الصـوت).
مــع المزيــد مــن الخبــرة فــي إســتخدام الجافــا ســكربت ســوف تكــون قــادراً علــى برمجــة
الألعـاب ،والرسـوم المتحركـة 2Dو ، 3Dوالجـداول البيانيـة ،والأكثـر تميـزاً هـو إسـتخدام
الجافـا سـكربت لتحديـث محتـوى الصفحـة أوتوماتيكيـ ًا وأكثـر مـن ذلـك بكثيـر.
عندمـا تلاحـظ الصـورة فـي الاسـفل سـيكون الامـر أكثـر وضوحـ ًا بالنسـبة اليـك ،حيـث
يظهــر مقطــع طولــي (لقطعــة ك ّيــك) متألفــة مــن ثلاثــة طبقــات الواحــدة فــوق
الاخــرى ،ولنفــرض أن قطعــة الك ّيــك هــذه هــي صفحــة الويــب مؤلفــة مــن ثلاثــة
طبقـات الاولـى تمثـل الــ HTMLوالثانيـة CSSوالثالثـة هـي الــ .JavaScript
لكن ماذا يحدث إن حصل تغيير في ترتيب هذه الطبقات ؟
زينب سالم 16
