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

Abanob Magdyمنذ أسبوع0 تعليقات

يا اهلا بيك من تانى فى سلسلة طريق الويب على 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نفسها؟!!! اشوفك البوست الجاى

 

 



0 تعليقات

  • No, comments yet

اترك تعليق