پکیج آموزش بوت استرپ 4 – کاملا پروژه محور

قبل از اینکه به توضیحات این دوره یعنی آموزش بوت استرپ 4 بپردازیم قصد داریم تا کمی در مورد این فریم ورک محبوب و قابلیت های جدید اضافه شده به بوت استرپ نسخه 4 صحبت کنیم.

بوت استرپ 4 نسبت به نسخه 3 خود تغییرات زیادی کرده و به همین دلیل از زمانی که این نسخه منتشر شده به طور قابل توجهی به تعداد طرفداران این فریم ورک افزوده شده است. در ادامه تغییرات بوت استرپ 4 را نسبت به نسخه های قبلی مشاهده خواهید کرد :

مهاجرت از Less به Sass : این انتقال باعث افزایش سرعت کامپایل و ایجاد امکان سفارشی سازی سریع به کمک تغییر مقدار شده است.
تغییر سایز فونت ها : سایز عمومی فونت ها در بوت استرپ 4 از 14 به 16 پیکسل تغییر یافته است.
تغییر واحد اندازه گیری از px به rem : اثرگذاری بر اساس واحد تایپ می باشد. هر 1 rem برابر با 16 px می باشد.
پشتیبانی از ویژگی Flexbox : فلکس باکس یکی از قابلیت های CSS3 می باشد که با استفاده از آن می توان طراحی های بهتر و جذاب تری را داشت.
عدم پشتیبانی از مرورگرهای IE نسخه 8 و 9 و IOS نسخه 6 : بوت استرپ 4 از اینترنت اکسپلورر ورژن 10 به بالا و همچنین IOS نسخه 7 به بالا پشتیبانی می کند.
بهبود سیستم شبکه ای : درجه Sm با هدف پشتیبانی از صفحه نمایش های با وضوح کمتر از 768 پیکسل به Grid اضافه شده است.
حذف پشتیبانی از آیکن های Glyphicons
حذف panels، thumbnails و wells
اضافه شدن کلاس جدید table-inverse
جایگزین شدن Normalize با فایل ریست Reboot.css
بازنویسی شدن پلاگین های جاوا اسکریپت

 
سرفصل های دوره آموزش بوت استرپ 4
 

آشنایی با دوره
آشنایی با پیش نیازها و دانلود فایل های لازم
دانلود فایل های بوت استرپ و ضمیمه کردن آنها در پروژه
آشنایی با عناوین
استفاده از CDN برای نصب بوت استرپ
آشنایی با کلاس ها
کارکردن با لیست ها
آشنایی با رنگ ها
کارکردن با تصاویر
کارکردن با جداول
آشنایی با مقدمات grid
ترتیب دهی به ستون های بوت استرپ
آشنایی با ردیف های تو در تو
نحوه چینش ستون ها
نحوه margin و padding به المنت ها
تغییر display المنت ها
شناور کردن المنت ها
کنترل position
نحوه شکستن ستون ها
آشنایی با کامپوننت Alert
آشنایی با کامپوننت Badge
آشنایی با کامپوننت Breadcrumb
آشنایی با کامپوننت Button و Button Group
آشنایی با کامپوننت Card
آشنایی با کامپوننت Carousel
آشنایی با کامپوننت Collapse
آشنایی با کامپوننت Dropdown
آشنایی با form ها
آشنایی با کامپوننت Input Group
آشنایی با کامپوننت Jumbotron
آشنایی با کامپوننت List Group
آشنایی با کامپوننت Media Object
آشنایی با کامپوننت Modal
آشنایی با کامپوننت Nav
آشنایی با کامپوننت Navba
آشنایی با کامپوننت Pagination
آشنایی با کامپوننت Popover
آشنایی با کامپوننت Progress
آشنایی با کامپوننت Scrollspy
آشنایی با کامپوننت Spinner
آشنایی با کامپوننت Toast
آشنایی با کامپوننت Tooltip
راه اندازی اولیه پروژه
بهبود carousel وبسایت
ایجاد navbar برای وبسایت
اضافه کردن بخش های جدید به وبسایت
زیبایی بخشی به navbar
افکت دادن به navbar
راه اندازی بخش کارد ها در وبسایت
ارتقا navbar وبسایت
زیبایی بخشی به carousel
ایجاد بخش درباره ما
ایجاد بخش عضویت
رفع باگ navbar
راه اندازی owl-carousel برای بخش جدید وبسایت
تکمیل بخش ایجاد شده با owl-carousel
ایجاد بخش قیمت ها
جزییات بخش قیمت ها و زیباسازی آن
طراحی فوتر وبسایت
راه اندازی navigation داخلی
بهبود navigation داخلی و زیباسازی آن
Scrollspy روی body وبسایت با استفاده از بوت استرپ
انیمیشن بخشی به اجزا وبسایت برای پویایی بیشتر
نتیجه گیری از دوره و طرح گام های بعدی برای پیشرفت در برنامه نویسی

 
آیا این دوره پیش نیاز دارد؟
بله دانشجویان برای گذراندن این دوره آموزشی باید با HTML و CSS آشنایی کافی داشته باشند.