أساسيات مطور الويب Web Developer

[Power Line]

بسم الله الرحمن الرحيم

فى هذا الموضوع سوف اضع المهارات التى يجب ان يتعلمها مطور مواقع الويب Web Developer بحسب المعاير العالميه والتى تحددها منظمة w3c وهى اختصار ل W3C - The World Wide Web Consortium ... هذه المنظمه هى التى تعتبر مسؤلة عن تقنيات الويب وتضع المعاير وتطور الإصدارات المختلفه من اللغات وهى تهتم دائما بجعل تطوير الويب سهل وبسيط وان يكون فى مستوى تناول الجميع .

وقد حددت المهارات التى يجب ان يتعلمها مطور الويب وهى

1- ان يعرف ماهية الويب و كيف تعمل وكيف يقرأ المتصفح صفحات الموقع ... وهكذا.
2- ان يتقن لغة ال html لغة الويب .
3- استخدام لغة ال css وهى اختصار ل Cascading Style Sheets وترجمتها صفحات الطرز المتراصه.
4- البرمجة بإستخدام ال JavaScript
5- إستخدام لغة ال XML .
6- لغة من لغات البرمجه من جهة السيرفر مثل php أو asp
7- ادارة البيانات بإستخدام لغة ال sql

التفصيل :

الشبكة العالمية WWW - The World Wide Web

وهى عبارة عن مجموعة من الحواسب (أجهزة الكمبيوتر) المترابطه مع بعضها البعض حول العالم ويطلق عليها الويب (الشبكة) . ترتبط تلك الحواسب مع بعضها البعض بنظام يعرف بالبروتوكولات وهى تحدد العديد من الأشياء التى يتم بها نقل البيانات بين تلك الأجهزه مثل بروتوكول ftp الشهير لنقل الملفات من والى المواقع .

تحدد منظمة W3C المعاير والقواعد والأساسيات الخاصة بالويب.


لغة ال HTML لغة الويب HTML - The Language of the Web

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

تستخدم لغة ال html ما يسمى بالوسوم لكتابة أكوادها وتحديد طريقة عرض البيانات فى الصفح


لغة الصفح المتراصه CSS - Cascading Style Sheets

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

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


لغة الجافا سكربت JavaScript - Client Side Scripting

وهى لعة البرمجه من جهة العميل (الزائر) وهذا النوع من اللغات هو المسؤل عن البرمجه للمتصفح
.................................
فـــــــــــاصل

لكى لا يختلط عليك الأمر ... تنقسم لغات الويب الى


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

أرجو ان أكون وفقت فى شرح هذه النقطه ^_^

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

مثال على كود جافا اسكربت ("<p>" + date + "</p>") هذا الكود يضع قيمة متغير بالصفحه


لغة XML - Extensible Markup Language

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

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


لغات البرمجه من جهة الخادم Server Side Scripting

كما سبق وان اوضحت ( راجع المخطط الأول ) وهى لغات تقدم مستويات متقدمة من صفحات الويب التفاعليه مثل برامج المنتديات وبرامج ادارة المحتوى وعادة تلك التقنيات تستخدم لبرمجة مواقع تحتاج الى التفاعل والتحديث المستمر أو التلقائى

كما انها يمكن ان تقوم بعمليات الربط بين قواعد البيانات وطللب البيانات وعرضها على المتصفح.


لغة Managing Web Data with SQL

وهى لغة خاصة ببرمجة قواعد البيانات وتستخدمها البرامج الخاصة بقواعد البيانات مثل ACCESS ، ORACLE يجب عليك ان تتقن هذه اللغة أيضا

.....

ملاحظات

1- هذا المقال مترجم من موقع W3C وهى بالفعل المعاير التى حددتها .
2- هذا الموضوع هو مجرد دليل لك لما يجب ان تتعلمه لتصبح مطور مواقع معتمد وقادر على التعامل مع برمجة الويب.
3- هذا الموضوع يقدم مقدمة عن كل لغة ويجب عليك ان تتعمق أكثر فى تلك التقنيات.
4- سيكون هناك ان شاء الله موضوعات منفصلة لشرح بعض هذه التقنيات هنا فى هذا المنتدى ،
وبإمكان الأعضاء ان تشارك لتعم الفائدة وبإمكانك مراسلتى ليتم التنسيق فى عرض هذه المواضيع.

[younestc]

بارك الله فيك موضعك كامل

[Mohamed Oraby]

جزاك الله كل خير على الموضوع الرائع

[ابراهيم love]

[php0h]

شكرا موضوع مفيد ووالاحد بيتعلم

[n00o00r2020]

جميل جدا أخى
تمت الإفادة بالفعل الله يعافيك
وبانتظار التفصيل كل على حدة وبالأخص للغة Xml
دمت بود أخى ^ـ^