المشروع - كل ما يتعلق بتطوير المواقع http://www.almashroo.com/

قبل ان نبدأ درسنا أود أن تعرف أنك بحاجة إلى معرفة مسبقة باستخدام أوامر جافاسكريبت لأن المكتبة مبنية عليها، وكذلك معرفة أوامر html/xhtml css ولو القليل.

إذا وجدت نفسك على دراية بما ذكرت فكمل معي هذه الدروس وإلا فمن الأفضل لك أن تأخذ فكرة عن هذه المكتبة حالياً، وبعد تعلمك المطلوب تقرأ موضوعي مجدداً حتى تحقق أفضل فائدة :) عذراً على هذا الكلام ولكن هذا لمصلحتك عزيزي.

مكتبة JQuery هي عبارة عن دوال وأوامر تختصر عليك الكثير من الوقت والجهد. كذلك فيها مميزات رائعة، فتستطيع إضافة تأثيرات جميلة على صفحتك ومعالجة أحداث الصفحة بالمتصفح بسهولة ودون معالجتها بالخادم لما يستغرق من وقت.

يمكنك تحميل المكتبة من موقعها الرسمي www.jQuery.com وقم بتحميل آخر إصدار من المكتبة (الإصدار الحالي عند وقت كتابة هذا الدرس هو 1.2.6).

<script type=”text/javascript”>

سأجيب على هذا السؤال فى صورة 1،2 و لن أدخل فى تفاصيل كل نقطة، ومن يريد الإستفسار عن نقطه معينه فليترك تعليقاً.

قام John Resig مخترع المكتبة العملاقة للجافاسكربت JQuery والذي يعمل حاليا لدى شركة Mozilla بتطوير نسخة من لغة Processing تعمل على Javascript و Canvas على المتصفحات. لغة Processing هي لغة برمجية و بيئة تطوير متكاملة IDE مفتوحة المصدر بُنيت لمجتمعات الفنون الألكترونية والتصاميم المرئية.

أى مصمم و مطور مواقع يعرف انه لا يمكن له اللعب كثيراً فى نصوص موقعه، فلا يستطيع من الناحية العملية مثلاً إختيار نوع خط غير تلك الموجودة تلقائياً فى الويندوز. و أيضاً العناوين الرئيسية يضطر لكتابتها فى صور Images من أجل أن تظهر ملساء الحواف Anti-aliasing.

هذه المحدودية فى نعومة الحواف دفعت الإنترنت الإكسبلورر 7 بالقيام بهذه المهمة تلقائياً لكافة النصوص الموجودة بالصفحة التى تطلع عليها. و لكنها خطوة غير عملية على الإطلاق لأنها تؤثر على كافة الخطوط على السواء و تدمر مقروئية Readability الخطوط الصغيرة، كما أنها لم تحل محدودية إختيار نوع الخط.

و فى الأشهر القليلة السابقة لإبريل 2005 قامت مجموعة صغيرة من مصممي و مطوري مواقع الويب عملوا بجد من أجل إبتكار تقنية لإدراج نصوص غنيه لمواقع الإنترنت دون التضحية بالصهولية (سهولة الوصول Accesibilty) و لا صداقة محركات البحث SEO و لا لغة برمجة و تصميم الصفحة Page Markup ، و توصلوا فعلا لتقنية سيفر sIFR وهى إختصار لـ Scalable Inman Flash Replacement.

هذه لائحة بأهم أوامر CSS وما يقابلها من أشباهها في JavaScript.

مثال:
لتحويل الـbackground-color في CSS إلى JavaSctript سنزيل علامة – ونكبّر الحرف الذي يليها لتصبح backgroundColor، وهذا حتى نتحكم بها من خلال الجافاسكريبت.

في هذا الدرس سنتعلم بإذن الله تعالى الفرق بين الجافاسكربت وDOM وDHTML، فالكثير الكثير من مبرمجي ومصممي الويب يغفلون عنه ويظنون أن كل هذه الأشياء واحد وهي الجافاسكربت، وكثير منا عندما يريد أن يستخدم الجافاسكربت في تصميمه للصفحة فأنه يذهب ويبحث بالساعات عن برمجيات جاهزه لتغيرات بسيطه كتغير لون الخلفية عندما يضغط المستخدم على زر مثلاً، ومانفعله بالغالب هو Cut & Paste بدون حتى قراءة الكود ومع أن الكود يكون سهل جدا وفي الغالب لايتعدى 20-30 سطر.

أغلب التقنيات لدينا لها إيجابيات وسلبيات، وفي العادة تغلب الإجابيات على السلبيات، والعكس صحيح في بعض الأحيان، ففي هذا المقال سوف أوضح إجابيات وسلبيات تقنية AJAX. ولأن أكثرنا يعرف إيجابيات هذه التقنية، فلم أركز عليها بقدر تركيزي على السلبيات، وسأذكر هنا 4 إيجابيات و 4 سلبيات، وأرجوا إن كانت هناك حلول لها حسب رأيكم أن نناقشها حتى نصل لنتيجة جيدة.