روشی شگفت انگیز برای آموزش bootstrap 4

مدرس: امیر دینی مدت زمان آموزش : 58 ساعت تعداد سمت ها : 109 وضعیت اموزش : تکمیل
شرح دوره

به گام سوم یادگیری طراحی سایت خوش آمدید.

بوت استرپ (bootstrap) یک فریم ورک است که در طراحی صفحات وب به صورت رسپانسیو به کار می ورد، بوت استرپ شامل دستورات HTML، CSS و توابع جاوااسکریپت برای تولید و نمایش فرم ها، دکمه ها و المان های مورد نیاز طراحی وب می باشد.

از نظر سئو هیچ تفاوتی بین سایت هایی که با استفاده از فریم ورک بوت استرپ ایجاد می شود و سایت هایی که به صورت دستی ساخته شده باشد وجود ندارد.

با توجه به اینکه بوت استرپ برای طراحی سایت های اختصاصی راحت است، حتی کاربرانی که مبتدی هستند و تسلط چندانی بر HTML و CSS ندارند هم می توانند به راحتی از این فریم ورک استفاده کنند.

یا از یادگیری bootstrap 4 لذت ببرید و یا پول خود را پس بگیرید!

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

70000 تومان – خرید
لینک های دانلود سرفصل دوره
  • نگاه اجمالی به دوره bootstrap 4 ، بوت استرپ چیست !؟ کاربرد های بوت استرپ ، پیش نیاز های این دوره

  • نگاهی متخصصانه به بوت استرپ ، آموزش اضافه کردن بوت استرپ به صفحه ، تحلیل یک صفحه ساخته شده با بوت استرپ

  • اضافه کردن بوت استرپ ، آموزش کار با دستورات آماده بوت استرپ ، بررسی ساختار کلاس های container و container و توضیحات کامل راجب متاتگ viewport

  • بررسی سیستم گرید و شبکه بندی ۱۲ تایی در بوت استرپ xs - sm - md - lg

  • حل مثال های متنوع در رابطه با Bootstrap Grid

  • کار با دستورات پیشفرض و آماده ی بوت استرپ

  • کار با تگ های mark - abbr - block qutos - dl - code - kbd - pre و آشنایی با نحوه تگ نویسی آنها ، بررسی تاثیرات بوت استرپ بر تگ های HTML به صورت مستقیم

  • آشنایی با کلاس های آماده ی مربوطه به متن در بوت استرپ text-right ، text-left ، text-center ، text-uppercase ، text-lowercase ، text-capilatize ، list-unstyled ، list-unstyled

  • کار با رنگ و بکگراند متون به صورت آماده در بوت استرپ ، Text-muted ، Text-primary ، Text-succes ، Text-info ، Text-warning ، Text-danger و بک گراند ها

  • کار با جداول در بوت استرپ Table-striped ، Table-bordered

  • کار با جداول در بوت استرپ Table-hover، Table-dark

  • کار با جداول در بوت استرپ Table-success، Table-info ، Table-warning ، Table-primary

  • کار با جداول در بوت استرپ ، توضیحاتی در مورد ریسپانسیو کردن جداول

  • کار با تصاویر در بوت استرپ ، کلاسRounded ، Image-thumbnail

  • کار با تصاویر در بوت استرپ ( ریسپانسیو کردن تصاویر )

  • ساخت یک گالری محصولات حرفه ای

  • توضیح مفصل و کار با کلاس های jumbotron ( bootstrap vr4 ) و page header ( bootstrap vr3 )

  • کار با کلاس well (vr3.3.7) ،

  • کار با alert ها ، alert-link ، alert-succsess ، alert-danger - alert-warning و ...

  • کار با Alert ها ، کلاس alert-dismiss ، alert-heading ، alert-dark ، fade ف show

  • حل پروژه

  • پروژه سه صفحه ای فاکتور پرداخت با استفاده از آموخته های قبلی برای درک بهتر

  • پروژه سه صفحه ای فاکتور پرداخت با استفاده از آموخته های قبلی برای درک بهتر

  • کار با دکمه buttons در بوت استرپ و بررسی کلاس های مروبطه

  • کار با دکمه buttons در بوت استرپ و بررسی کلاس های مروبطه

  • کار با دکمه buttons در بوت استرپ و بررسی کلاس های مروبطه

  • آموزش سایز دکمه ها ، تمام عرض کردن دکمه ها ، فعال و غیرفعال سازی دکمه ها

  • توضیح کامل در رابطه با اسپینر ، Spinner-gorw ، Spinner-border و بررسی رنگ ها در Spinner ها

  • اموزش ساخت دکمه با لودینگ

  • مینی پروژه : تلفیق آلرت ها دکمه ها alert buttons و ساخت یک فریم ورک خیلی ساده

  • مینی پروژه : ساخت سری دکمه ها بدون بوت استرپ outline buttons

  • مینی پروژه : ساخت دو دکمه با انیمیشن حرفه ای + تمرین و حل تمرین

  • ساخت دکمه ی دانلود و ساخت صفحه قبل و بعد

  • ساخت یک شبه منو به همراه آیکون با استفاه از دکمه ها

  • طراحی و ساخت یک باکس دانلود حرفه ای

  • کار به صورت کامل با buttons group

  • آموزش کامل استفاده از badges در بوت استرپ

  • بررسی عرض progress bars

  • استفاده از کلاس و استایل ها برای زیبا سازی progress bars و کلاس انیمیشن

  • اموزش صفحه بندی در بوت استرپ 4 و بررسی کلاس های مروبطه

  • bradcramp چیست ؟ ساخت یک پروژه ساده

  • ساخت Pagination بدون بوت استرپ + سفارشی سازی Pagination با بوت استرپ

  • کار با لیست گروپ در بوت استرپ 4 ، بررسی کلاس های list-group-item ، list-group-item-action ، Active ، Disabled

  • رنگ ها در لیست

  • استفاده از کلاس Card-body ، Card-header ، Card-footer بررسی بکگراند در card ها ، بررسی Card links ،

  • حل تمرین

  • بررسی کلاس Card-clumns و حل تمرین

  • ساخت باکس تور های مسافرتی ، ساخت پست های سایت با تاریخ انتشار

  • ساخت باکس های رنگی با استفاده از cards

  • حذف کردن خط های کنار باکس + ساخت لیست قیمت شرح تمرین شماره 1 : border to backgrund & backgrund to border شرح تمرین شماره 2 : یک کارت معرفی اینستاگرام

  • توضیح Dropdown کامل در بوت استرپ ، استفاده از کلاس dropdown-toggle ، بررسی Data-toggle ، بررسی کلاس drop-down-item

  • تمرین و حل مسئله

  • ساخت یک منو حرفه ای با کمک dropdown

  • آموزش کامل دستور collapseible + مینی پروژه + یک تمرین

  • کار با کلاس nav ، کار با کلاس nav-link ، کار با کلاس justify-content-center ، کار با کلاس nav-item

  • ادامه آموزش nav و حل تمرین

  • داینامیک کردن تب ها و استفاده از کلاس های مروبطه برای زیبا سازی

  • اموزش navigation در بوت استرپ و حل تمرین

  • بررسی کلاس navbar-expend-sm و بررسی حالت های ریسپانسیو

  • استفاده از کلاس navbar-toggler ، کلاس navbar-collapse ، کلاس collapse T و ساخت یک منو به عنوان تمرین

  • بررسی navbar-text و حل تمرین

  • بررسی خاصیت Sticky

  • ساخت یک منو به کمک navigation در بوت استرپ 4

  • فرم ها در بوت استرپ 4 ، استفاده از کلاس form-group ، کلاس form-check ، کلاس form-inline و ساخت یک فرم برای تمرین

  • اعتبار سنجی در بوت استرپ 4 ، بررسی کلاس valid-feedback ، کلاس invalid-feedback ، کلاس was-validated ، بررسی خاصیت required ، بررسی for

  • ورودی های فرم ها در بوت استرپ 4 ، کلاس form-checkbox-input ، کلاس form-check-table ، form-check ، کلاس form-control-plaintext و ...