سلسلة دليلك الشامل إلى تصميم المواقع وبرمجة المواقع الإلكترونية.. الطريق المُفصَّل لتصبح مصمم مواقع أو مبرمج مواقع؟ (1)

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

أحد أهم هذه المجالات هو مجال تصميم المواقع الإلكترونية، وبرمجة المواقع الإلكترونية؛  ومما يشجع على تعلم هذا المجال ودخوله وفرة فرص العمل به، و ارتفاع المقابل المادي، كما أنه مجال يوفر - كمصمم مواقع أو مبرمج مواقع إلكترونية - لك قدرا كبيرا من الحرية؛ إذ يمكنك من العمل عن بعد كـ freelancer أو العمل في شركات مع قدر كبير من المرونة في ساعات العمل، وتوزيع المهام.

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

لذلك فقد قررت أن أكتب هذا الدليل لأطلعك على الطريق بالتفصيل، فأهلا بك.

فكرة مختصرة وغير مُخلة عن بناء الموقع الإلكتروني

لأي موقع إلكتروني وجهان؛ 

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

ويحتوى هذا الوجه على واجهة المستخدم user interface بما فيها من صور وألوان ونصوص وأزرار وأيقونات ونماذج للتسجيل بالموقع أو البحث به..

أي أنه يحتوي على كل ما يظهر على الشاشة.

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

ولنوضح الأمر أكثر سنضرب مثالا بموقع جوجل الشهير:

عندما تكتب نطاق الموقع في أعلى المتصفح وهو: https://www.google.com، يقوم الموقع بالتحميل ليظهر أمامك وجه الموقع الأول، و الذي هو عبارة عن بعض الروابط في أعلى يسار الصفحة، وصورة، أسفلها نموذج بحث، ثم بعض الروابط في أسفل يمين ويسار الصفحة، وكل النصوص تظهر بألوان محددة، وبأنواع خطوط محددة دون غيرها من أنواع الخطوط fonts.

إلى الآن لم نقم بأي شيء له علاقة بوظيفة الموقع الرئيسية، وهي القيام بعملية البحث في مواقع وصفحات الشبكة العنكبوتية world wide web واختصار www.

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

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

1- مصمم واجهة المستخدم وتجربة الاستخدام UI/UX Designer

2- مطور واجهة المستخدم Front End Developer

3- مطور المواقع Back End Developer

4- مطور المواقع المتكامل Full Stack Developer

وسوف نتناول كل وظيفة منها بالشرح التفصيلي في مقال مستقل، لنوضح مهام الوظيفة job description، والمسار التعليمي لتعلم المهارات التي تتطلبها، ثم سنشفع ذلك ببعض المصادر المجانية (والمدفوعة إن لزم الأمر) لتعلم هذه المهارات.