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

  • تفاوت 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 استفاده شده است.