سبد خرید

جلسه چهارم - سیستم گرید بخش دوم - col ها

جلسه بعد
جلسه قبل

سرفصل آموزش جامع فریم ورک BOOTSTRAP 4

برای مشاهده این دوره می بایست وارد شوید و در صورتی که عضو نیستید ثبت نام کنید.
جلسه اول - معرفی و مروری بر فریم ورک بوت استرپ 4 32:04
جلسه دوم - نصب و راه اندازی فریم ورک bootstrap 4 21:40
جلسه سوم - سیستم گرید بخش اول - container و row 35:04
جلسه چهارم - سیستم گرید بخش دوم - col ها 22:27
جلسه پنجم- سیستم گرید بخش سوم - مینی پروژه - پیاده سازی layout 37:32
جلسه ششم - سیستم گرید بخش چهارم - column ordering و offset 38:39
جلسه هفتم - سیستم گرید بخش پنجم - alignment و flex 35:35
جلسه هشتم - کامپوننت ها - بخش اول - alert , badge و beardcrumb 38:08
جلسه نهم - کامپوننت ها - بخش دوم - دکمه ها و دکمه های گروهی 37:40
جلسه دهم - کامپوننت ها - بخش سوم - card ها بخش اول 29:55
جلسه یازدهم - کامپوننت ها - بخش چهارم - card ها - بخش دوم 39:00
جلسه دوازدهم - کامپوننت ها - بخش چهارم - carousel ( اسلایدر تصاویر ) 28:47
جلسه سیزدهم - کامپوننت ها - بخش پنجم - collapse ( آکاردین منو ) و dropdown menu 30:09
جلسه چهاردهم - کامپوننت ها - بخش ششم - form ها 32:33
جلسه پانزدهم - کامپوننت ها - بخش هفتم - input group ها و list group ها 39:15
جلسه شانزدهم - کامپوننت ها - بخش هشتم- media object ها , pagination و progress bar ها 29:45
جلسه هفدهم - کامپوننت ها - بخش نهم - modal و tooltip 32:33
جلسه هجدهم - کامپوننت ها - بخش دهم- nav , tabs و sppiner 36:42
جلسه نوزدهم - کامپوننت ها - بخش یازدهم - navbar ( منو ) 35:56
جلسه بیستم- کامپوننت ها - بخش دوازدهم - popover ,toast و scroll spy 27:33
جلسه بیستم و یکم - utility ها - بخش اول - border , clearfix, color, display و embed 26:14
جلسه بیستم و دوم - utility ها - بخش دوم - flex , screen reader , image replacement و interactions 25:00
جلسه بیستم و سوم - utility ها - بخش سوم - shadow, sizing , spacing , stretched link , vertical align ,text و visibility 26:35
جلسه بیستم و چهارم - content - تایپوگرافی , reboot , code, images , tables و figures 25:55
بیست و پنجم - پروژه - جلسه اول - پیاده سازی بخش جستجو و سبد خرید بخش اول 41:57
بیست و ششم- پروژه - جلسه دوم - پیاده سازی بخش جستجو و سبد خرید - بخش دوم 26:09
بیست و هفتم - پروژه - جلسه سوم - پیاده سازی مگا منو - بخش اول 34:26
بیست و هشتم - پروژه - جلسه چهارم - پیاده سازی مگا منو - بخش دوم 26:52
بیست و نهم - پروژه - جلسه پنجم - پیاده سازی مگا منو - بخش سوم 20:33
سی - پروژه - جلسه ششم - پیاده سازی اسلایدر محصولات - بخش اول 36:11
سی و یکم - پروژه - جلسه هفتم - پیاده سازی اسلایدر محصولات - بخش دوم 41:54
سی و دوم - پروژه - جلسه هشتم - پیاده سازی بنر ها و دسته بندی محصولات 37:16
سی و سوم- پروژه - جلسه نهم - پیاده پیشنهادات ویژه محصولات - بخش اول 34:26
سی و چهارم - پروژه - جلسه دهم - پیاده پیشنهادات ویژه محصولات - بخش دوم 27:00
سی و پنجم - پروژه - جلسه یازدهم - پیاده سازی پیشنهادات ویژه محصولات - بخش سوم 36:19
سی و ششم - پروژه - جلسه دوازدهم - پیاده سازی پیشنهادات ویژه محصولات - بخش چهارم 42:44
سی و هفتم - پروژه - جلسه سیزدهم - پیاده سازی پیشنهادات ویژه محصولات - بخش پنجم 28:28
سی و هشتم - پروژه - جلسه چهاردهم - نمایش محصولات دسته بندی های متفاوت در قالب اسلایدر تصویر - بخش اول 33:28
سی و نهم - پروژه - جلسه پانزدهم - نمایش محصولات دسته بندی های متفاوت در قالب اسلایدر تصویر - بخش دوم 31:21
چهل - پروژه - جلسه شانزدهم - نمایش بنر محصولات 31:26
چهل و یکم - پروژه - جلسه هفدهم - پیاده سازی اسلایدر برندها و پرفروش ترین محصولات دسته ای خاص 22:30
چهل و دوم - پروژه - جلسه هجدهم - پیاده سازی فوتر - بخش اول 39:53
چهل و سوم - پروژه - جلسه نوزدهم - پیاده سازی فوتر - بخش دوم 37:00
چهل و چهارم - پروژه - جلسه بیستم- پیاده سازی فرم لاگین - بخش اول 42:06
چهل و پنجم - پروژه - جلسه بیست و یکم - پیاده سازی فرم لاگین - بخش دوم 10:37
چهل و ششم - پروژه - جلسه بیست و دوم- پیاده سازی صفحه محصول - breadcrumb و نمایش محصول - بخش اول 35:18
چهل و هفتم - پروژه - جلسه بیست و سوم - پیاده سازی صفحه محصول - breadcrumb و نمایش محصول - بخش دوم 32:43
چهل و هشتم - پروژه - جلسه بیست و چهارم - پیاده سازی صفحه محصول - مشخصات محصول - بخش اول 24:48
چهل و نهم - پروژه - جلسه بیست و پنجم - پیاده سازی صفحه محصول - مشخصات محصول - بخش دوم 43:08
پنجاه - پروژه - جلسه بیست و ششم - پیاده سازی صفحه محصول - مشخصات محصول - بخش سوم 35:50
پنجاه و یکم - پروژه - جلسه بیست و هفتم - پیاده سازی صفحه محصول - مشخصات محصول - بخش چهارم 35:45
پنجاه و دوم - پروژه - جلسه بیست و هشتم - پیاده سازی صفحه محصول - مشخصات محصول - بخش پنجم 29:03
پنجاه و سوم - پروژه - جلسه بیست و نهم - ایجاد تغیرات و بهینه سازی پروژه 28:47
پنجاه و چهارم ( پایانی ) - پروژه - جلسه سی ام - پیاده سازی اسلایدر تصاویر محصول با قابلیت بزرگ نمایی تصویر محصول 25:40
آزمون جامع سرفصل فریم ورک BOOTSTRAP 4

در این جلسه از دوره فریم ورک بوتسترپ 4 می پردازیم به :

 

بررسی کلاس col

بررسی کلاس col-sm

بررسی کلاس col-lg

بررسی کلاس col-xl

بررسی کلاس col-md

و..

 

مدرس : وحید صالحی
در مورد این جلسه سوالی دارید؟
1