قراره تو این دوره چی یاد بگیرم؟

  • تفاوت Bootstrap ورژن 4 و 5
  • آشنایی با بوت استرپ
  • نحوه اضافه کردن به پروژه
  • معرفی و کار با کامپونت ها

سرفصل های دوره

۲۴ فصل
۲۹ جلسه
۷ ساعت
۱

تفاوت bootstrap4,5

۴ قسمت
۰۱:۲۳:۰۱
1

توضیحات

رایگان
۱۴:۵۶
2

شبکه بندی

رایگان
۳۴:۴۰
3

جدول

رایگان
۲۱:۰۷
4

جمع بندی

رایگان
۱۲:۱۸
۲

Introduction

۱ قسمت
۰۰:۱۲:۰۴
۳

Add bootstrap files

۱ قسمت
۰۰:۱۲:۰۴
۴

Grid

۱ قسمت
۰۰:۱۳:۴۲
۵

Container

۱ قسمت
۰۰:۱۷:۱۸
۶

Typography & Colors

۱ قسمت
۰۰:۱۶:۰۳
۷

Button

۱ قسمت
۰۰:۲۰:۳۵
۸

Button (Dropdown)

۱ قسمت
۰۰:۱۰:۵۸
۹

Table

۱ قسمت
۰۰:۱۳:۴۴
۱۰

Image

۱ قسمت
۰۰:۰۳:۳۳
۱۱

Carousel

۲ قسمت
۰۰:۲۹:۰۷
۱۲

Navbar

۱ قسمت
۰۰:۲۸:۴۹
۱۳

navs & tabs & pills

۲ قسمت
۰۰:۲۱:۱۷
۱۴

breadCrumb

۱ قسمت
۰۰:۰۶:۲۰
۱۵

Accordion

۱ قسمت
۰۰:۰۶:۰۶
۱۶

Alert

۱ قسمت
۰۰:۰۹:۴۴
۱۷

Card

۱ قسمت
۰۰:۱۵:۰۳
۱۸

List Group

۱ قسمت
۰۰:۰۶:۱۹
۱۹

modal

۱ قسمت
۰۰:۰۶:۳۲
۲۰

pagination

۱ قسمت
۰۰:۰۵:۵۹
۲۱

progressBar

۱ قسمت
۰۰:۰۷:۴۲
۲۲

spinner

۱ قسمت
۰۰:۰۷:۰۳
۲۳

form

۱ قسمت
۰۰:۲۲:۵۷
۲۴

project

۱ قسمت
۰۰:۲۸:۳۶

Bootstrap چیست؟

وقتی می‌خواهیم یک صفحه وب را طراحی کنیم باید از طریق html، css ، jquery و… صفحه مورد نظر را کدنویسی کنیم، حال اگر بخواهیم یک صفحه وب را در سریع‌ترین شکل ممکن به صورت واکنش گرا طراحی کنیم بهترین گزینه استفاده از Bootstrap است چون ابزاری‌هایی را در اختیار ما قرار می‌دهد که روند طراحی و کدنویسی را سریع‌تر می‌کند.

طراحی قالب یک وبسایت از پایه زمان‌بر است حتی برای کسانی که چندین سال کار کد نویسی قالب انجام داده‌اند و به زبان‌های html، css، جاوا اسکریپت و… تسلط دارند، تعدادی از طراحان و توسعه‌دهندگان سایت معروف توییتر در جهت رفع این مشکل، فریم ورکی به نام بوت استرپ ارائه کردند که طراحی صفحات وب را برای توسعه دهندگان و طراحان وب آسان‌تر کرد که در حال حاضر تعداد زیادی از طراحان صفحات وب از فریم ورک بوت استرپ استفاده می‌کنند.

در سال 2011 بوت استرپ بود که به دنیای طراحان وب وارد و از همان ابتدا هم به دلایل ویژگی های متمایز خود به نسبت رقبا مورد توجه بوده و در هر نسخه توسعه دهندگان Bootstrap سعی داشتند تا با امکانات و استانداردهای روز دنیا همگام شوند تا این سیر صعودی را حفظ و رضایت استفاده کنندگان خود را افزایش دهد که در این امر نیز موفق بوده اند. هرچند که امروزه کتابخانه های زیاد دیگری نیز برای رقابت با بوت استرپ وجود دارد و همانطور که هیچ چیز کامل نیست در برخی موارد بوت استرپ ضعف هایی در برابر رقبای خود دارد که در نسخه 5 تا حد خیلی خوبی این ضعف ها را باید فراموش کنید که در ادامه با این موارد آشنا می شوید.

ویژگی های جدید Bootstrap ورژن 5 :

جزء جدید منوی offcanvas
حذف وابستگی به jQuery به نفع جاوا اسکریپت وانیلی
بازنویسی شبکه برای پشتیبانی از ناودان و ستون های پاسخگو که در خارج از ردیف ها قرار گرفته اند
انتقال اسناد از جکیل به هوگو
حذف پشتیبانی از Internet Explorer [17]
انتقال زیرساخت های آزمایش از QUnit به Jasmine
افزودن مجموعه سفارشی نمادهای SVG
اضافه کردن ویژگی های سفارشی CSS
API بهبود یافته
سیستم شبکه پیشرفته
بهبود اسناد سفارشی سازی
فرم های به روز شده
پشتیبانی RTL

در دوره آموزش bootstrap 5 چه می آموزید ؟

  • تفاوت Bootstrap ورژن 4 و 5
  • آشنایی با بوت استرپ
  • نحوه اضافه کردن آن به پروژه
  • معرفی و کار با کامپوننت ها
  • انجام یک مینی پروژه

این دوره چه بازارکاری دارد؟

بازار کار بوت استرپ تو بخش فرانت هست (ساخت قالب وب سایت)
البته برای تکمیل بخش فرانت یادگیری js ضروریه

دوره بوت استرپ 5 برای چه کسانی مناسب است ؟

دوره آموزش bootstrap 5 مناسب افرادی است که به html و css تسلط داشته باشند.

نکته
پشنهاد دوره مکمل: دوره آموزش برنامه نویسی فرانت اند به زبان ساده✅(جامع و پروژه محور)

چه نرم افزارهایی در این دوره استفاده شده است؟

در آموزش بوت استرپ ۵ از نرم افزار های Vs Code استفاده شده است.

دلایل استفاده از بوت استرپ

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

افزایش سرعت توسعه

بوت استرپ شامل مجموعه ای از کامپوننت‌های از پیش ساخته شده است که به سرعت توسعه سایت و اپلیکیشن کمک می‌کند. توسعه دهندگان می‌توانند با استفاده از این کامپوننت‌ها، زمان تولید را به طور چشمگیری کاهش دهند.

واکنش‌گرایی (Responsiveness)

بوت استرپ به طور پیش‌فرض واکنش‌گرا است و طراحی سایت را در انواع دستگاه‌ها (موبایل، تبلت، دسکتاپ) به خوبی پشتیبانی می‌کند. این امر به توسعه دهندگان کمک می‌کند تا سایت‌های واکنش‌گرا و مناسب برای همه دستگاه‌ها را ایجاد کنند.

سازگاری با مرورگرهای مختلف

بوت استرپ با اکثر مرورگرهای رایج سازگار است و به خوبی در آن‌ها اجرا می‌شود. این ویژگی به توسعه دهندگان اطمینان می‌دهد که سایت آن‌ها در همه مرورگرها به خوبی کار خواهد کرد.

قابلیت سفارشی‌سازی

بوت استرپ امکان سفارشی‌سازی گسترده‌ای را فراهم می‌کند تا توسعه دهندگان بتوانند ظاهر سایت را مطابق با نیاز خود تنظیم کنند. این امر به توسعه دهندگان اجازه می‌دهد تا سایت‌های منحصربه‌فرد و متمایز بسازند.

سازگاری با کتابخانه‌های جانبی

بوت استرپ با کتابخانه‌های جانبی متعددی سازگار است که می‌توان از آن‌ها برای افزودن قابلیت‌های پیشرفته‌تر استفاده کرد. این امر به توسعه دهندگان امکان می‌دهد تا با استفاده از این کتابخانه‌ها، ویژگی‌های کاربردی‌تری به سایت اضافه کنند.

جامعه فعال و مستندات کامل

بوت استرپ از یک جامعه فعال و مستندات کامل برخوردار است که به توسعه دهندگان در یادگیری و حل مشکلات کمک می‌کند. این ویژگی به طور کلی به افزایش بهره‌وری توسعه دهندگان منجر می‌شود.

بوت استرپ 5 چیست؟

بوت استرپ 5 نسخه جدیدتر و بهبودیافته از فریمورک محبوب بوت استرپ است که در سال 2020 منتشر شد. این نسخه جدید با ارائه طراحی و ظاهر جذاب‌تر، امکان ایجاد رابط کاربری زیباتر و مدرن‌تر را فراهم می‌کند. همچنین، پشتیبانی از تم‌های تاریک و بهبود کارایی و سرعت از دیگر ویژگی‌های برجسته بوت استرپ 5 هستند. این نسخه همچنین طراحی رسپانسیو را به نحو بهتری پشتیبانی می‌کند و قابلیت دسترسی را نیز افزایش داده است. در مجموع، بوت استرپ 5 با ارائه ویژگی‌های بهبودیافته و جدید، تجربه توسعه و استفاده از این فریمورک را برای توسعه دهندگان و کاربران ارتقا می‌بخشد.