الويب العربي - حصرياً ... ترجمة مقال "أبجديات تطوير المواقع"

أبجديات تطوير المواقع

من الممكن أن يكون تطوير المواقع شيء محيرا تماماً . اليوم ، أستهدف المبتدئين ، وأود أن اعرض عليكم ستة وعشرين مصطلح أو تقنية .

أ – أجاكس ” AJAX”

اختصار لـ ( Asynchronous JavaScript And XM)
وهى القوة الرئيسية الدافعة وراء كل التطبيقات الشبكية التي قمت باستخدامها على مدى السنين القليلة الماضية
إن أجاكس كا تقنية ، انتشرت بطريقة كبيرة . ( جى ميل ، فليكر ، إي باى ). وأيضا قد تجدها في لوحة تحكم ورد بريس .
والسؤال هنا هو ماذا تفعل الاجاكس وكيف تفعله ؟
في أي لوحة تحكم تجد طلب (XMLHttp) والذي يسمح بإرسال الأوامر واستقبالها ، بعد استكمال تحميل الصفحة ومن غير الضغط على أي شئ في الصفحة.
وهذا يعنى أنة ليس من الضروري عند كل عمل تعمله أن يتم تحديث الصفحة كلها ، وهذا بدورة يعطى سلاسة أكتر ، وتكون مشابه لما يحدث في سطح المكتب

ب – المتصفح “Browser”

المتصفح هو الهيكل الذي يحتوى على التحف الرائعة التي تصنعها ، سواء كانت مواقع أو تطبيقات . فهو لا يقتصر على عرض المواقع -
إن متصفحات الويب الحديثة أصبحت كالوحوش في تعدد المهام . كمثال ، الألسنة في اى ار سى “taps into IRC” ، و بروتوكول نقل الملفات “ftp” في الخادم و مزامنة البيانات في كل جهاز استخدمه .

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

ت - سى اس اس “CSS”

سى اس اس = صفحات الأنماط الانسيابية ، هي اللغة التي تعرف وتحدد كيفية عرض الصفحة.

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

ث – دوم ” DOM “

هي اختصار لـ (Document Object Model)
هي الاتفاقية المسلم بها للتفاعل مع وثائق اتش تى ام ال أو اكس ام ال . وتقدم دوم طريقة للنفاذ والتلاعب مع الوثائق بطريقة برمجية.

تخلق تسلسل هرمي يطابق هيكل ال اتش تى ام ال ، والعنصر الصغير يسمى نود أو دوم نود .

إذا سمعت أحدهم يتحدث عن دوم ، من المحتمل أنهم يتحدثون عن دوم سكربتينج . وهذا المصطلح يصف الطريقة البرمجية لـ لتلاعب الدوم عبر الجافا سكربت . هذه التقنية هي وراء معظم المواقع الحديثة والتطبيقات التي نراها اليوم

ج – الأحداث ” Events “

إن تطبيقات الويب الحديثة تعتمد بشدة على الحدث .
ولكن ما هو الحدث ؟ معظم الأشياء التي تفعلها على صفحة الويب تعتبر حدث . الضغط فوق زر ، الضغط على تاب معين للانتقال إلى الصفحة التالية ، كل هذا يعتبر حدث

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

ح – فاير بق

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

فاير بق هي إضافة لفاير فوكس وبإمكانها تغير طريقة عملك للأفضل . فإنها تتيح لك التحرير و متابعة كل جزء من الصفحة بعد التعديل . لا أستطيع تماما شرح جميع المميزات التي تقدمها ولكن أبحث عن هذا الموضوع “ما هي الفاير بق !!؟ ….كل شئ عنها .. بالصور”

خ – “Grid”

جريد هي الأطر البصرية التي تتمحور الصفحات عليها . و تمثل جزء أساسي في تطوير الويب
د- إتش تى أم إل ” HTML”
إذا كنت تقرأ هذا المقال ، إذا أنتا تعرف ما هي ال اتش تى أم ال ، وإذا أتيت إلى هنا عن طريق رابط ، فأهلا بك فنحن هنا في Nettuts نكتب عن تطوير الويب ، كوكيز ، والخ

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

ذ – إنترنت إكسبلورر ” IE “

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

ر – جافا سكربت

إن جافا سكربت هي العنصر الأخير من عناصر تطوير الويب الأساسية . جافا سكربت وليس جافا ،
هي لغة البرمجة النصية على الويب . إنها تستخدم على مليارات الصفحات على الويب .
فأنت تعرف ال “behavior ” عبر الجافا سكربت ، و إدارة الحدث ، والتعديل
في ال دوم ، والتعامل مع الخادم .

وقد تم ذلك بفضل تجميع المكتبات الهائلة ، مثل ” jQuery “ ،
المعرفة بجافا سكربت تتزايد كل عام ، عاما بعد عام ، وأعتقد أنة من المناسب القول بأن جافا سكربت هي شئ أساسي لمطوري الويب الحديث .

ز – تحسين كلمات البحث الرئيسية . ” Keyword Optimization “

ترتبط SEO بشكل طفيف مع تطوير الويب ومع ذلك يجب للمطور أن يكون لدية معرفة أساسية بماهية الــ SEO وماذا تفعل .

تحسين كلمات البحث الرئيسية تشير إلى عملية اختيار الكلمات الصحيحة لموقعك ثم تعديلها بعد ذلك حتى يمكن لجمهورك أن يجدك بسهولة . وبينما أنت تجرب وتغير في الـ SEO ، تذكر ذلك ( المحتوى هو أهم شئ ) ، فإذا كان لديك محتوى سئ مع كلمات جيدة ،
فسيجدك الزائرين ولكن لن يستمروا كثيرا . وإذا كان لديك محتوى جيد ، سيجدك الزائرون وسيبقون في موقعك .

س – less

LESS هي لغة للأنماط ” style sheet ” , وتعتبر تطوير وامتداد لـ سى إس إس CSS مع سلوك حركي مثل المتغيرات ، العمليات ، الوظائف ،.

تعتبر LESS هي سى اس اس ولكن مع عقاقير منشطة . نعم ، إنها تدخل مفاهيم اللغة الديناميكية ل سى اس اس وتجعل ” stylesheets ” أسهل أكثر في الإدارة .

ش - MVC

” The Model View Controller pattern ” المعروف باسم MVC ، هي واحدة من أكثر الأشياء المستخدمة في تطوير الويب . إنها نمط هيكلي يفصل بين كل جزء من تطبيق الويب إلى أجزاء وذلك لتحسين التعامل معه

وإذا كنت استخدمت بيئة تطوير حديثة ، فأنت استخدمت MVC . فا بيئات التطوير مثل ” Zend ” و ” Code Igniter ” يستخدموها .

ص - node.JS

node.JS هي إيذانا ببدء عهد جديد من تطوير الويب . فهي تمكن من تشغيل جافا سكربت على ال VM . وأثار هذه النقلة النوعية قد لا تكون واضحة على الفور ولكن بعد فترة سيتضح الأمر جدا .
سرعة لا تصدق ، مع قدرة على إدارة الآلاف من الأحداث المتزامنة .

ط – الكائن “Object”

قد اعتمدت البرمجة الشيئية بشكل واسع في مجال البرمجة لأنها مرنة بشكل كبير . ويمكنك كتابة جزء قليل من الكود مع البرمجة الشيئية ، مع سهولة في التعديل لاحقا .

ولكن ماهو الكائن تحديداً ؟ … من الصعب شرح ماهو الكائن بدون شرح باقى الأشياء
أحرص على البحث ومعرفة الإجابة .

ظ – PHP

إن PHP هي اللغة الأكثر انتشارا بشكل قاطع —- أنها وراء الملاين ، وربما المليارات من صفحات الويب والتطبيقات .

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

ع - الاستعلام ” Query “

الاستعلام ، في مجالنا ، يقصد به الكثير من الأشياء .
لغة الاستعلام تستخدم للواجهة مع نظام خارجي بهدف الحصول على المعلومات . تعتبر “SQL ” إس كيو إل مثال جيد والتي تستخدم للحصول على المعلومات مع قواعد البيانات العلاقية .

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

غ – التعبيرات العادية ” Regular Expressions “

توفر التعبيرات العادية طريقة مرنة لمطابقة سلاسل النصوص بأنماط محددة . وقد كتبت بطريقة محددة لتفسر عن طريق محلل لغوى .
جميع اللغات الحديثة تأتى مع دعم للتعبير العادية .

ف – Source Control

هو مصطلح سائد في مجتمع التطوير وبغض النظر عن أي جانب يركزون علية — فالمبرمجين الذي يعملون على كل شئ من استعادة البيانات إلى الحوسبة السحابية يستخدمون ” Source Control ”

ولكن ما هو ؟….. ببساطة ، يتيح ” Source Control” لفريق من المطورين العمل على نفس الملفات مع تتبع ومعرفة التغير الذي يحدثه كل عضو . ويمكن مقارنة كل نسخة ، ودمجها .

ك – TDD

مجدداً ، واحد من العناصر الشائعة بين جميع المطورين تقريبا . (TDD) يرمز إلى ( Test Driven Development ) ويشير إلى عملية الفحص الآلى للكود في نفس الوقت . وهذا يزيل الكثير من ملل فحص البرمجيات , وبالتالي يشجع المطورين على فحص الكود دائما .

ل – Unit Testing

Unit Testing هو جزء فرعى من TFF حيث يتم فحص وحدات صغيرة للتأكد من أنها تعمل . تشير (Unit) هنا إلى أصغر جزء في التطبيقات والذي يمكن فحصها بشكل مستقل .

م - VIM

هو محرر نصوص بالغ العمق وهو الأشهر في Nettuts ، مجاني ، مفتوح المصدر ، ولدية ميزات كثيرة .

ن – XSS

ترمز إلى ( Cross-site scripting ) . إنها واحدة من الثغرات المحتملة التي قد تواجهها عند إنشاء تطبيقات الويب .

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

ه - YUI

” Yahoo User Interface library ”
إنها مكتبة جافا سكربت و تبسط عملية إنشاء تطبيقات الويب التفاعلية . مثل المكتبات الحديثة ، وتوفر الدعم ل دوم (DOM) و (AJAX)

وفى حين أنها ليست معروفة كا (jQuery) ، فلديها قاعدة كبيرة من المستخدمين لا يستهان بها . ويتم تطويرها بطريقة مستمرة .

و – Z index

هي خاصية ل (CSS) تحدد كيفية تجميع العناصر — وتحدد كيفية إغلاق عنصر في الجزء العلوي من الإطار .
رقم أعلى يعنى أنة سيظهر في رأس القائمة بعدد أقل .

وفي حين أن هذه الخاصية متخصصة نسبيا ، فقد تأتى بطريقة جيدة عندما تريد بناء (widgets ) أو تصاميم أكثر تعقيدا .

ى - النهاية

وهنا قد انتهينا . وأرجو أن تقدروا المجهود الذي بذل لكتابة هذا الموضوع . وشكرا جزيلا على القراءة .

.................................................. .......

تمت ترجمة المقال من قبل محمد فوزى من فريق عمل شركة سبوت لاير

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