المقدمة
يعتبر مجال برمجة المواقع من أكثر المجالات اهتماماً من قبل الزبائن في وقتنا الحالي نظراً لأهمية المواقع الإلكترونية للشركات والمؤسسات والأفراد، حيث يُعتبر الموقع الإلكتروني هو واجهة كل مشروع ناجح، فلا يوجد شركة ناجحة من دون موقع الكتروني، ولا يوجد مؤسسة (حكومية أو أهلية) لا تملك موقع الكتروني، لأنه بكل بساطة عبارة عن مكان يحتوي على جميع التفاصيل التي يحتاجها الزبون او الزائر عن بعد، دون الحاجة لزيارة المؤسسة أو الشركة ومعرفة بعض المعلومات الأساسية. وزاد الإهتمام في هذا المجال في الآونة الاخيرة نظراً لإمكانية تعلمه من قبل الأفراد الذين لا يملكون خلفية تقنية أو خبرات برمجية وأصبح هذا المجال لا يقتصر فقط على مهندسين الحاسوب والبرمجيات.
ما هو الموقع الإلكتروني وكيف يعمل
قبل البدء في تعلم برمجة المواقع الإلكترونية يجب علينا معرفة بعض الأمور الأساسية ومن ثم التقدم في الأمور الأخرى.
الموقع الإلكتروني ببساطة هو عبارة عن مجموعة من الصفحات التي يتم برمجتها من خلال لغة برمجية معينة او عدة لغات ويتم ربطهما ببعض ليكونو موقع الكتروني يمكن زيارته من خلال شبكة الإنترنت بسهولة.
يعمل الموقع الإلكتروني من خلال عملية استعراض الصفحات التي يتم برمجتها والتي تكون مخزنة في مكان يدعى سيرفر أو الخادم والذي يلعب دوراً مهماً في عملية تشغيل الموقع ويحتوي هذا الأخير على جميع ملفات الموقع الإلكتروني. و للوصول الى الموقع نحتاج هنا لشيء يسمى نطاق الموقع او Domain والذي يقوم بدوره تبسيط عملية الدخول على الموقع من خلال كتابة بعض الأحرف في المتصفح للوصول إلى الموقع وإستعراض صفحاته. بمعنى آخر، يتم برمجة الموقع ومن ثم نقل الملفات التي تمت برمجتها الى السيرفر لتخزينها هناك، ثم نقوم بربط نطاق الموقع بالسيرفر ليقوم بالسماح للزوار بعرض صفحات الموقع من خلال كتابة اسم الدومين في خانة الرابط في متصفحك للإنتقال للموقع. على سبيل المثال، أنت تكتب هذا النطاق mahmoud.net للوصول الى موقع شركتنا وإستعراض صفحاته.
المتطلبات اللازمة لبرمجة موقع الكتروني
للبدء في عملية برمجة موقع الكتروني هنالك بعض الأمور التي تحتاجها من اجل إكمال المشروع على أحسن شكل ممكن والتي تتضمن:
الفكرة
لابد من معرفة الفكرة الأساسية التي سيتم إنشاء الموقع الإلكتروني بناءاً عليها، حيث يحتاج المبرمج الى تجميع كافة المعلومات اللازمة للموقع وآلية عمله ووظيفته ومن ثم يشرع في عملية بناء الموقع. وهذه الفكرة تتمثل في عملية تخيلية لشكل الموقع و وظيفته و جميع أقسامه والتخطيط لها جيداً قبل الشروع في عملية برمجته، مثلاً ما هو نوع الموقع؟ هل هو مدونة يتم نشر فيها مقالات عن مواضيع معينة أم هو موقع تواصل بين الأفراد ام هو موقع يعرف زائريه على شخصية معينة او شركة او مؤسسة؟ ما هي محتويات الصفحة الرئيسية للموقع وما هي أقسامه وما هي محتويات كل قسم منهم؟ ام سيكون عبارة عن متجر الكتروني يتم من خلاله بيع منتجات على الإنترنت؟ كل هذه الأفكار يحتاج المبرمج معرفتها وبتفصيل اكثر من ما تطرقنا له لكي يعرف من أين سـيبدأ وكيف يقوم بتحويل هذه الفكرة الى شيء موجود على ارض الواقع.
التصميم
يعتبر هذا الجزء هو من أهم الأجزاء التي تخص مجال برمجة المواقع الإلكترونية والذي تتمكن من خلاله بناء هيكلية وشكل الموقع الذي تريد برمجته ويحتاج هذا الجزء إلى خبرة في مجال التصميم الجرافيكي، حيث تكمن أهمية التصميم على إنه الإنطباع الأول الذي تتركه بمخيلة زائر الموقع والذي يعكس مدى اهتمام الزائر بموقعك فهنالك الكثير من المواقع التي تحتوي على خواص مفيدة جداً وخسرت زائريها بسبب مواقع أخرى تحتوي على جزء بسيط جداً من هذه الخواص لكن الإهتمام بجانب التصميم كان مخطط له جيداً !
المحرر
وهو برنامج يساعدك بكتابة الكود الخاص بالصفحات والتعديل عليه مع بعض الإضافات الاخرى المساعدة للمبرمجين والتي ستساعدك بدورها على كتابة الكود البرمجي بصورة أسرع وأسهل، ويعتبر محرر Visual Studio Code من اشهر المحررات المستخدمة والذي تم تطويره من قبل شركة مايكروسوفت.
خبرة برمجية
من اجل برمجة موقع الكتروني تحتاج معرفة ما لا يقل عن لغتين برمجيتين من اللغات المذكورة سابقاً لكي تستطيع تحقيق الفكرة التي سيتم بناء الموقع على أساسها.
خريطة تعلم برمجة المواقع
اولا تخصص ال front end
اذا اردت ان تصبح فرونت اند قوي يجب اتباع تلك الخريطة بالترتيبفي هذا التخصص ستتعلم كيفية تصميم مواقع الويب باحترافية عالية , يرجى اتباع الخطوات التالية بالرتيب حتى تحصل على اعلى نتيجة ممكنة
اولا ال Design
UI UX
تعلمك لل UI UX سيجعلك قادر على تقديم افضل تجربة للمستخدم من ناحية التصميم.قد يعتقد الكثير ان Ui Ux غير مهم او ان الشركات تستطيع الاستغناء عنها , لكن على العكس تماماً ف Ui UX يعد من اهم الوظائف , فبدونه لن تعرف ما هو التصميم الامثل الذي يفضله المستخدمون , و ستكون غير قادرعلى تقديم افضل تجربة للمستخدم.
ثانيا ال Coding1. HTML
يمكنك اعتبار الـ HTML هي الخطوة الاولى الفعلية في بناء موقع الويب الخاص بك , فمن خلال الـ HTML تستطيع تصميم هيكل الموقع و بدونها لا يمكنك دخول هذا المجال.
تعلم HTML من هنا 2. CSS
بعد ما قمت بتصميم هيكل الموقع بالـ HTML , يجب عليك تنسيق هذا الهيكل و ترتيبه و اللغة التي تفعل هذا هي css.تستخدم css لعمل تنسيق لموقعك وضبط ابعاده و عمل تأثيرات مختلفة و اضافة صور و الوان و جعل شكله رائع.
تعلم CSS من هنا3. Bootstrap
بوتستراب Bootstrap هو اشهر اطار عمل خاص بتصميم المواقع الالكترونية، حيث يستخدمه الكثير من المبرمجين في تصميم مواقعهم لانه يوفر الكثير من الجهد و العناء حيث أن تطوير المواقع بشكله الحديث لم يعد يحتاج لإعادة كتابة كل حركةٍ وكل عنصرٍ من صفحات الموقع، وأصبح تنظيم الصفحة أمرًا بسيطًا بمساعدة اطر العمل الخارجية وعلى رأسها Bootstrap.
تعلم Bootstrap من هنا 4. JavaScript
تعتبر اهم خطوة لك في الفرونت اند و تعتبر اول لغة برمجة ستتعامل معها يجب ان تكون على دراية بالـBasics - DOM - BOM - OOP - API.
تعلم JavaScript من هنا
5. JS Framework
للتسهيل عليك و لتقديم افضل تجربة باقل وقت فيجب عليك استخدام فريم ورك للجافاسكريبت يمكنك الاختيار بين العديد منها مثالVue.js - React.js - Angular.js.
ثانيا تخصص ال back end
اذا اردت ان تصبح باك اند قوي يجب اتباع تلك الخريطة بالترتيب
ما هو الباك اند؟
الباك اند هو تخصص برمجي في مجال الويب يختص ببرمجة المواقع وهو ببساطة كل التعليمات البرمجة في صفحة الويب التي لا يراها المستخدم و لذلك تسمى باك اند و يمكن ان نقول ايضا ان الشخص المسؤول عن الباك اند في الموقع ويظفته ببساطة هو ان يجعل الموقع يتفاعل مع المستخدم من خلال اوامر برمجية تم كتابتها في الخلفية
يجب ان تعلم ان الباك اند هو مجال كالفرونت أند لايمكن الإستغناء عنه، لولا الباك اند لما استطعت التوجه لهذه التدوينة لقرائتها، ولولاه لما يمكنك التسجيل في موقع نجمة بلس و الدخول و نشر منشورات و منتجات. الباك اند هي جميع الأشياء التي تعمل في خلفية الموقع و يمكننا استنتاج ذالك فقط من الإسم “الباك” = “الباكروند – الخلفية”. التعامل مع قواعد البيانات، إدخال البيانات، استخراجها، التحقق من الحقول و غير ذالك.
كيف اصبح back end developer ؟
1. Programming Language
في هذه الخطوة يمكنك اختيار اي لغة برمجة تدعم التعامل مع الويب و يوجد الكثير مثال PHP - Python و غيرها من اللغات كل ما عليك هو اختيار لغة برمجة واحدة و العمل بها و للتسهيل عليك فالاغلب يختار الـ PHP كونها من اكثر لغات البرمجة في العالم التي صنع بها مواقع ويب.
تعلم python من هنا
تعلم PHP من هنا 2. Framework
بعد اختيارك للغة البرمجة التي ستعمل بها في الباك اند فالخطوة التالية لك هو اختيار بيئة عمل للتسهيل عليك و تقديم افضل كود في اقل وقت ممكن و كل لغة برمجة و لها بيئة العمل المناسبة ف اذا كان اختيار للـ php فبيئة العمل المناسبة هي Laravel و اذا كان اختيارك للغة بايثون ف ان بيئة العمل المناسبة هي Django - falsk.
تعلم Django من هنا 4. MySQL
بعد تعلمك كل هذا يجب الان ان تتعامل مع قواعد بيانات لحفظ بينات مشروعك بها و قواعد بيانات MySQL من أشهر قواعد البيانات في عالم الويب وهي المسؤولة عن التعامل مع قاعدة البيانات الخاصة بتطبيقك أو مشروعك وإرسال واستقبال البيانات منها.
تعلم MySQL من هنا 5. Publish your site
بعد اتمامك لموقع الويب يجب عليك الان نشره على شبكة الانترنت العالمية لكي يراه جميع المستخدمين و لجعل ملفات موقع مرئية للعامة يجب عليك رفعها على استضافة و ربط الاستضافة لدومين كـ www.mahmoud.net مثلا.
و لفعل هذا يجب عليك اختيار شركة استضافة مناسبة لك و يجب ان تعلم ان خدمة الاستضافة في الغالب غير مجانية.
بعد تعلمك كل هذا يجب الان ان تتعامل مع قواعد بيانات لحفظ بينات مشروعك بها و قواعد بيانات MySQL من أشهر قواعد البيانات في عالم الويب وهي المسؤولة عن التعامل مع قاعدة البيانات الخاصة بتطبيقك أو مشروعك وإرسال واستقبال البيانات منها.
الخلاصة
تحتاج برمجة الموقع الإلكتروني إلى خبرة في مجال التصميم ومعرفة في لغات البرمجة وتحتاج ايضاً الى بلورة الأفكار التي سيتم بناء الموقع الإلكتروني عليها وهو عبارة عن مجال متجدد وليس ثابت ولا يوجد نهاية له، حيث لا يوجد توقف في تعلم أساليب برمجية جديدة و لكي تكون مبرمج ناجح عليك مواكبة كافة التطورات والتقنيات الجديدة وتطبيقها في مشاريعك المستقبلية أو المشاريع التي تعمل عليها في الوقت الحالي.
إرسال تعليق