تعداد جلسات

۴۰ جلسه

قیمت

۲۰۰۰۰۰ تومان

نام مدرس

فرید علاقمند

تاریخ انتشار

۰۰/۷/۵ دوشنبه , ۰۷:۲۳:۰۰


آموزش بوت استرپ 5

بدون شک بوت استرپ محبوب ترین فریمورک css میان توسعه دهنده های وب است، ولی دلیل این محبوبیت چیه؟ مطمعنا سادگی استفاده، طراحی ساختاریافته و بهینه از جمله دلایلی است که هر توسعه دهنده یی رو به استفاده از این ابزار محبوب ترغیب می کنه. در این دوره قصد داریم صفر تا صد آموزش استفاده از این فریمورک رو به صورت کاملا پروژه محور بهت آموزش بدیم.

 

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

بوت استرپ یک فریمورک رایگان و متن باز (open-source) است که برای توسعه صفحات واکنشگرا (responsive) و Mobile-first مورد استفاده قرار می گیره. این ابزار شامل قالب های طراحی مبتنی بر css و javascript ، برای تایپوگرافی، فرم ها، دکمه ها و ... بوده و همچنین شامل کامپوننت های مرتبط با رابط می باشد.

 

طراحی واکنشگرا و Mobile-first چیست؟

طراحی واکنشگر(responsive design) رویکردی در طراحی وب است که هدف آون نمایش هرچه بهتر صفحات وب در صفحه نمایش هایی با سایز های متفاوت از حداقل تا حداکثر می باشد تا بتونیم رضایت کاربر رو هنگام استفاده از صفحات احساس کنیم. در طراحی Mobile-first هدف طراحی اینه که ابتدا صفحاتی با نمایش یکپارچه در صفحه نمایش های کوچک تر مانند موبایل به دست بیاریم. این باعث میشه از تجربه کاربری مناسب در صفحه نمایش های مختلف اطمینان بیشتری کسب کنیم.

 

بوت استرپ ۵

بوت استرپ ۵ آخرین نسخه بوت استرپ است که نسبت به نسخه ی قبل تغییرات به خصوصی داشته از جمله حذف JQuery از پیش نیاز ها، بهبود form-control ها، custom properties و ... بنابراین ما هم از آخرین ورژن این فریمورک محبوب برای آموزش مون استفاده می کنیم.

 

چرا دوره بوت استرپ پلازیکا؟

ما توی این دوره تمامی سرفصل های مهم رو به صورت ساده و روان پوشش دادیم و در انتهای کار یک پروژه جذاب و کامل قرار دادیم تا مخاطب بتونه بعد از یادگیری نحوه استفاده از این فریمورک، به طور عملی با پروژه درگیر بشه و ترس اش از کار کردن با این ابزار بریزه. گفتنی است که توی پلازیکا میتونین در کنار دیدن آموزش هم زمان خودتون کد ها رو همراه با مدرس بزنین و اجرا کنین تا به مرحله تثبیت یادگیری برسین.

 

پیش نیازهای این دوره

  • آشنایی با HTML
  • آشنایی با CSS

فصل‌های دوره

۱ مقدمه
در دسترس ۰۰:۱۲:۲۲
۲ container
قفل شده ۰۰:۱۵:۴۶
۳ Grid
قفل شده ۰۰:۱۵:۵۴
۴ columns
قفل شده ۰۰:۱۶:۳۱
۵ columns - بخش دوم
قفل شده ۰۰:۱۷:۴۳
۶ Gutter
قفل شده ۰۰:۱۵:۲۶
۷ Typography
قفل شده ۰۰:۲۲:۱۵
۸ Image - Table
قفل شده ۰۰:۲۰:۳۷
۹ فرم ها
قفل شده ۰۰:۲۱:۲۹
۱۰ فرم ها - بخش دوم
قفل شده ۰۰:۲۰:۴۹
۱۱ فرم ها - بخش سوم
قفل شده ۰۰:۳۶:۴۶
۱۲ کامپوننت accordion
قفل شده ۰۰:۲۵:۱۲
۱۳ کامپوننت alert و badge
قفل شده ۰۰:۲۰:۲۲
۱۴ کامپوننت Breadcrumb
قفل شده ۰۰:۰۷:۳۰
۱۵ button و button-group
قفل شده ۰۰:۱۵:۰۸
۱۶ کامپوننت card
قفل شده ۰۰:۲۵:۲۳
۱۷ کامپوننت Carousel
در دسترس ۰۰:۱۹:۴۵
۱۸ کامپوننت Collapse
قفل شده ۰۰:۱۱:۵۱
۱۹ کامپوننت Dropdown
قفل شده ۰۰:۱۴:۳۴
۲۰ کامپوننت List-group
قفل شده ۰۰:۱۰:۳۹
۲۱ کامپوننت Modal
قفل شده ۰۰:۱۰:۴۹
۲۲ کامپوننت Navs , Tabs
قفل شده ۰۰:۱۴:۱۳
۲۳ کامپوننت Navbar
قفل شده ۰۰:۲۱:۳۸
۲۴ کامپوننت offcanvas
قفل شده ۰۰:۱۳:۵۵
۲۵ کامپوننت Pagination
قفل شده ۰۰:۰۶:۲۲
۲۶ کامپوننت Progress و Spinner
قفل شده ۰۰:۱۴:۱۶
۲۷ کامپوننت placeholder
قفل شده ۰۰:۱۱:۲۴
۲۸ کامپوننت Popover و Toolitp
قفل شده ۰۰:۱۴:۰۰
۲۹ کامپوننت Toast
قفل شده ۰۰:۱۵:۳۸
۳۰ Utilities - بخش اول
قفل شده ۰۰:۲۴:۳۳
۳۱ Utilities - بخش دوم
قفل شده ۰۰:۱۸:۳۶
۳۲ Utilities - بخش سوم
قفل شده ۰۰:۲۲:۳۱
۳۳ Utilities - بخش چهارم
قفل شده ۰۰:۱۷:۲۹
۳۴ Utilities - بخش پنجم
قفل شده ۰۰:۲۱:۰۴
۳۵ Utilities - بخش آخر
قفل شده ۰۰:۲۷:۲۶
۳۶ صفحه تکمیل خرید
قفل شده ۰۰:۲۸:۳۱
۳۷ صفحه تکمیل خرید - بخش دوم
قفل شده ۰۰:۳۰:۳۴
۳۸ صفحه تکمیل خرید - بخش سوم
قفل شده ۰۰:۳۴:۰۰
۳۹ صفحه carousel
قفل شده ۰۰:۲۲:۴۸
۴۰ صفحه carousel - بخش دوم
قفل شده ۰۰:۲۹:۱۵

در حال انجام عملیات

-1