Bootstrap مكتبة البوتستراب – لمحة عامة

بعد غياب طويل أعود للتدوين في مدونتي العزيزة على قلبي فكل ما أدخل للمدونة أشعر أن عضو من أعضاء جسمي لايعمل مع العلم أني أستطيع بأي دقيقة أن أجعله يعود للعمل وهذا كان موضوع يؤرقني في الفترة الأخيرة.

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

وهنا أعود للوطن العربي ومطوريه لأجد وأصدم كالعادة بعدم دخول هذه المكتبة إلى عالمنا ومطورينا هنا أقف لأسئل نفسي السؤال المعتاد , لماذا…؟؟ أين مطورينا من هذه التقنيات ؟؟

لكن أقول لنفسي “ولعلها فقط لاقنع نفسي” لايوجد من يعلمنا كعرب هذه التقنيات ..
بالتاكيد يوجد عدد من المطورين التحية لهم يعملون بهذه التقنيات وشكرا لجهودهم.

في هذه المقالة سأتحدث بلمحة عن البوتستراب Bootstrap

سألحقها بعدة دروس بسيطة ومشاكل ظهرت معي لتتفاداها أثناء عملك.

تاريخ البوتستراب

معنى الكلمة بالعربية “التمهيد” , أصل إنشاء هذه المكتبة لمطورين ومصميمن في تويتر ,البوتستراب تم انشاءها من أشهر المشاريع المفتوحة المصدر في العالم.

تم انشاء البوتستراب في تويتر عام 2010 من قبل @mdo و @fat وكان اسمها عند ذلك “مخطط تويتر ” أو  “Twitter Blueprint“

بعد عدة أشهر في التطوير وانطلق المشروع بقوة على كل المستويات وبدون توجيه وبسرعة كبيرة وكانت هذه بمثابة القاعدة الاساسية لبناء أساسات المكتبة قبل إطلاقها لعامة المطوريين.

وفي 19-08-2011 قامت تويتر باصدار النسخة الأولى لهذه المكتبة للمطورين والمصممين والجميل أنه تم الإعلان عنها بتغريدة لمطور البوتستراب نفسه.

الآن يوجد أكثر من عشرين اصدار لهذه المكتبة, وتمت إعادة كتابتها من البداية في الإصدارين V2 و V3.

بوتستراب 2 : في هذا الاصدار تمت اضافة الـ Responsive وجعله خيار للمطريون يقوم باضافته عند الحاجة.

بوت ستراب 3 : فيه تمت إعادة كتابة المكتبة مرة أخرى لجعلها Responsive بشكل إفتراضي , وعلى متصفحات الجوالات بشكل أساسي.

لماذا أستخدم البوتستراب

البوتستراب في جوهرها فقط “CSS” لكنها بنيت بمرونة والتي تقدم الكثير من القوة أكثر من الـ CSS العادية.

البساطة يمكن الحصول على مجموعة من الميزات بسهولة مثل التداخل في الكود , العمليات وتوظيف الألوان بالإضافة لذلك بنية البوتستراب المبنية على الـ CSS بشكل أساسي عند العرض ستكون سريعة وأهم ميزات البوتستراب :

1. سهلة في التضمين : فقط ضعها في الكود الخاص بمشروعك وابدأ العمل بها.

2. التجميع لمرة واحدة : البوتستراب لاتحوي أي شيء إضافي على الـ css أي لاصور ولا ملفات جافا سكربت غير ضرورية كل ماتبقى فقط الأمور البسيطة والقوية لعمل موقعك بشكل مثالي.

3. العناصر الجاهزة الموجود في الموقع والسهلة جداً في الاستخدام والتعديل.

4. الجافا سكربت المطورة مع هذه المكتبة أيضاً يوجد فيها الكثير من الخيارات وهي سهلة في الاستخدام والتطوير عليها.

فريق المطورين الأساسي

Mark Otto – Julian Thilo – Chris Rebert – Julian Thilo

لكن بما أنه مشروع مفتوح المصدر يمكنك أنت أيضاً أن تقوم بالتطوير عليه ويمكن دمج تطويرك مع النسخة الأساسية في حال اعتمادها من قبل المطورين إبدأ بالتطوير على هذه المكتبة الآن وضع بصمتك كعربي هنا بعض تفاصيل التطوير.

 أعمالي على البوتستراب

بوت ستراب بالعربي

مع الاسف لايوجد الكثير من الأعمال لي بالصيغة العربية على البوتستراب

أهم أعمالي على البوتستراب كان الديزاين ديل وأعتبره عمل احترافي لتنفيذه كل ميزات البوتستراب وعمله بشكل مثالي على متصفحات الجوال

بوت ستراب بالتركي

لعل أفضل ماقمت به على البوتستراب كان  موقع نقطة و نون العلمية

وبالتاكيد موقع مدونتي هذه الذي قمت بانشاءه من الصفر والذي أفخر به 🙂

إنشاء عناصر جديدة للبوت ستراب

في عالم المطورين يجب عليك أن تضع بصمتك ويكون لك حضور وهذا ماحاولت فعله بتطوير عنصرين مجانيين غير موجودين في أساس مكتبة البوتستراب

1. سلايدر أفقي

2. سلايدر للمقالات

الخلاصة

البوتستراب أداة سهلة جميلة وتوفر الوقت والجهد ويجب أن تبدأ بالتعامل معها.

رسالة للمطورين العرب “العالم لن يقف بانتظارنا … ضع بصمتك”.

Bootstrap بوتستراب