ماهي برمجة الويب .. تعرف على تطوير الويب و كيف تبدأ العمل فيه

هناك العديد من المجالات المختلفة النامية في العالم ومن اكبرها هو البرمجة. مازالت ميدانا جديدا و لهذا أغلبية الناس لا تعرف عنه أي شيئ. إذا ماهي برمجة الويب أو Web development و ماهي المفاهيم الأساسية فيها.

كل هذه الأسئلة وأكثر سنتعرف عليها من خلا ل هذه المقالة الملخصة.

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

ماهي الانترنت في الحقيقة ؟

 

 

نموذج صفحة ويب على متصفج غوغل كروم

 

بدأت بهذا السؤال البسيط والذي سيعتبره البعض سؤالا يعرف الجميع جوابه. الأنترنت نعرفه جميعنا بالمواقع الالكترونية و محرط البحث غوغل و اليوتيوب… لكن الأنترنت في الواقع هم مجموعة من الحواسيب منتشرة عبر العالم بكامله, وتتواصل مع بعضها البعض بلغة خاصة بهم ام ما يعرف ب TCP/IP.

ما يعرف ب WWW هو في الحقيقة اختصار ل WorldWideWeb أو شبكة النصوص المتشعبة أو ما نعرفه بصفحات الويب, المرتبطة فيما بينها. وهذا الاختراع كان أول خطوت لظهور الانترنت الذي نعرفه اليوم.

في 1990 تم اختراع أول متصفح ويب والذي إسمه WWW . هذا البرنامج له القدرة على تصفح صفحات الويب, والذي يكتب بلغة ال HTML .

 

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

طريقة اشتغال الويب و التصفح في الأنترنت

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

أنت مثلا تأخد حاسوبك أو هاتفك و تدخل على رابط فيسبوك. ما يحدث الآن فس هذه العملية, أن حاسوبك يرسل طلبا إلى خوادم Servers (حواسيب ) فيسبوك و هذه العملية تسمى ب Request. ثم يتلقى حاسوبك استجابة من الخادم أو ما يسمى ب الاستجابة Response .

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

بعد أن تضغط على Enter  أو ” تسجيل الدخول” مباشرة يرسل حاسوبك تلك المعلومات إلى الخادم من أجل معالجتها. إن كانت صحيحة أو خاطئة تعود إليك الاستجابة بناء على ذلك و من ثم تظهر صفحة الويب أمامك بالشكل الذي تراه.

هذه العملية الأساسية  في الحقيقة العنصر المحوري في تطوير الويب. لهذا من  الضروري معرفة هذه القاعدة.

 ماهو الزبون أو ال Client  ؟

الزبون في الويب هو ” المتصفح ” مثلا Google chrome متصفح Mozilla …

الآن أصبحت العديد من الأجهزة تتصل بالأنترنت أو “الويب” بنقرة زر, منها الهواتف النقالة, التلفاز الدكي, السيارات و الكثير. بعد أن تتصفح صفحات الويب من خلال المتصفح تدخل مثلا على موقع فيسبوك  تتصفح على حساب أحد أصجقائك.

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

لغات البرمجة التي يستخدمها متصفح الويب Client

تتم برمجة صفحات الويب من خلال لغات البرمجة الخاص بهذا الغرض ونذكر منها:

1- لغة HTML

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

2- لغة CSS

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

3- لغة JavaScript

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

ماذا يحدث على مستوى الخادم أو ال Server

بعد أن بسطنا طريقة عمل متصفحات الويب التي تمثل الزببون دعونا نعرف الآن مادور السييرفرات في الأنترنت.

أولا ماهو السيرفر؟

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

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

ماهي السحابة أو ال Cloud

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

وهذه الخوادم منشرة هي الأخرى في عدة مناطق في العالم.

ما هي قواعد البيانات؟ 

قواعد البيانات هي الأماكن التي يخزن فيها الخادم ”السيرفر” المعلومات والبيانات. بدون سيرفرات لا يمكن الوصول إلى قواعد البيانات وهذه الحواسيب بدورها تعالج البيانات.

معالجة البيانات أو منطق البيانات. سنعطي عليه مثالا: مثلا أنت تريد الدخول إلى حسابك على الفيسبوك و تكتب كلمة المرور الخاصة بك. بعدها يرسلها المتصفح إلى الخادم والخادم  يقوم بمقرانتها مع كلمة المرور المخزنة في قاعدة البيانات. من ثم إن كانت متطابقة فالخادم ”سيرفر” يرسل لك قبول الدخول و يرسل لك بيناتك على فيسبوك. إن لم كن متطابفة تتوصل برسالة أعد كتابة كلمة المرور.

لغات البرمجة التي يستخدمها السيرفر

هناك العديدمن اللغات التي تتم يشتغل بها الحاسوب المركزي أو السيرفر. منها PHP , بايثون, Ruby, جافا سكريبت…  والعديد من اللغات الأخرى.

أكثر العمليات المطبقة على مستوى الخوادم Server Functions

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

  • تخزين البيانات
  • حذف البيانات
  • مقارنة المعلومات, وغيرها الكثير.

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

ماهي HTML5

من الضروري معرفة ماهي HTML5 من أجل أخذ فكرة عامة عن الويب وكيفية دخول عالم الاشتغال فيه بشكل قوي.

html5  هي إصدار متطور من HTML  الأم التي سبق وتحدثنا عنها, و بواسطتها يمكن القيام بأشياء أكثر تطورا وتفاعليه.  تستطيع بعد أن تتعلم هذه اللغة أن تبني ألعاب.

برامج تطبيقات وغيرها بعبارة أخرى فإن html5 هي الجيل الجديد من تطوير الويب زيادة على CSS3  التي هي بدورها تحديث لغة CSS.

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

‫0 تعليق

اترك تعليقاً