أحترف تصميم الويب بأستخدام البوتستراب – Bootstrap
تعرفت منذ فترة على مكتبة Twitter Bootstrap لبناء واجهات الاستخدام، وكان الحب من الصفحة الأولى، فقد وجدت فيها من الميزات ما يساعدني على إنجاز الأعمال بشكل أسرع وبمعايير عالية وبقلق أقل حيال دعم المستعرضات.
فأول ما يجب ان يقوم به المصمم المحترف بعد الانتهاء مما يسمى تقطيع الموقع إلى صفحات HTML هو ان يقوم بتجريبه على كافة أنواع المتصفحات ليضمن أكبر وصول سليم لمحتوى موقعه دون أي مشاكل في العرض … وطبعا من المؤكد انه بعد تجريب الموقع على عدة متصفحات ستبدأ المشاكل بالظهور وهذا ما يسبب فوضى كبيرة في الكود الخاص بموقعك وقد تضطر أحيانا إلى إعادة تقطيع الموقع من جديد .
أضع بين أيديكم شرحا تفصيليا متقدما عن هذه التقنية التي قام فريق Twitter موقع التواصل الاجتماعي الشهير بعد مواجهة العديد من المشاكل المزمنة التي يتعرض لها مصمم ال HTML أثناء مقارنته للموقع المنتج على عدة متصفحات وعدة احجام وقياسات من اجهزة العرض كالأجهزة اللوحية والهاتف المحمول وحتى اجهزة الكمبيوتر بأنواعها ..
قام فريق مبرمجي تويتر بتطوير هذه البنية والمكتبة لتشتمل ايضا على:
- بعض العناصر الجاهزة (كالأزرار ومربعات النصوص – textbox وعناصر أخرى..)
- مجموعة من مؤثرات ما يسمى بمكتبة – JQuery والتي سيتم عرضها بالتفصيل في هذا الكتاب
لماذا أستخدم البوتستراب
البوتستراب في جوهرها فقط “ CSS ” لكنها بنيت بمرونة والتي تقدم الكثير من القوة أكثر من ال CSS العادية.
البساطة يمكن الحصول على مجموعة من الميزات بسهولة مثل التداخل في الكود , العمليات وتوظيف الألوان بالإضافة لذلك بنية البوتستراب المبنية على ال CSS بشكل أساسي عند العرض ستكون سريعة وأهم ميزات البوتستراب :
سهلة في التضمين : فقط ضعها في الكود الخاص بمشروعك وابدأ العمل بها.
التجميع لمرة واحدة : البوتستراب لاتحوي أي شيء إضافي على ال css أي لاصور ولا ملفات جافا سكربت غير ضرورية كل ماتبقى فقط الأمور البسيطة
والقوية لعمل موقعك بشكل مثالي.
العناصر الجاهزة الموجود في الموقع والسهلة جد اً في الاستخدام والتعديل.
الجافا سكربت المطورة مع هذه المكتبة أيض ا يوجد فيها الكثير من الخيارات وهي سهلة في الاستخدام والتطوير عليها.
الخلاصة
البوتستراب أداة سهلة جميلة وتوفر الوقت والجهد ويجب أن تبدأ بالتعامل معها.
مؤلف الكتاب :-
مهندس فادي نوح
