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

برمجة الويب :

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

 

◼️صفحة الويب هي التي يمكن استردادها من الحاسوب المحلي أو من خادم الويب عن بعد.

 

◼️ خادم الويب قد يقيد الوصول إلى الشبكة الخاصة، على سبيل المثال: على إنترنت الشركات، أو قد ينشئ صفحات على الشبكة العالمية.

 

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

 

◼️صفحات الويب يمكن أن تتكون من نص ثابت من الملفات المخزنة في نظام الملفات لخادوم الويب (صفحات الويب الثابتة)، أو خادوم الويب يمكن بناء HTML لكل صفحة ويب عندما يطلب من المتصفح (صفحات ويب ديناميكية).

 

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

 

◼️ لكل صفحة ويب معين موارد مقيس يعرف أكثر ب يو آر إل (URL)والتي هي اختصار لــ”Uniform Resource Locator بالإنجليزية.

 

🌐كيف تعمل العلاقة بين المطورين و المصممين؟

ينشئ مطور الويب إطار عمل لموقع ويب باستخدام برامج مثل Javascript و JQuery، بهدف صياغة موقع ويب يعمل بسلاسة، والذي يقوم مصممو الويب بعد ذلك بسكب عصائرهم الإبداعية عليه.

◼️راتب مطور الويب يقع في المرتبة الأولى حسب بحث موقع( العربية) حيث نشرت أن متوسط راتب مطور الويب بلغ 109957 دولارا سنوياً.

فمن هو مطور الويب ؟

مطور رئيسي

◾وصف الوظيفة: الإشراف على البرمجة، وتطوير الشبكة، وتطوير التطبيقات.

◾ المهارات المطلوبة:

اتقان..

-CSS

-HTML/HTML5

-JavaScript

-JSON

ومحتوى وتطبيقات الويب المحسنة للجوال.

 

◼️ في البداية عليك معرفة أن ال Web design ينقسم إلي قسميين أساسيين هما

Front-End و Back-End

وكلاهما ضروريين لبناء موقع متكامل.

في هذا المقال سوف نشرح دور كل قسم منهما ومتطلبات كل قسم.

 

🌐Front End

هو الجزء الأمامي الذي يتم التعامل معه للمواقع والتطبيقات الخاصة بالويب بإستخدام لغات :

HTML : هي لغة بناء هيكل الموقع الذي سيتم عرضه في المتصفح.

CSS : تأتي مع لغة HTML ومنها تقوم بتحديد تنسيق الموقع من ألوان و تصميم وخطوط.

Javascript : هي لغة برمجة تستخدم أكثر في العناصر التفاعلية في الصفحة كالقوائم المنسدلة واستمارت الاتصال.

 

◼️إن الـ Front-end الخاص بالموقع هو ما تراه وتتفاعل معه في المتصفح، فهي تمثل واجهة المستخدم من نصوص أو ألوان أو أزرار أو صور. لو أردت مثلا أن تطور موقعا خاصاً بمطعم فستضع المعلومات الخاصة بالمطعم سواء كان عنوان المطعم أو صوراً للأطباق التي يقدمونها حتى يجذب الموقع العملاء، كل هذا يتم باستخدام تقنيات الـ Front-end..

◼️ما يجب تعلمه لتصبح

Front End Developer

يجب عليك تعلم أهم لغات تصميم الويب والتي تبني بها صفحة الويب وتقوم بتنسيقها والتعامل معها وهي لغات

◾HTML

هي العمود الفقري لأي عملية تطوير للمواقع الإكترونية (websites) ، بدونها لا يمكن تواجد أي صفحة ويب .

لغة وأكواد HTML هي التي تمدنا بالإطار العام لما سيظهر عليه شكل الموقع الإلكتروني، آخر إصدار للغة الترميز هو ( HTML5 ) وبه تحسينات وطرق للتعامل مع العناصر مثل ملفات الفيديو وملفات الصوت .

 

◾CSS

هي اختصار لعبارة

( Cascading Style Sheet) تسمح لنا بتحريك تلك العناصر في الHTML وتزيينها بشكل أفضل، واضافة ألوان أو تعديل تموضعها وأيضا الأنيميشن واضافة تقريبا أي زينة ممكنه لتلك العناصر، وآخر اصدار للغة هو (CSS3).

 

◾JavaScript

تُستخدَم لغة JavaScript لإنشاء صفحات ويب تفاعلية، ولتوفير تطبيقات ويب بما في ذلك الألعاب؛ وهي مُستعمَلة من أغلبية المواقع، وتدعمها جميع المتصفحات تقريبًا دون الحاجة إلى إضافات خارجية.

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

وتشمل هذه:

◾متصفح واجهات برمجة التطبيقات (APIs) المدمج في متصفحات الويب، وتوفير وظائف مثل إنشاء HTML ديناميكيا ووضع أنماط CSS، وجمع وتلاعب في دفق الفيديو من كاميرا ويب المستخدم، أو توليد الرسومات 3D وعينات الصوت.

 

Apls◾

الطرف الثالث يسمح للمطورين بدمج الوظائف في مواقعهم من موفري المحتوى الآخرين، مثل تويتر أو فاسيبوك.

◼️ملاحظه مهمه للمطورين :

التحديات المرتبطة بأساليب وأدوات تطوير المظهر الأمامي (FrontEnd) تتغير بإستمرار ولهذا فإن المطورين يحتاجون ويجب أن يدركوا كيفية التعامل مع هذه التغيرات .

 

🌐BackEnd

وهو عقل الموقع( الجزء البرمجي )

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

 

◼️اولاً: لكى تدخل مجال ال Back End من المهم أن تدرس بعض الأشياء في ال Front End

مثل: Html و ال Css وخصوصا الجزء المتعلق بالتعامل مع البينات ووجود ال JavaScript أمر مهم جداً في مجال ال Back End.

 

◼️ثانياً:هناك أيضاً اكتر من لغة يمكن تعلمهم لكي تدخل هذا المجال ولكن يكفيك تعلم لغة واحده

كل لغه تحتوي علي شيئين:

◾Database

نعرف من خلالها كيف نتعامل مع البينات وطرق تخزينها بطريقة آمنه من الاختراق.

◾Framework

أمر بسيط جداً يساعدك ويسهل عليك الكثير من الشغل ويمنع عنك عناء كتابة الكود من البداية؛

ال bootstrap التي ذكرناها سابقاً هي ال Framework الخاص بلغة ال CSS وهكذا لكل لغة Framework خاص بيها .

 

تلك اللغات كثيره واشهرهم :

◾PHP

◾C#

◾Python

◾Java

 

◼️ماهي اللغات الأكثر استخداماً؟

في مصر اكتر لغة مستخدمه هي

ال(PHP)

Database: MySQL

Framework:laravel

 

خارج مصر وفي الوطن العربي (Java) تدرس معها MySQL أيضاً ك Database وتدرس Spring ك Framework .

اما Python تدرس معها postgareSQL ك Database وتدرس django Framework

وهكذا مع باقي الغات لكل منها مسار خاص بها.

 

◼️أقسام العمل في مجال تطوير المواقع:

بعد تعلمهم والوصول لمرحلة متقدمه، أنت مخير بين ثلاث مسارات:

◾مصمم مواقع ( وهو متقن Front-End).

◾مبرمج مواقع( وهو متقن Back-End).

◾مصمم مواقع ( وهو متقن لكلاهما)

يسمي ( full stack).