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

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

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

من الممكن أن يكون تطوير المواقع شيء محيرا تماماً .

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

أ – أجاكس ” 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 “

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

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

س – 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 ) أو تصاميم أكثر تعقيدا .

ى - النهاية

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

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

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

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

» ترجمة الامام النسائى
» حصرياً أفضل مركز رفع servimg الجديد بإسم منتداك يعمل 100% + مميزات أخرى
» حصرياً أفضل مركز رفع servimg الجديد بإسم منتداك يعمل 100% + مميزات أخرى
» كتب مدرسية بصيغة pdf لجميع سنوات التعليم الابتدائي...حصرياً
» شرح برنامج FrontPage لتصميم المواقع و المنتديات + تحميل البرنامج