اذهب الي المحتوي
منتديات ياللا يا شباب
عاشق الصداقه

[دليل] ما يجب أن يتعلمه مطور مواقع الويب Web developer

Recommended Posts

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

 

dal.jpg

 

فى هذا الموضوع سوف اضع المهارات التى يجب ان يتعلمها مطور مواقع الويب 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.jpg

 

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

 

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

 

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

 

HTML.jpg

 

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

 

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

 

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

 

css.jpg

 

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

 

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

 

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

 

js.jpg

 

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

 

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

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

فـــــــــــاصل

 

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

 

diagram1.gif

 

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

 

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

 

الفـ إنتهى ـاصل

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

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

 

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

 

xml.jpg

 

لغة XML - Extensible Markup Language

 

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

 

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

 

SC.jpg

 

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

 

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

 

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

 

SQL.jpg

 

لغة Managing Web Data with SQL

 

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

 

.....

 

ملاحظات

 

1- هذا المقال مترجم من موقع W3C وهى بالفعل المعاير التى حددتها .

2- هذا الموضوع هو مجرد دليل لك لما يجب ان تتعلمه لتصبح مطور مواقع معتمد وقادر على التعامل مع برمجة الويب.

3- هذا الموضوع يقدم مقدمة عن كل لغة ويجب عليك ان تتعمق أكثر فى تلك التقنيات.

4- سيكون هناك ان شاء الله موضوعات منفصلة لشرح بعض هذه التقنيات هنا فى هذا المنتدى ،

وبإمكان الأعضاء ان تشارك لتعم الفائدة وبإمكانك مراسلتى ليتم التنسيق فى عرض هذه المواضيع.

5- اعذرونى على التقصير فى الشرح ولكنى اجتهدت على قدر المستطاع.

6- لدعم هذا الموضوع ضع هذه الصورة [هنا] فى توقيعك مع رابط لهذا الموضوع.

 

منقول للفائده

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر

موضوع مفيد جدا clapping[1].gif:keda:

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر

موضوع جميل جداً ويستحق التقدير ..

 

جزاك الله خيراً حبيبي عاشق الصداقة وجعله في ميزان حسناتك ...

 

تم التقييم .. :)

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر

موضوع روعه

بس تقريبا البديل الحالى لجافا اسكربت الجىكويرى ارائعه

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

زائر
اضف رد علي هذا الموضوع....

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • اضف...

Important Information

By using this site, you agree to our Terms of Use, اتفاقيه الخصوصيه, قوانين الموقع, We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue..