التعرف على Bootstrap و كيفية ربطه بالموقع و مصادر لتعلمه - Programmer Tech

Programmer Tech

موقع تعليم مجاني يهتم بتعلم البرمجة و علوم الكمبيوتر, أمن المعلومات, القرصنة الأخلاقية, سكربتات

إعلان اعلى المقالة

الثلاثاء، 6 أكتوبر 2020

التعرف على Bootstrap و كيفية ربطه بالموقع و مصادر لتعلمه


ما هو البوتستراب Bootstrap

هو إطار عمل حر Framework مفتوح المصدر يستخدم لتصميم مواقع و تطبيقات الويب و يحتوي على قوالب جاهزة مكتوبة بلغات html,css, و إحيانا بلغتي جافاسكربت و جكويري, عندما تتعلم Bootstrap يمكنك بدل أن تقوم بكتابة قوالب html و css الذي سوف تستغرف منك أيام, يمكنك بالبوتستراب خلال ساعة فقط من إنشاء قالب متجاوب مع جميع الأجهزة بإحترافية, يمكنكم الدخول لموقع بوتستراب و الإطلاع عليه من الرابط الآتي getbootstrap.com.


بما أنه تحدثنا أنه تم إنشاء قوالب البوتستراب Bootstrap بلغتي html و css ننصحكم بمتابعة دوراتهم من موقعنا من خلال الروابط الأتية.

اضغط هنا للدخول لدورة html.

اضغط هنا للدخول لدورة css.

 

تعلم html لكي تكونوا قادرين على فهم اكواد بوتستراب بشكل افضل و تكونوا قادرين على إضافة عناصر html لموقعك بسهولة, و تعلم css لكي تكونوا قادرين على تعديل تصميم قوالب البوتستراب في حال لم تعجبكم الألوان المستخدمة في القوالب او التنسيقات و غيرها....


كيفية ربط البوتستراب بالموقع

نقوم بالدخول لموقع بوتستراب من هنا و اختيار Documentation ثم ننزل قليلاً بالصفحة للأسفل عند كلمة CSS و نقوم بنسخ الكود الموجود بالصورة 

 

نقوم بنسخه و لصقه ضمن العنصر head أي يعني بين </head><head> ثم نذهب مرة ثانية للموقع و ننزل ايضاً قليلاً للأسفل عند كلمة JS و نقوم ايضاً بنسخ الكود الموجود 

 

نقوم بنسخه و لصقه ضمن العنصر body اي بين </body><body>, بهذا الشكل تم ربط البوتستراب بالموقع بنجاح.


مصادر لتعلمه

يمكنكم تعلم اساسيات التعامل معه بالدخول لليوتيوب لقناة الأستاذ سعد الضبي من خلال النقر على صورة يوتيوب الآتية.

 

اضغط هنا لقراءة مقال ما هو Bootstrap و كيف يستخدم.


ليست هناك تعليقات:

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام