السلام عليكم و رحمة الله تعالى و بركاته .
بسم الله الرحمن الرحيم و الصلاة و السلام على رسول الله و على آله وصحبه و من ولاه أما بعد:
حيّاكم الله وبياكم و جعل الجنة متقلبكم و مثواكم، طبتم و طاب ممشاكم و تبوئتم من الجنة مقعدا و منزلا ان شاء الله تعالى ...
هذه ليست خطبة الجمعة ، بل الحلقة الثانية من المجهر السبيستوني للبرمجة، و لكن من الجميل جدا ان تفتتح مجالس الذكر و العلم بالله و رسوله عليه افضل الصلاة والسلام .
المهم أحبابي في الله، في هذه الحلقة قررنا ان نضع موقع سبيستون تحت المجهر بعد ان وضعنا المنتدى و قبل ان اشرع في الشرح لفت انتباهي رد المراقبة نور و هي تخاف ان افشي بعد اسرار الموقع اثناء شرحي ، و هنا اطمئنها و أقول لها انا اعرف ذلك فلا تقلقي بإذن الله ♥
لدي مفاجئة لكم في نهاية الموضوع ذكروني ان اعرضها لكم هاهاهاهاهاهاهاهاها
لكن قبل ان ابدأ الشرح أعجبني حاسوب جدا كان معروض في معرض بألمانيا و هو من شركة HP، اعلم تريدون رأيته ها هو :
تعلمون و الله لما رأيته ظننته اوبتيمس برايم من المتحولين ، لكن فقط احبابي وضعت لكم هذه الصورة اولا من باب الترفيه، ثانيا لاعلمكم ان المجهر سيتناول مواضيع حول الحواسيب و امنها و حمايتها على حسب طلبات الاعضاء الاحباب ♥ ، و سنعالجها من ناحية البرمجة و كل شيء ان شاء الله تعالى ، لكن الحق يقال كدت انجلط من هاذا الحاسوب، افخم حاسوب في العالم
حسنا نعود الى موضوعنا، هذه صورة موقع سبيستون و الجميع يعرفه :
ولكن السؤال هنا ؟ ما الذي يختبئ وراء هذه الصفحة ؟ من المسؤول عن الألوان ؟ من المسؤول عن هذه التأثيرات في الصفحات و الحركات ؟
في الحقيقة هاكذا يبدو الموقع برمجيا:
انا عندما ارى هذه السطور ارى الموقع بعكسكم ، مثل فلم الماتريكس هو ينظر الى الشاشة الخضراء لكن في الحقيقة هو ينظر الى المصفوفة هاهاهاها
احبابي الصغار هذا ما نسميه ببرمجة المواقع، وهي اهم و اصعب المجالات في البرمجة ، وقبل ان نتطرق الى برمجة المواقع علينا ان نعرف ما هي البرمجة ؟
البرمجة بشكل مبسط عبارة عن أوامر نقوم بكاتبتها لتنفذها الالة، مثلما تقول لك امك الحبيبة (اشتري الحليب)، فانت تأمر الالة مثلا بالحساب عن طريق هذه الاوامر ، اما لغات البرمجة فهي لغات تتوسط بين الانسان و الالة لكتابة تلك الأوامر و القيام بها عن طريق الالة، و لكن لنأخذ مثالا عن الوسيط و هو مثلا رئيس اليابان اتى الى السعودية كيف له ان يفهم العربية ؟ لابد من وجود مترجم وهو الوسيط ، كذلك البرمجة لأنه لا يمكننا فهم لغة الالة قمنا بتطوير لغات اعلى مستوى تتوسط بين لغة الالة و لغة الانسان لنستطيع ان نأمر الآلة، وكمعلومة بسيطة لغة الالة هي 0 و 1 كما نعلم جميعا او ما يسمى النظام الثنائي، او بالفرنسية système binaire او بالانجليزية binary system او بالالمانية Binärsystem او .... هذا يكفي هاهاهاهاها
قلت في الأعلى لغات اعلى مستوى ؟ يعني هناك لغات ادنى مستوى ؟
نعم يوجد ذلك لكن لا تهمنا حاليا لأننا سنتشعب و ننتقل من البرمجة الى الالكترونيات، دعونا نكمل أولا موضوعنا (ككسر للفضول فقط اللغات الادنى مستوى ليست كثيرة و هي التي تتعامل مع الالة مباشرة كال Assembly )...
و اعلم ان الجميع يتسائل لما لغة الالة هي 0 و 1 ؟ هذا طبيعي احبابي الالة تتكون من مكونات الكترونية و هذه المكونات تعمل بالتيار الكهربائي ، و التيار الكهربائي له حالتان: اما يمر او لا يمر ، اذا مر نرمز الى ذلك بال 1 و اذا لم يمر نعبر عن ذلك بال 0 ، و بالتالي مروره و عدم مروره في تلك المكونات الالكترونية السحرية كون لنا لغة الآلة هاهاهاهاهاهاها ما أعظمه من سحر ذكرني بكايتو كيد في انمي كونان ، هل يجيد البرمجة ؟ لا يهم ...
و للبرمجة عدة مجالات، منها برمجة المواقع و التي تم برمجة بها موقع سبيستون، و هي تعتبر من اصعب المجالات لانه عليك ان تتعامل مع 4 لغات برمجة لكي تتقنها عكس المجالات الأخرى التي تتطلب منك لغة واحدة، الله اكبر هذا عجيب، يعني لديك أربعة سيوف يجب ان تتقنها معا مثل زورو في وان بيس هاهاهاها، الحقيقة ادركت الصعوبة التي تلقاها زورو في التدريب بعدة سيوف بعد تطرقي الى برمجة المواقع XD ....
السبب الذي يجعلك تتعامل مع اربع لغات ، هو ان كون برمجة المواقع تنقسم الى قسمين :
تصميم المواقع: وهي المختصة في تصميم اشكال و قوالب المواقع ، وفي هذا المقام نذكر لغة ال HTML و لغة ال CSS ، لغة ال HTML هي المسؤولة عن هيكلة صفحات المواقع(انشاء الصور و الجداول و حقول الكتابة ...)، اما ال CSS فهي المسؤولة عن تنسيق هذه الصفحات، يعني ان كل الوان و زخرفات سبيستون هي من اختكم ال CSS اياكم ان تنسوها ، اما التأثيرات هي من ال JS أو ما يسمى الجافا سكريبت، ارأيتم كيف هو حلو و لطيف ، يقوم بعمل تأثيرات حركية لكم لكي لا تملوا ....هاهاهاها
و للنظر الصورة السابقة في الصفحة الرئيسية لسبيستون:
اعلم انكم تضغطون على هذا الزر مما يجعل الكواكب تتحرك، هذا اخوكم ال
JS و هذا النظام يسمى بال Slide Show لا تنسوا ذلك ♥
أنظمة المواقع: و اللغة المسؤولة عن ذلك غالبا هي ال PHP يمكننا استعمال البايثون Python أيضا، لكن ال PHP هي اللغة الام لبرمجة المواقع، و هي المسؤولة عن حماية المواقع أيضا ضد الهاكرز مثلي هاهاهاهاها اسحب كلامي ...
كمعلومة اضافية لكم احبابي ،مصمم المواقع يسمى ( Front end web developer ) اما مبرمج الأنظمة يسمى (back end web developer) اما من يصمم و يبرمج يسمى (Full Stack Web developer ) مثلي انا احم احم (اعوذ بالله من كلمة انا )
اعلم ان غالبيتكم يفكر في تعلم البرمجة، لا يهم المجال ، لكن كنصيحة من شخص امضى نصف حياته في هذا المجال ، البرمجة تحتاج الى الصبر و المثابرة لن تتعلمها في يوم او يومين ، حدد مجالك و طريقك و انطلق بقوة متوكلا على الله ، اما سؤالكم الثاني اعلم انه سيكون أي المصادر افضل لتعلمي، لن استطيع اجابتكم هنا لأنني سأذكر روابط خارجية او ربما تحسبها الإدارة كدعاية، نؤجل الحديث في الشات دون ذكر الروابط هناك ...
ما شاء الله، كيف يمكنني بناء موقع كسبيستون بعد تعلمي البرمجة ؟ جميل فكر في انك تريد بناء منزل ما الذي ستحتاجه ؟ تحتاج الى مساحة للبناء ، تلك المساحة في الانترنيت تسمى بالاستضافة يوجد المجانية و المدفوعة بالطبع و الفرق بينهما في قوة الخصائص طبعا، بعد شراء المساحة او الاستضافة، سيكون عنوان موقعك كالتالي :
Yoursitename.companyName.domain
ما هذه المعادلة العجيبة اعوذ بالله ؟؟؟
الجزء الأول هو اسم موقعك مثلا walid اما الجزء الثاني هو اسم الشركة التي امتلكت عندها الاستضافة مثلا هي spacetoon اما الدومين و هو الجزء الثالث نقصد به اسم النطاق مثل .com او .net او . org لتصبح
المعادلة
Walid.spacetoon.com
لكن انا اريد اسم موقعي مثل سبيستون لا ينتمي الى أي شركة ، هنا يجب عليك شراء نطاق خاص بك من الشركات المختصة ليصبح عنوان موقعك مثل
Walid.com
لكني لا تخلطوا الأمور بين الدومينات الفرعية ك chat.spacetoon.com و walid.spacetoon.com ، فالاول يعتبر جزء من الموقع الخاص بسبيستون اما الثاني فيعني اني تابع الى شركة سبيستون في الاستضافة، و كيف تعرف الفرق، الدومينات الفرعية لها كلمات مفتاحية خاصة ك chat او blog او forum ...الخ
الحمد لله حمدا كثيرا طيبا مباركا فيه، الان ربما فهمتم كيف تم تصميم موقع سبيستون و اللغات المسؤولة عنه و من اين اتى عنوان الموقع (spacetoon.com ) ، ما شاء الله ، لا يمكننا التعمق اكثير من هاذا و الا دخلنا في متاهة الاكواد و السيرفيرات و....
في الأخير سأقوم بإهدائكم المفاجئة التي وعدتكم بها ، نعم نعم نعم لم انسى.
هذه المفاجئة في نفس الوقت هي تطبيق لدرس اليوم، ماذا اقصد ؟؟؟
حسنا، لقد قمت بتصميم شات جديد لموقع سبيستون كون الشات الحالي ممل نوعا ما، و قد استعملت لغة CSS و HTML ، يعني اني عرضت شات سبيستون الى سيوفي القاطعة فأصبح اجمل بإذن خالق الجمال، اعلم انكم تريدون رأيته
تراااااااااا ، اليست سيوفي حادة
حسنا المطلوب منكم، من اعجبه الشات فليقصف المراقبين و المديرة بكل حب و احترام و اقناعهم بالشات الجديد و ساعطيهم كود التصميم ان شاء الله تعالى ليستبدل ...
نلتقي في موضوع اخر قيم و شائق احبابي في الله و ايت اسئلة يسعدني الرد عليكم في التعليقات او الشات ...
أوسمة المتميزين في هذه الحلقة وتم توزيعها في رسائل الزوار:
فريق المجهر السبيستوني للبرمجة ♥