آموزش گسترش بوت استرپ با CSS ، JavaScript و jQuery

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

معرفی دوره Course Introduction

• معرفی دوره Course Introduction

• دوره های مخاطبان دوره و برنامه های کاربردی Pluralsight برای کمک به شما Course Audience and Pluralsight Courses to Help You

• طرح کلی دوره Course Outline

ایجاد پیمایش چپ (نوار کناری) Create Left (Sidebar) Navigation

• معرفی ماژول Module Introduction

• مقدمه ای بر ساده پیمایش چپ Introduction to Simple Left Navigation

• ایجاد HTML برای پیمایش چپ ما Building the HTML for Our Left Navigation

• یک ظاهر طراحی ناوبری چپ Styling the Left Navigation

• افزودن یک پرس و جو رسانه Adding a Media Query

• انتقال ها را برای علاقه بصری اضافه کنید Add Transitions for Visual Interest

• انتقال به نمادها در دستگاههای کوچک Transition to Icons on Small Devices

• پیمایش چپ با آکاردئون Left Navigation with Accordions

• خلاصه ماژول Module Summary

ابزارک های داشبورد سفارشی بسازید Build Custom Dashboard Widgets

• معرفی ماژول Module Introduction

• مقدمه ای بر بلوک های خلاصه Introduction to Summary Blocks

• گام به گام بلوک های خلاصه را بسازید Build Summary Blocks Step-by-Step

• مقدمه ای بر مضامین بلوک خلاصه Introduction to Summary Blocks Themes

• بلوک های خلاصه تم Theme Summary Blocks

• مقدمه ای بر جعبه های Readme Introduction to Readme Boxes

• گام به گام جعبه Readme را بسازید Build Readme Box Step-by-Step

• اضافه کردن سبک های بیشتر برای جعبه Readme Adding More Styles for Readme Box

• جعبه های قالب Readme Theme Readme Boxes

• صفحه جدیدی با جعبه های Readme اضافه کنید Add a New Page with Readme Boxes

• توقف انتقال هنگام انتقال از صفحه ای به صفحه دیگر Stopping Transitions When Moving From Page to Page

• خلاصه ماژول Module Summary

گسترش جعبه های چک و دکمه های رادیو Extending Check Boxes and Radio Buttons

• معرفی ماژول Module Introduction

• با استفاده از جعبه های چک Bootstrap Using Bootstrap Check Boxes

• جعبه ها را در یک دکمه علامت بزنید Check Boxes in a Button

• جعبه ها را در یک گروه دکمه ای علامت بزنید Check Boxes in a Button Group

• با استفاده از jQuery Glyphs را در جعبه های انتخاب جابجا کنید Toggle Glyphs in Check Boxes Using jQuery

• دکمه های رادیویی در گروه های دکمه ای و تغییر حروف گلی Radio Buttons in Button Groups and Toggling Glyphs

• خلاصه ماژول Module Summary

انتخاب کنندگان سفارشی محصول Custom Product Selectors

• معرفی ماژول Module Introduction

• مقدمه ای بر انتخاب کنندگان محصول Introduction to Product Selectors

• انتخابگر محصول بسازید Build a Product Selector

• یک ظاهر طراحی محصول Styling the Product Selector

• برای جابجایی انتخابگر محصول jQuery بنویسید Write jQuery to Toggle Product Selector

• مقدمه ای برای ساخت عام تر انتخابگر محصول خود Intro to Making Your Product Selector More Generic

• برای کد عمومی تر ، اشیا Java جاوا اسکریپت ایجاد کنید Create JavaScript Objects for More Generic Code

• مقدمه ای برای محاسبه کل Intro to Calculating Totals

• مساحت کل محصول را ایجاد کنید Create Product Total Area

• برای محاسبه کل در حال اجرا jQuery بنویسید Write jQuery to Calculate Running Totals

• محاسبه کل عمومی و نمونه نهایی Generic Total Calculation and Final Sample

• خلاصه ماژول Module Summary

آکاردئون بوت استرپ قابل برنامه ریزی Customizable Bootstrap Accordions

• معرفی ماژول Module Introduction

• افزودن گلایف به آکاردئون Adding Glyphs to Accordions

• مقدمه ای بر افزودن گلیف به صورت برنامه ای Introduction to Adding Glyphs Programmatically

• با استفاده از jQuery Glyphs را به Accordion اضافه کنید Add Glyphs to Accordion Using jQuery

• با استفاده از jQuery گلیف ها را تغییر دهید Change Glyphs Using jQuery

• از ویژگی های "data-" برای برنامه نویسی عمومی استفاده کنید Use 'data-' Attributes for Generic Coding

• افزودن ویژگیهای 'data-' به Accordions Adding 'data-' Attributes to Accordions

• دست زدن به سازگاری های مختلف Handling Different Accordions

• ساخت jQuery عمومی برای چند آکاردئون Making the jQuery Generic for Multiple Accordions

• خلاصه ماژول Module Summary

به کاربر خود اطلاع دهید که چیزی اتفاق می افتد Let Your User Know Something Is Happening

• معرفی ماژول Module Introduction

• دکمه را غیرفعال کنید و متن را تغییر دهید Disable Button and Change Text

• افزودن پیام پاپ آپ Adding a Pop-up Message

• پس زمینه را خاکستری کنید Gray Out the Background

• یک چرخان اضافه کنید Add a Spinner

• خلاصه ماژول Module Summary

• خلاصه دوره Course Summary