الاثنين، 15 يناير 2018

هذا ما تحتاج اليه لإنشاء موقع الكتروني على الانترنت
  • mohamed morabit, med morabit
  • محمد المرابط
الاثنين، 15 يناير 2018

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


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

كيف يعمل موقع الانترنت ؟

الموقع الإلكتروني عبارة عن مجموعة من صفحات الويب المرتبطة مع بعضها البعض لتشكل الموقع الكلي. و هذه الصفحات يمكن ان تحتوى على الصور, النصوص, الميديا و مختلف الملفات الاخرى. ولكي يستطيع اي شخص الدخول على هذا الموقع و يتصفحه من جهازه فلابد من ان يكون متاح على الانترنت يعني يجب ان تكون ملفات الموقع ( الصفحات و الملفات الاخرى ) موجودة على سيرفر او ما يسمى استضافة Hosting و يكون ايضا لهذا الموقع اسم دومين او نطاق ليتمكن المستخدم من استدعاءه وقتما يشاء

الخادم: هو عبارة عن جهاز حاسوب ذو مواصفات عالية جدا ونظام تشغيل خاص يقوم بتخزين الملفات التي تكوّن مادة المواقع الالكترونية، ليتمكن زوّار هذه المواقع من تصفحها على شبكة الانترنت.

الاستضافة Hosting : هي مجموعة من الخوادم المتصلة ببعضها البعض والتي تقوم شركات الاستضافة بتأجيرها لاصحاب المواقع ليرفعو عليها مواقعهم ليتمكن الأجهزة الأخرى من الوصول إليها عبر شبكة الانترنت،
يعني ان الاستضافة تقوم برفع مواد ومحتويات موقع معين على الخادم و تقوم بربط نطاق الموقع بعنوان الـ IP الخاص بالخادم,

الدومين او النطاق Domain : هو عنوان موقعك الذي تكتبه فى المتصفح للوصول لموقعك وهو يحل محل آي بي الموقع IP الذي يوفره الخادم وذلك بسبب صعوبة حفظ آي بي الموقع، فمثلاً يمكنك كتابة Montalaq.me فى متصفحك للوصول الى موقع منطلق وذلك بدلاً من كتابة آي بي IP الموقع الذي يكون مُشابه للتالى : 172.217.9.19 .
ويعتبر النطاق او الدومين شئ فريد يختص به موقعك فقط عن سائر المواقع الأخري فلا يوجد منزلين لهما العنوان نفسه.
وهذه قائمة بأكثر الامتدادات استخداماً ومعانيها :
com: ويعبر عن كيان اقتصادي او شركة وهو اكثر الامتدادات استخداما على مستوى العالم
net: ويعبر عن شبكة
org: ويعبر عن منظمة غير ربحية
edu: ويعبر عن هيئه او مؤسسه تعليمية
us: ويعبر عن مواقع الشركات العامله فى الولايات المتحده الامريكية
uk: وتستخدمة المواقع العاملة فى المملكة المتحدة
ma: تستخدم المواقع المغربية
eg: وتستخدمة الشركات المصرية
sa : وتستخدمة الشركات العاملة فى المملكة العربية السعودية
ae: وتستخدمة الشركات العاملة فى الإمارات العربية المتحدة
tv: وتستخدمة القنوات الفضائية ويذكر ان المزيد من الامتدادات الجديدة يتم إضافتها بإستمرار تلبيةً لإحتياجات المستخدمين والشركات.

الخلاصة : عندما تكتب نطاق موقع معين في المتصفح و تضغط على enter يقوم المتصفح بتحويل النطاق او ما يسمى بالدومين Domain الى اي بي IP الخاص بالخادم ليجد الموقع و يستدعيه الى المتصفح ثم يعرضه لك.

لغات برمجة مواقع الانترنت :

يوجد نوعان رئيسيان من لغات البرمجة الخاصة بإنشاء المواقع الإلكترونيّة :

لغات Front End Development : 

هي لغات البرمجة المختصة بتطوير وتصميم واجهة الموقع الإلكتروني التي تظهر للزائر، وتوجد لغتين هما
- لغة ترميز النص HTML ،
- لغة تنسيق المحتوى  CSS

لغات Back End Development : 

هي لغات البرمجة المختصة بتطوير منطق الموقع الإلكتروني بالإضافة للعمليات الأساسية فيه كالحسابات، هناك عدة امثلة لهذا النوع من اللغات وهي JavaScript , PHP , Python , Ruby

لغات قواعد البيانات DataBase:


تمكن قواعد البيانات من تخزين المعطيات و المعلومات في جداول مرتبة ومنسقة ليتمكن الزائر او الموقع من استدعائها بشكل سريع عند الحاجة, و هناك عدة قواعد بيانات منها SQLite و MySQL و PostgreSQL و Redis
ولتوضيح هذا سأعطيك مثال بسيط لعمل قواعد البيانات.
فمثلا عندما تقوم بالتسجيل في موقع معين فالمحتوى و المعلومات التي تقوم بإدخالها في في حقول التسجيل كالبريد الالكتروني و كلمة المرور يتم حفضها في جدول داخل قاعدة البيانات. وعندما تريد تسجيل الدخول فانت تدخل المعلومات السابقة فتقوم لغة البرمجة مثلا php بارسال هذه المعطيات الى قاعدة البيانات مثلا Mysql فتقوم هي بمقارنة هذه المعطيات بالمعطايات المخزنة سابقا في قاعدة البيانات و فقط في حالة تطابقها يمكن تسجيل دخولك الى الموقع و عكس ذلك لا يمكنك الدخول الى الموقع

ماذا يجب عليك تعلمه لبرمجة موقعك الخاص ؟

بعدما اخدنا نظرة عن كيف يعمل موقع الانترنت و اللغات البرمجية الخاصة بالويب, فيجب ان نوضح بعض الامور المهمة التي يجب عليك تعلمها لتدخل في عالم برمجة مواقع الانترنت,
كما ذكرنا سابقا هناك العديد من اللغات البرمجية الخاصة ببرمجة مواقع الانترنت. اذا, هل هذا يعني انه يجب عليك ان تتعلم كل هذه اللغات ؟ طبعا لا, فمن المستحيل تعلمها كلها, فقد يستغرق ذلك 50 عاما من حياتك, ولست امزح في هذه النقطة فلغة واحدة قد تستغرق منك من شهر الى 5 اشهر وذلك حسب سهولة و صعوبة كل لغة و عدد الساعات التي تقضيها في تعلمها. لكن هذا لا شيئ بالمقارنة مع المتعة و اللذة التي تصاحب كل لغة. سواء اثناء التعلم او بعد التعلم,

اللغات البرمجية الضرورية التي ستمكنك من انشاء موقع على الانترنت ؟

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

HTML : إنها اللغة المستخدمة لإنشاء صفحات الإنترنت وهي ليست لغة برمجة بالمعنى والشكل المتعارف عليه للغات البرمجة الأخرى, فهي مثلاً لا تحتوي على جمل التحكم والدوران، وعند الحاجة لاستخدام هذه الجمل يجب تضمين شيفرات من لغات أخرى كـ JavaScript, CSS . وهي غير مرتبطة بنظام تشغيل معين، لأنه يتم تفسيرها وتنفيذ تعليماتها مباشرة من قبل متصفح الإنترنت وبغض النظر عن النظام المستخدم

CSS : هي لغة تصميم تحدد شكل وثيقة HTML، فهي تهتم بالخطوط، الألوان، الهامش، والعرض والارتفاع، صورة خلفية الموقع، وكيفية توزيع المساحات وأشياء أخرى كثيرة، CSS توفر المزيد من الخيارات وهي مدعومة من قبل المتصفحات الرئيسية اليوم. بكل اختصار فهي تتحكم في التصميم و تعطي موقعك مظهراً رائعاً.

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

JavaScript : جافاسكريبت هي لغة برمجة قامت بتطويرها Netscape وهي لغة ضرورية لتطوير صفحات الإنترنت، كما أنها تستخدم في تطوير الألعاب وتطبيقات سطح المكتب وإضافات متصفح كروم وملحقات متصفح سفاري.

Mysql : هي أداة قوية جداً لتخزين البيانات بكميات كبيرة من البيانات،, و يعتبر MySQL ثاني أكثر نظام إدارة قواعد بيانات مفتوح المصدر إستخداما في العالم . ويتم التعامل معها باستخدام لغة البرمجة PHP

خلاصة : جميع اللغات البرمجية المذكورة الان مرتبطة مع بعضها البعض فكل لغة تكمل الاخرى و لا يمكن ان يعمل الموقع جيدا الا باستعمال هذه اللغات الخمسة




شارك الموضوع مع اصدقائك
mohamed morabit محمد المرابط
مصمم جرافيك و مطور ويب حر. حاصل على شهادة infographic design. مسوق بالعمولة سابق لدى شركة orange للاتصالات المغربية. لي خبرة 5سنوات في تطوير المواقع بالـ php , html5 , css3 , mysql , javascript ...