مدخل الى لغة برمجة الويب ، اساسيات ومفاهيم لا بد من ضبطها
في هذه التدوينة من مدونة أوشن التقنية ، سوف نتعرف في هذا المدخل الى لغة برمجة الويب ، على بعض الأساسيات والمفاهيم ، التي لا بد من الالمام بها قبل الشروع في تعلم برمجة تطبيقات الويب لكن قبل ذلك دعونا نتعرف على ما معنى برمجة الويب وما المقصود منهامدخل الى لغة برمجة الويب ، اساسيات ومفاهيم لا بد من ضبطها |
ماهي برمجة الويب
برمجة الويب ، هي نمط برمجي يمكننا من انشاء مواقع وتطبيقات تعمل على الويب ، وما يميزها عن برمجة تطبيقات الوينداوز هي أن هذه الاخيرة تشتغل فقط على الاجهزة الخاصة بالونداوز وتتطلب تثبث لهذه البرامج وكذلك تثبث حزم الفريمورك التي تحتاجها من اجل ان تعمل ، بخلاف برمجة الويب ، التي تعمل على سرفرات ولا تتطلب اي تثبث او حزم خاصة ، كما انها متوفرة للجميع وبالامكان الوصول اليها باستخدام المتصفح فقط . وهذا ما يجعل من برمجة الويب الاكثر استخداما مقارنة مع برمجة تطبيقات الوينداوز .فلنفترض على سبيل المثال انك تملك برنامج من نوع تطبيق وينداوز ، وتريد تثبيث هذا التطبيق على 100 حاسوب . ستجد ان العملية أصبحت جد متعبة ، فأنت سوف تقوم بالاضافة الى تثيث المئة نسخة من البرنامج ، سوف تحتاج كذلك الى تحميل وتثبث جميع الحزم الملحة والتي يتطلبها تشغيل البرنامج على الجهاز ،
فريم ورك
وتخيل معي كم ان هذا الامر متعب ومعقد ، بخلاف ان تملك تطبيق مصمم تحث بيئة الويب ، فأنت لن تعاني من جميع هذه المشاكل المتعلقة بنشر التطبيق ، فكل ماهناك أنك سوف تقوم برفع التطبيق الويب الخاص بك على سرفير ، ليتم الوصول اليه من جميع الاماكن وفي اي وقت عبر اي متصفح دون الحاجة الى اي متطلبات تشغيل ، كما ان الميزة في تطبيقات الويب انه تشتغل على جميع المنصات وجميع الأنظمة كالوينداوز واللينك والماك وغيرها ، بحكم ان جميع انظمة التشغيل هذه تحتوي على متصفح انترنت ، وان البرنامج بحد ذاته موجود على سرفر بعيد ، بخلاف تطبيقات الويندوز التي لن تعمل معك الى على نظام الوينداوز حصرا .
مدخل الى لغة برمجة الويب ، اساسيات ومفاهيم لا بد من ضبطها |
ماهي تطبيقات الويب ؟
تطبيقات الويب هي مجموعة من صفحات الويب التي نقوم ببرمجتها ورفعها على السيرفر ، والتي نستطيع الوصل اليها وتشغيلها من المتصفح ، والية ذلك هي كالتاليعندما تقوم بطلب اي صفحة موجودة على النت فان المتصفح الخاص بك يقوم بارسال طلب الى السيرفر ويسمى
Request
عندها يقوم السيرفر بمعالجة هذا الطلب ويقوم بالرد عليه في المتصفح من خلال الاستجابة او ما يسمى
Response
وبالتالي يستطيع المستخدم مشاهدة النتيجة على متصفححه على شكل صفحات تابثة من نوع
HTML
ماهي الايتش تي ام ال Html
Hyper Text Markup Language
هي لغة تمكننا عرض الهيكل الأساسي للصفحات من خلال عرض المحتوى على شكل صور او فقرات او نصوص أو جداول ، وهذه الصفحة التي تشاهدها الان هي خير مثال على ذلك
وما يميز هذه الالغة هي انها تكتب على شكل وسوم ، وسوم بداية ووسوم اغلاق ، اما المحتوى فيكون في الوسط بين بداية ونهاية الوسم
<h1...../h1>
وقد تطرقنا في ما سبق لمفهوم هذه اللغة مع دورة تعلية حولها بامكانك الرجوع لها من هنا
مدخل الى لغة برمجة الويب ، اساسيات ومفاهيم لا بد من ضبطها |
ماهي لغة CSS
Cascading Style sheet
هي لغة تنسيق برمجية مكملة للغة
HTML
حيث تعتمد على تنسق شكل النصوص والخط والالوان والخلفية وما الى ذلك ، وهي لغة بسيطة وسهلة التعلم ، بامكانك احترافها في ساعة واحدة فقط ، وسوف نقوم بعون الله في مدونة أوشن التقنية لشرح اساسيات هذه اللغة ، مع دروس تطبيقية حولها ، وعلى العموم يمكن القول بأنها لغة تسمح لك بالتحكم بالمظهر العام للصفحات وشكلها بمعزل عن المحتوى . أي أن لغة اتش تي ام ال
HTML
تقوم بعرض محتوى الصفحات ، بينما تنسيق الشكل والمظهر العام للصفحة ككل فهو من اختصاص لغة
CSS
ومن مميزات هذه اللغة كذلك انها تقوم بضبط خصائص صفحة او عدة صفحات معا بطريقة مختصرة دون الحاجة الى اعادة كتابة كود التنسيق في كل مرة
ماهي الجافا سكريبت JavaScript
لغة الرمجة جافا سكريبت هي لغة برمجية تسمح بالقيام بعمليات تفاعلية مع تطبيق الويب ، عبر تنفيذ أكوادها ، وأوامرها على حاسوب المستخدم ،اذا فعمليات لغة الجافا سكريبت تنفذ عن الزائر وليس على السيرفر ، وهذا ما يساعد في تقليل الضغط على السيرفر , كأن نقوم بالتحقق من المدخلات والمخرجات على صفحة ويب خاصة بالمستخدم دون الرجوع للسيرفر
كما تمكننا لغة الجافا سكريبت من الحصول على عدة معلومات من جهاز المستخدم كنوع النظام المستخدم ونوع المتصفح وسرعة الاتصال والموقع وما الى ذلك
ماهي لغة الاجاكس AJAX
َAsynchronous Javascript And XML
كما يبدو من اسمها فهي لغة برمجة عبارة عن خليط بين لغة الجافا سكريبت ولغة الاكس ام ال
Javascript AND Xml
ودور هذه اللغة هو ارسال البيانات الى السيرفر واستقبالها دون الحاجة الى اعادة تحميل صفحة الويب ، اي بمعنى أنها لغة تزامنية يتم عبرها ارسال البيانات واستقبالها في نفس اللحظة والحين ، اعيد مرة اخرى لغة تقوم بارسال واستقبال البيانات من السيرفر دون الحاجة لتحديث صفحة الويب ، ومن هنا تأتي اهمية هذه اللغة في برمجة تطبيقات الويب ، ولكي نعطي مثال على ذلك ، من خلال خانة مربع البحث في هذا الموقع ، فانت عندما تقوم بادخال كلمة للبحث تأتي الاجابة باستعراض نتائج البحث المتوفرة دون الحاجة الى عمل تحديث للصفحة
ماهي جيكويري jQuery
هي ليست بلغة برمجة بقدر ما هي مكتبة مبرمجة بواسطة لغة الجافا سكريبت ، نقوم بتضمينها الى تطبيقات الويب من اجل القيام بعدة اجراءات منها تحسينات وتعديلات لصفحات الويب ، كما تمكننا كذلك من اقتناص احداث الصفحة ، والتعامل معها بشكل سهل ،
فهي كما قلنا ليست بلغة برمجة مستقلة بل وظيفتها توفير عدة خصائص ومهام نحتاج لاستدعائها اثناء العمل على مشاريع تطبيقات الويب
ماهو البووتستراب
Bootstrap
عبارة عن فريم ورك يضم العديد من المكتبات الخاصة بلغة التنسيق
CSS
ويهدف الى عمل تنسيق للشكل العام لصفحات تطبيقات الويب ، ويشمل كذلك مكتبات اخرى من نوع جافا سكريبت تهتم بتفاعل الصفحات والقيام بعمليات معينة ، وغالبا ما نحتاج لميزة البوتستراب اثاء القيام بعمل صفحات ويب متجاوبة مع جميع الأجهزة والمخلفة ، مهما اختلفت مقاسات الشاشة الخاصة بها ، فوضيفته تكمل في عمل تنسيق جيد يضمن ظهور صفحات الويب بكيفية منسقة على جميع الأجهزة الهواتف والاجهزة اللوحية وشاشات الحواسيب المختلفة
ماهو اسبي دوت نيت
ASP.NET
تعني صفحات السيرفر الديناميكية او النشيطة ، وهي عبارة عن جزء اساسي من بيئة دوت نيت فريم وورك ، وهي تسمح لنا بانشاء تطبيقات ويب الديناميكية ، بمعنى اننا ادا اردنا تصميم مواقع تفاعلية او تطبيقات ويب فبدون شك سوف نحتاج الى هذه الخاصية ، فهي ادا ليست لغة برمجية بقدر ما هي اطار عمل يجمع لغات برمجية عديدة ، وسوف نتعرف على ذلك في دورة تطبيقية خاصة ببرمجة الويب نتطرق فيها لجميع ما تم ذكره هنا بالامثلة التوضيحية حتى تظهر الفكرة بوضوح اكثر
بمعنى انها تلزم منا الالمام بجميع اللغات البرمجية السابقة الذكر ، أو على الأقل أخذ فكرة حولها