آموزش پروژه محور طراحی سایت با بوت استرپ 4 (به همراه 3 پروژه عملی)

بوت استرپ 4 (Bootstrap 4) که نظر بسیاری از طراحان وب را به خود جلب کرده نسبت به نسخه های قبلی فریم ورک بوت استرپ دارای ویژگی های بسیار جذاب و کاربردی است.

بوت استرپ در واقع یک فریم ورک تشکیل شده از Css و HTML و JS می باشد که برای توسعه و طراحی سایت های ریسپانسیو مورد استفاده قرار می گیرد. این فریم ورک محبوب در واقع مجموعه ای رایگان از ابزارهای ایجاد کامپوننت برای وبسایت و اپلیکیشن است که حاوی Template های طراحی بر پایه HTML و CSS برای تایپوگرافی، فرم ها، دکمه ها و دیگر کامپوننت های UI می باشد.

مزیت های کلی فریم ورک بوت استرپ (Bootstrap)

1. جلوگیری از تکرار بین پروژه ها
2. ایجاد ثبات در طراحی
3. نمونه سازی سریع طرح اولیه
4. سازگاری با تمامی مرورگرها
5. کاملا ریسپانسیو

آخرین نسخه ای که از بوت استرپ منتشر شده است بوت استرپ 4 می باشد. Bootstrap 4 طبق گفته توسعه دهندگان و برنامه نویسان آن دارای قابلیت های بسیاری است و بیش از 20 مرتبه آن را بازنویسی کرده اند تا به نسخه بتا دست بیابند. در ادامه به معرفی برخی از ویژگی های جدید در فریم ورک بوت استرپ 4 خواهیم پرداخت :

ویژگی های بوت استرپ 4

1. بهبود سیستم Grid
2. مهاجرت از LESS به SASS
3. تغییر سایز کلی فونت ها از 14px به 16 پیکسل
4. پشتیبانی از Flex box
5. ویژگی جدید Cards
6. اضافه شدن کلاس table-inverse
7. تغییر واحد اندازه گیری از px به rem: اثرگذاری بر اساس واحد تایپ، 1rem=16px.
8. ثبات HTML Rest ها در ماژول جدید Reboot
9. قابلیت سفارشی سازی مدرن
10. استفاده از فایل ریست Reboot.css بجای Normalize
11. توقف پشتیبانی از مرورگر اینترنت اکسپلورر نسخه 8 و 9
12. حذف پشتیبانی از Glyphicons (آیکون ها)
13. بازنویسی مجدد پلاگین های جاوا اسکریپت
14. بهبود مکان قرارگیری خودکار tooltip و popover
15. بازنویسی شدن تمامی مستندات

مهم ترین ویژگی که در بوت استرپ 4 وجود دارد این است که این نسخه از بوت استرپ 3 پشتیبانی می کند و کاربران بوت استرپ 3 می توانند به راحتی کدهای خود را به نسخه جدید منتقل کنند و از امکانات جدید آن بهره مند شوند.

در این دوره آنلاین چه مباحثی آموزش داده شده است؟

ما در این دوره آموزشی طراحی وبسایت با بوت استرپ 4 را با انجام 3 پروژه کاملا عملی (پنل مدیریت، وبسایت تک صفحه ای و سایت رزومه) به شما دانشجویان عزیز آموزش می دهیم.

حاصل این دوره

دانشجویان عزیز به محض به پایان رساندن این دوره آموزشی قادر خواهند بود تا ظاهر هر وبسایتی که می خواهند را با بوت استرپ طراحی و اجرا کنند.