مرحبًا بك عزيزنا الزائر لمدونة وادي التكنولوجيا | بالعربية، في هذه المقالة سوف نقدم لك المسار الصحيح لتصبح مطور محترف لمواقع الويب "Web Developer"
هيا بنا نبدأ في سرد هذا المسار.
كيف تصبح مُطوّر ويب؟
الإجابة على هذا السؤال بسيطة جدًا، فأنت بحاجة إلى إتقان وكتابة شيفرات تربط الواجهة الأمامية Front End مع الواجهة الخلفية Back End مع تخزين البيانات Databases.
تلك هي المحاور الثلاث الرئيسية التي يجب عليك أن تتقنها لتصبح مطور مواقع ويب محترف، فهيا بنا نتعرف عليهم بشيء من التفصيل.
أولاً: الواجهة الأمامية
لكي تصبح محترف في محور الواجهة الأمامية Front End يجب أن تبدأ بتعلّم ثلاث لغات أساسية وهم كالتالي:
- لغة ترميز النص الفائق "HTML" لإنشاء وتصميم صفحات ومواقع الويب، فهي المسؤول الأول والأخير عن ظهور صفحة الويب، وطريقة تموضّع العناصر الموجودة بداخلها، فمن خلال هذه اللغة سوف تتعرّف على الأقسام الرئيسية لكل صفحة ويب، فضلاً عن مُكونات كل قسم أو ما يُعرف بالوسوم Tags.
- بعد اتقان عناصر صفحة الويب أنت بحاجة إلى أداة لتنسيق هذه العناصر وهنا يأتي دور لغة تنسيق صفحات الويب "CSS" فمن خلالها يُمكنك التحكم بأي عنصر وخصائصه مثل: لون الخط، حجمه، نوعه فضلًا عن تموضّعه داخل الصفحة وما إلى ذلك.
- أخيرًا، يأتي دور لغة الجافا سكربت "Javascript" وهي لغة برمجة عالية المستوى تستخدم في متصفحات الويب "وليس السيرفر" لإنشاء صفحات أكثر تفاعلية.
ومعنى كلمة تفاعلية هنا على سبيل المثال، عند قيام المتصفح بعرض الوقت والتاريخ بشكل تلقائي أو تحديد لغة العرض لصفحة الويب بشكل تلقائي في حالة أن الموقع متعدد اللغات أو تحريك النصوص، هذا باختصار وظيفة لغة جافا سكريبت وهي أن يجعل الموقع يتفاعل معك كمستخدم له.
يوجد أيضًا نوع آخر من التفاعل، على سبيل المثال عند قيامك بإدخال كلمة مرور خاطئة أو قيامك بترك حقل فارغ فتظهر لك نافذة مُنبثقة تُخبرك أن هناك مُشكلة ما؟ لكن هذا النوع من التفاعل المسؤول عنه هو برمجة السيرفر في الواجهة الخلفية Back End وهو ما سنشرحه في الفقرة التالية.
ثانيًا: الواجهة الخلفية
بعد إتقانك للغات السابقة تكون قد نجحت في إنشاء صفحات ويب تفاعلية إلى حد ما، لكن المعلومات المتوفرة بداخل هذه الصفحات تكون ثابتة أو مُتغيّرة لكن بنسبة صغيرة جدًا وذلك يرجع إلى استخدام لغة "Javascript" فقط حتى الآن، ويكون هذا الأمر مناسب لبعض المشروعات الصغيرة.
لكن بالنسبة للمشروعات الأكثر تعقيداً فإن تطوير الواجهة الخلفية "Back-End" سيدخل حيز التنفيذ، ويتعامل مطور الواجهة الخلفية مع البرمجة والمهام الأكثر تعقيداً على صفحات الويب، حيث يحدد كيفية عمل الموقع وكيفية استجابته لطلبات العملاء عليه باستخدام وظائف معينة، لذا في هذه الحالة أنت بحاجة لإتقان إحدى لغات البرمجة على الخادم.
ولغات البرمجة المستخدمة في الواجهة الخلفية كثيرة جداً، ربما من أبرزها لغة PHP ولغة ASPNET المقدمة من شركة مايكروسوفت، لغتي Python و Ruby هما من اللغات القوية جدًا وتعتبران حديثتان نوعاً ما، وبسبب بساطتها سمحت لها بالانتشار الكبير.
ثالثًا: قواعد البيانات
من المسؤول عن تخزين البيانات؟
البيانات في أي موقع هي من أهم العناصر، فموقع بحجم فيس بوك على سبيل المثال يحتوي على مليارات البيانات التي تتم مُشاركتها يوميًا، لذا لا بد من توفبر وسيلة لتخزين البيانات عليه.
ويُمكن الاستعانة بملفات XML وهي لغة تُشبه HTML لكنها قابلة للامتداد، أو بمعنى آخر: يُمكن للمستخدم تخزين البيانات بداخلها عن طريق استخدام الوسوم التي يُريدها وليس مُضطرًا لاستخدام وسوم مُحددة كما هو الحال في HTML، ولكن هذا حل غير عملي خاصة لو كان الموقع به كمية ضخمة من البيانات كما ذكرنا سابقًا موقع الفيس بوك.
لذلك تعتبر قواعد البيانات بأنواعها المُختلفة هي الوسيلة المُفضلة لتخزين البيانات أيًا كان حجمها، وتتوفر أمام المُستخدم الكثير من قواعد البيانات التي من أهمّها ما يلي:
- MySQL التي تدعمها لغة PHP بشكل افتراضي.
- MariaDB التي بدأت تأخذ حصّة كبيرة في السوق.
- الضيف الجديد نسبيًا MongoDB.
- بالإضافة إلى SQLite التي تستخدم أيضًا لتخزين البيانات داخل الأجهزة الذكية.
- وأخيرًا SQL Server من شركة مايكروسوفت.
مصادر التعلم
المصادر التي يمكنك من خلالها تعلّم المحاور الثلاث لتصبح مطور مواقع ويب كثيرة جدًا، ومن أهمها ما يلي:
- موقع W3Schools الذي يُعتبر من أقوى مصادر تعلم هذه اللغات، وذلك نظرًا لما يُقدمه من شروحات وأمثلة عملية لكل وسم أو مُعرّف أو دالة.
- موقع Webmonkey من أبرز المصادر التي يُمكن زيارتها بشكل يومي، فهو يُقدم نصائح يومية ومصادر مُتخصصة في تطوير مواقع الإنترنت وأحدث العناصر التي يُمكن الاستفادة منها.
- بما أن المُتصفحات هي المُحرك الأساسي المُعتمد عليه في عرض صفحات الويب، تُقدم كل شركة صفحة خاصة للمطورين للإطلاع أيضًا على أفضل الطرق لتطوير الصفحات وما فائدة استخدام وسم دون الآخر.
- بما أن معظم مصادر التعلم باللغة الإنجليزية، لذلك في القريب العاجل إن شاء الله سوف نقوم بتوفير شروحات لهذه اللغات باللغة العربية في مدونتكم وادي التكنولوجيا | بالعربية لأن أحد أسباب إنشاء هذه المدونة هو: إثراء المحتوى العربي في المجال التقني.
في النهاية، نتمنى أن نكون قد أضفنا لكم معلومة جديدة ومفيدة، وفي حالة وجود أي استفسارات لا تترددوا في ذكرها لنا في التعليقات وسوف نقوم بالتواصل معكم والرد على استفساراتكم.
إضافة تعليق