أبجديات تطوير المواقع
من الممكن أن يكون تطوير المواقع شيء محيرا تماماً .
أ – أجاكس ” 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 ) أو تصاميم أكثر تعقيدا .
ى - النهاية
وهنا قد انتهينا . وأرجو أن تقدروا المجهود الذي بذل لكتابة هذا الموضوع . وشكرا جزيلا على القراءة .
.................................................. .......
تمت ترجمة المقال من قبل محمد فوزى من فريق عمل شركة سبوت لاير
والسلام عليكم ورحمة الله وبركاتة
