ايه هى Bootstrap و ليه تتعلمها ؟؟!

يا اهلا بيك من تانى فى سلسلة طريق الويب على Mirage code :

معلش انا عارف انك تعبت كتير الفترة الى فاتت و غالبا صرفت فيها ما يقاربمن شهر ل 3  شهور من حياتك بس هانت انت كدهقطعت شوط طويل و علشان احددلك انت وقف فين دلوقتى فاحب اقولك انك بعد ما تعلمت الىفات كله و فانت غالبا تقدر تصمم اى موقع يجى فى بالك و تتنفذه Front-End.

ولو حاسس انك مش قادر فاحب اقولك انك طالما مشيت معانا فى الى فات كله ودرستهكويس فانت تمتلك الادوات الكافية لانك تصمم اى موقع و لو متعرفش ايه الى اتكلمناعليه قبل كده تقدر تشوفة عن طريق كلمه السابق الى تحت دى:

 

مراجعة سريعة انت المفروض انك درست HTML-HTML5 و CSS-CSS3و JavaScript - JQueryو طبقت عليهم وتعرفتستعملهم كلهم سوا و بكدا تكون قادر انك تصمم الى موقع ليك من الصفر حتى النهايةوالى انت اتعلمته اسمه ال Nativeو ده جميل و سليم 100% 

ولكن......

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

 

فاكر جافا سكريبت لما كان كودها طويل عملنا ايه ؟‍!

        ايوة صح اتعلمنا JQuery  والى هى مكتبة بتختصر عليك اغلب كود جافا اسكريبت الى هتكتبه اصلا لو فكرت فيها كدههتلاقى ان الHTML  ثابت معاك.


 

يبقى فاضل مين نختصرة او نشتغل بيه فى مكتبة و مسؤول عن شكل الموقع ؟!

        صح CSS .....

و هنا بقى كان لازم Bootstrap  تدخل لانها بتقدملك مجموعة كبيرة من مكتبات ال

CSS و JavaScript الى بتساعدك فى اعلب شغلك ولانها مجوعة مكتبات مش واحدة و بتضم جواها الموقع بتاعك كله هيكون اسمها Frame work  مشمكتبة زى JQuery  و هنتكلم عن اية هى ال Frame-Works فى البوست الى جاى بشكل مفصل.

 

طيب ليه بقى تستعمل Bootstrap:

 

·     هتختصر علىنفسك كود كتير جدا انت مش هتكتبة لانه جاهز يكفى بس انك تضيف اسم الClass للElementالى انت عايز تعدل عليه بل و انك هتلاقى اجزاء كامله من الموقع جاهزة تاخدها بس وتعدل عليها و تخليها تتماشى مع الموقع بتاعك اجزاء زى ال slider - carddatadata table  - formsnav bar  وغيرهم كتييير يعنى هتوفر فى الوقت و المجهود

 

 

·     سهولةالاستخدام :

مش مهم انت محترف او مبتدئ تقدر بسهوله جداانك تبدا فى استعمال Bootstrap  دلوقتى حالا لانها سهلة و سلسلة جدا فىالاستخدام....

 هوموضوعها كله عبارة عن لينك هتحطه فى المشؤروع بتاعك او تحمل ملفاتها .

 

 

·     هتحافظ علىالموقع بتاعك Responsiveعلى كل الاجهزة:

اهم ميزة فى bootstrap  منوجه نظرى هى انى مش محتاج انى اقلق من شكل الموقع بتاعى على مختلف انواع الاجزة هىبتهتم بالموضوع ده من اوله لاخره عن طريق GridSystem خاص بيها بيخلى الموضوع ده سهل جدا جدا جداو دى حاجة هتغلب لو حاولت انك تعلمها ب CSSGrid لانه فوق انه بياخد وقت علشان تصممه الا انهمش بشتغل على كل المتصفحات.

 

 

 

·     بتشتغل على كلالمتصفحات:

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

 

 

·     Open-source :

بعد كل الى اتقال ده لو فى شئ واحد مش عاجبكاحب اطمنك انك تقد تغيره لان Bootstrapمفتوحة المصدر اى سهل التعديل عليها من قبلك كمبرمج و تشتغل بنسختك المعدله عادىجدا.

 

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

 

وبس كده احنا خلصنا كلامنا النهاردة عن ال Bootstrap و هنتكلم المرة الجاية عن ايه هى ال frame works و ايه استخدماتها و هل هتسهل علينا الشغلبيها اكتر من Bootstrapنفسها؟!!! اشوفك البوست الجاى

 

 

Share this Post

Comments (3)

  • John Doe Reply

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae, gravida pellentesque urna varius vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui.

    January 12, 2021 at 1:38 pm
    • John Doe Reply

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae, gravida pellentesque urna varius vitae.

      January 12, 2021 at 1:38 pm
    • John Doe Reply

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae, gravida pellentesque urna varius vitae.

      January 12, 2021 at 1:38 pm
  • John Doe Reply

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    January 12, 2021 at 1:38 pm
  • John Doe Reply

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    January 12, 2021 at 1:38 pm

Leave a comment