كماهو ظاهرفي العنوان رايت مجموعة من المواضيبع تتحدث حول البوتستراب و الفراموورك و لا اعلم ما هي و ما علاقتها بتصميم الويب ؟
ما هو البوتستراب و ما هو الفراموورك
bootstrap هو إطار عمل بلغة css وhtml و js أيّ إطار عمل فرونت أند (front end)
الفراموورك هو إطار عمل باللغة العربية،
سيكون شرحي حول أطر العمل للفرونت أند بالتحديد، وبشكل عام أيضا، والأمثلة ستكون من bootstrap، حسنا لنبدأ D:
إطار العمل بشكل عام هو مجموعة من الأكواد التي تسهل عليك عملك وتختصر عليك الوقت والعناء للقيام بالكثير من الأشياء،
أولا، من ماذا تتكون أطر العمل؟
حسنا أطر العمل تتكون من مجموعة من الملفات، وهي css وjs للقيام ببعض الأمور المحددة، يتم تفعيل هذه الخاصيات عن طريق إضافة class خاص للعنصر،
إضافة إطار العمل سهل، كالتالي
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
حسنا، لقد أضفناها، كمثال بسيط لتفهم كيف يعمل إطار عمل، المثال الذي هنا سيجعلك تفهم أكثر
في المثال، قمنا أولا بصنع زر بسيط، أعطيناه بعض الخصائص في css وحددنا ماذا تكون، وكتبنا حوالي 7 أسطر، أما عندما نستعمل إطار عمل فنحن ندرج class خاص فحسب، مثلا إذا أردنا زر كبيرا وأخضرا وجميلا طبعا، نقوم بالتالي
<button type="button" class="btn btn-success btn-lg">Large Success button</button>
كما تلاحظ، لدينا btn و btn-success و btn-lg كلها ستصنع لنا زر كبير وأخضر، رأيت كم الأمر بسيط وسهل وسريع، ولا يحتاج كتابة أي كود css
هذا هو مبدأ عمل أطر العمل، تقوم بالكثير من الأشياء في وقت أقل.
حسنا،قد تسأل من أين أحصل على تلك الأكواد؟
ستجدها كلها هنا في موقع إطار العمل
كخلاصة، إن كنت مستعجلا وتريد أن تقوم بالأمر بسرعة، فما تقوم به في ساعة من العمل، ستقوم به في 5 دقائق بواسطة إطار عمل، تستطيع دوما أن تصنع إطارك الخاص، وتضع فيه أكوادك الخاصة، وتستعمله على نفس المنحى،
أو تستطيع أن تعتمد على إطار جاهز دوما، وتريح نفسك من إزعاج الكتابة،
من يستعمل إطار العمل؟
يستعمله المصمم الذي لا يريد أن يبني من الصفر، بحيث لا يحتاج لأن يقوم بكل شيء من الصفر،
أو الذي لا يجيد التصميم، مثلا فلنقل أن المبرمج التالي قد صنع موقعا يقدم خدمة بسيطة، لكنه لا يجيد التصميم
يستطيع استعمال إطار عمل ويسهل عليه الأمر
من الذي لا يجب عليه أن لا يستعمل إطار عمل؟
المبتدئ الذي يتعلم لتوه (لماذا قد تسأل)، لأنّه من الأفضل له أن يقوم بالكتابة من الصفر، فهذا سيحسن من مهارته بشكل كبير ويطوره إلى قدر كبير، ثم لاحقا يستطيع أن يتصرف باحتراف ويستعمل bootstrap
الشخص الذي يبني مشروعا كبيرا جدا، أو شيئا معقدا، يستحسن أن يبنيه من الصفر حتى لا يواجه صعوبات لاحقا
أتمنى أني أجبت على استفسارك، وإذا وُجد أيّ سؤال، فسأكون سعيدا بالإجابة
بالتوفيق
إجابة الأخ assassinateur واضحة ووافية، لكن أزيدك من الشعر بيتاً.
عملية الـ bootstrapping ضمن المشاريع البرمجية هي ربط كافة الموارد اللازمة لعمل المشروع (مثل ضم المكتبات واستدعاء الإجراءات الابتدائية)، حتى عملية الإقلاع ضمن أنظمة التشغيل (booting) هو اختصار لكلمة (bootstrapping).
ومن هنا أخذ إطار عمل الواجهات Bootstrap (أو Twitter Bootstrap سابقاً) اسمه.
ماهو البوستراب
الـ Bootsrap هو إطار عمل يستعمل في تصميم المواقع يعتمد أساسا على أكواد Html ,Css و Javascript قام بتطويره فريق عمل موقع تويتر وكان الهدف منه هو مساعدة االمبرمجين في تطوير تطوير تطبيقات ويب الفردية وكان ذلك مطلع سنة 2011 إلا أنه سرعان ما انتشر بين المصممين حتى صار الإعتماد عليه من طرف المصمم شبه كلي ، ولا يكاد يخلو تصميم الآن من الـ bootsrap.
ما هو framework؟
يعتبر framework أداة تتوفر على عدة مكونات تساعد على وضع أساس التطبيق الذي ترغب في إنشائه, كما يوفر مجموعة من الاكواد المكتوبة مسبقا لجزء من التطبيق, ويتواجد هذا المفهوم في عدة لغات برمجية نذكر منها java و php مما يوضح أنه يساعد على إنشاء تطبيقات الويب أو لمكونات البرامج وغيرها من الاستعمالات سنتطرق إليها لاحقا.
وقد تم اللجوء إلى هذه الطريقة لتوفير الوقت على المبرمج لانه يجد عدة أمور مسبقا ولايضطر إلى إعادة برمجتها, وذلك راجع لانه يتوفر على عدة مكتبات كل واحدة متخصصة في مجال ما, وعلى الشخص الذي يستعمل framework أن يستعمل هذه المكتبات وكذلك أن يحترم نمطها, بمعنى اخر عليك إن أردت استعمال framework عليك أن تدرسه جيدا وتعرف كيف تمبرمج به وماهي المكتبات المتوفرة به حتى تستعملها جيدا, أمر اخر يجب الاشارة إليه هو أن framework يتطلب عملا من مطور التطبيقات فما هو إلا أداة مساعدة.
ويستعمل أغلب framework مفهوم MVC الذي سبق التحدث عنه على مدونة المبرمج (ويمكنك قرائته من هنا), ومن مميزاته كذلك أنه يسهل عملية صيانة التطبيق, وكمثال على إفادته, فهناك من framework ما يبسط طريقة التعامل مع database, وهناك منها ما يتيح إمكانية التحكم في استمارات صفحات الويب, التحكم في تأمين ما يسمى SQL injections وهي نوع من الاختراقات التي تم ل database المواقع (رغم أنه لا أمان على الانترنت ), توفر كذلك بعض framework لغات البرمجة إمكانية استعمال API تطبيقات أخرى (Application Programming Interface)
ومن بين framework المشهروة : hibernate و spring خاص بلغة java, و symphony و zend بلغة php, و .net للغة c# و VB
إذن كخلاصة framework وجد لمساعدة المطورين على تسهيل عملهم باستخدام أدوات ومكتبات برمجت مسبقا, وذلك لترك المجال للمطور للابداع في أمور أخرى غير الموجودة مسبقا, ويبقى اختيار framework الذي ترغب في استعماله في حاجة لدراسة لكل واحد منها على حدى حتى تعرف ما يتميز به وهو ما سأحاول التحدث عنه في المواضيع القادمة.
التعليقات