آشنایی با فریم ورک بوت استرپ
سلام عرض میکنم به همه دوستان این باربا یکی دیگر ازآموزش های آکادمی آی تی با موضوع بوت استرپ با شما همراه هستیم.
این مقاله صرفا جهت آشنایی با بوت استرپ هست ،و همون طور که میدونید بوت استرپ یکی از فریم ورک های رایگانی هست که در اینترنت منتشر شده و به ما کمک میکنه که یک سایتی رو با سرعت بالا تری طراحی کنیم ،و فیچر ها و امکانات خیلی زیادی داره .فیچر هایی که اگه خودمون بخواهیم بسازیمشون و کدش رو صفر تا صد بزنیم ممکنه زمان زیادی رو از ما بگیره و یا ساختنشون برای ما سخت باشه .
یک توضیح کوتاهم درباره ی فریم ورک بگم ،کلا فریم ورک های این چنینی دارای یک سری کلاس و توابعی هستند که از پیش تعریف شدند .ما فقط میایم ازین کلاس ها و توابع در کدمون در جایی که لازم باشه استفاده میکنیم .مثلا برای ساخت منوی Drop-Down دیگه لازم نیست اون همه کد رو در فایل css مون بنویسیم و فقط کافیه از کلاس مربوط به اون فریم ورک در کد html مون استفاده کنیم.
بوت استرپ تنها فریم ورکی نیست که ما داریم.فریم ورک های مختلفی مثل Foundation ، montage ،less ،w3،pure و کلا فریم ورک زیاد داریم در این زمینه ولی بوت استرپ محبوب ترینشون هست توی این کار و در بازار ایران هم جایگاه خوبی داره .
یکی دیگر از ویژگی های بوت استرپ ،ویژگی ریسپانسیو بودنشه که از یک سیستم 12 ستون برای این کار استفاده میکنه و با توجه به سایز دستگاهمون تنظیم میشه و کارهای ریسپانسیو رو برای ما خیلی راحت کرده .
متد mobile first یعنی اینکه بیایم طراحی سایتمون رو از سایز موبایل شروع کنیم و بعد میریم سراغ سایز های بزرگتر.
طبق این تصویر میبینید که توی ریسپانسیو طراحی سایت از سایز بزرگ شروع میشه مثل لپ تاپ و این چیزها و بعد میریم سراغ سایز های کوچیک مثل تبلت و موبایل.ولی درمتد یا طراحی mobile first میایم طراحی مون رو از موبایل و سایز کوچیک شروع میکنیم و محتویات رو به صورت linear یا خط به خط قرار میدیم و بعد میریم سراغ سایز های بزرگتر.
و اینکه بوت استرپ موبایل فرندلی است و میدونه سایتی رو که ما میخواهیم طراحی کنیم با بوت استرپ موبایل فرندلی هستش و کار ما رو راحت کرده در این زمینه و اینکه حتما به باگ هایی بر خوردید توی طراحی سایتتون که مثلا یک چیزی رو میسازید در کرم یا فایر فاکس به درستی کار میکنه ولی مثلا میاید تو اپرا میبینید اصلا کار نمیکنه ولی بوت استرپ توی دستگاه های مختلفی روی سایت ها و مرورگر های مختلفی تست شده و شما دغدغه این کار رو ندارید و زمان زیادی رو برای شما صرفه جویی میکنه .و همون طور که میدونید بوت استرپ از html ،cssو javascript برای طراحی button ها یا مثلا تب ها ستون ها ،فرم ها یا سایر المان هایی که داریم توی طراحی وب استفاده میکنه و در ورژن های less و sass هم قابل دسترسی هست و کاملا هم قابل کاستومایز کردن هستش و میتونید فقط از بخش هایی که مورد نیاز و سلیقه ما هست استفاده کنید.
ادامه مطلب http://academyit.net/articles/90
