[ENGLISH]

01 Course Overview [2mins]
01-01 Course Overview [2mins]

02 Getting Started with Bootstrap 5 [29mins]
02-01 Version Check [0mins]
02-02 Module Introduction [3mins]
02-03 Hello Bootstrap [4mins]
02-04 What You`ll Learn in This Course [1mins]
02-05 Demo: Looking at Bethany`s Pie Shop [4mins]
02-06 Adding Bootstrap to a Site [3mins]
02-07 Demo: Adding Bootstrap Classes [11mins]
02-08 Demo: Exploring Bootstrap Samples [2mins]
02-09 Summary [1mins]

03 Creating a Page Layout with the Bootstrap Grid System [36mins]
03-01 Module Introduction [1mins]
03-02 Understanding the Bootstrap Grid System [11mins]
03-03 Demo: Understanding the Bootstrap Grid System [11mins]
03-04 Working with Columns [2mins]
03-05 Demo: Working with Columns [3mins]
03-06 Demo: Adding a Responsive Layout to the Detail Page [7mins]
03-07 Summary [1mins]

04 Adding Style with Bootstrap [21mins]
04-01 Module Introduction [1mins]
04-02 Working with Text and Typography [4mins]
04-03 Demo: Working with Type and Text [3mins]
04-04 Demo: Applying Styles on Tables [5mins]
04-05 Demo: Working with Images [2mins]
04-06 Adding Layout Style Classes [3mins]
04-07 Demo: Adding Style Classes to Our Site [3mins]
04-08 Summary [0mins]

05 Extending the Site Using Bootstrap Components [29mins]
05-01 Module Introduction [1mins]
05-02 Understanding Bootstrap Components [4mins]
05-03 Demo: Adding a First Component: Progress [4mins]
05-04 Adding Components to Our Pages [3mins]
05-05 Demo: Using the nav and navbar Components [7mins]
05-06 Demo: Adding the Breadcrumb Component [3mins]
05-07 Using a Card Component [2mins]
05-08 Demo: Using the Card in the List Page [4mins]
05-09 Summary [1mins]

06 Creating Forms with Bootstrap Components [40mins]
06-01 Module Introduction [1mins]
06-02 Exploring Forms with Bootstrap [5mins]
06-03 Demo: Creating a First Form [3mins]
06-04 Form Layout [3mins]
06-05 Demo: Applying Different Form Layouts [4mins]
06-06 Using the Bootstrap Form Components [2mins]
06-07 Demo: Discovering Form Components [5mins]
06-08 Demo: Creating the Order and Payment Form [9mins]
06-09 Demo: Working with Input Groups [2mins]
06-10 Adding Form Validation [2mins]
06-11 Demo: Adding Form Validation [3mins]
06-12 Summary [1mins]

07 Making Pages Interactive with JavaScript-enabled Components [29mins]
07-01 Module Introduction [1mins]
07-02 Using Interactive Components [2mins]
07-03 Adding Interactive Components to Our Site [2mins]
07-04 Demo: Adding the Carousel to the Home Page [6mins]
07-05 Demo: Adding the Offcanvas as the Shopping Basket [6mins]
07-06 Demo: Adding the Modal Component [3mins]
07-07 Demo: Using a Toast [3mins]
07-08 Demo: Adding a Dropdown [4mins]
07-09 Demo: Adding the Collapse [1mins]
07-10 Summary [1mins]

08 Improving the Site Pages [18mins]
08-01 Module Introduction [1mins]
08-02 Using the Bootstrap Icons [3mins]
08-03 Demo: Adding Bootstrap Icons to the Site [3mins]
08-04 Demo: Recreating the Jumbotron Component [3mins]
08-05 Demo: Bringing in the Masonry Layout [2mins]
08-06 Demo: Using the According to Group Items [2mins]
08-07 Demo: Working with Bootstrap Colors [2mins]
08-08 Demo: Bringing in Bootstrap Interactions [1mins]
08-09 Summary and Course Closing [1mins]

[فارسی]

01 بررسی اجمالی دوره [2 دقیقه]
01-01 بررسی اجمالی دوره [2 دقیقه]

02 شروع با بوت استرپ 5 [29 دقیقه]
02-01 بررسی نسخه [0 دقیقه]
02-02 معرفی ماژول [3 دقیقه]
02-03 سلام بوت استرپ [4 دقیقه]
02-04 آنچه در این دوره خواهید آموخت [1 دقیقه]
02-05 نسخه‌ی نمایشی- نگاهی به فروشگاه Bethanys Pie [4 دقیقه]
02-06 افزودن بوت استرپ به سایت [3 دقیقه]
02-07 نسخه‌ی نمایشی- اضافه کردن کلاس‌های بوت استرپ [11 دقیقه]
02-08 نسخه‌ی نمایشی- کاوش نمونه‌های بوت استرپ [2 دقیقه]
02-09 خلاصه [1 دقیقه]

03 ایجاد طرح‌بندی صفحه با سیستم بوت استرپ گرید [36 دقیقه]
03-01 معرفی ماژول [1 دقیقه]
03-02 آشنایی با سیستم بوت استرپ گرید [11 دقیقه]
03-03 نسخه‌ی نمایشی- درک سیستم بوت استرپ گرید [11 دقیقه]
03-04 کار با ستون‌ها [2 دقیقه]
03-05 نسخه‌ی نمایشی- کار با ستون‌ها [3 دقیقه]
03-06 نسخه‌ی نمایشی- افزودن یک طرح‌بندی پاسخگو به صفحه جزئیات [7 دقیقه]
03-07 خلاصه [1 دقیقه]

04 اضافه کردن سبک با بوت استرپ [21 دقیقه]
04-01 معرفی ماژول [1 دقیقه]
04-02 کار با متن و تایپوگرافی [4 دقیقه]
04-03 نسخه‌ی نمایشی- کار با نوع و متن [3 دقیقه]
04-04 نسخه‌ی نمایشی- اعمال سبک‌ها روی جداول [5 دقیقه]
04-05 نسخه‌ی نمایشی- کار با تصاویر [2 دقیقه]
04-06 افزودن کلاس‌های سبک چیدمان [3 دقیقه]
04-07 نسخه‌ی نمایشی- اضافه کردن کلاس‌های سبک به سایت ما [3 دقیقه]
04-08 خلاصه [0 دقیقه]

05 گسترش سایت با استفاده از مؤلفه‌های بوت استرپ [29 دقیقه]
05-01 معرفی ماژول [1 دقیقه]
05-02 درک اجزای بوت استرپ [4 دقیقه]
05-03 نسخه‌ی نمایشی- افزودن اولین جزء- پیشرفت [4 دقیقه]
05-04 افزودن اجزا به صفحات ما [3 دقیقه]
05-05 نسخه‌ی نمایشی- با استفاده از اجزای نوار ناوبری [7 دقیقه]
05-06 نسخه‌ی نمایشی- افزودن مولفه Breadcrumb [3 دقیقه]
05-07 استفاده از یک جزء کارت [2 دقیقه]
05-08 نسخه‌ی نمایشی- استفاده از کارت در صفحه فهرست [4 دقیقه]
05-09 خلاصه [1 دقیقه]

06 ایجاد فرم‌ها با اجزای بوت استرپ [40 دقیقه]
06-01 معرفی ماژول [1 دقیقه]
06-02 کاوش فرم‌ها با بوت استرپ [5 دقیقه]
06-03 نسخه‌ی نمایشی- ایجاد اولین فرم [3 دقیقه]
06-04 طرح‌بندی فرم [3 دقیقه]
06-05 نسخه‌ی نمایشی- اعمال طرح بندی‌های مختلف فرم [4 دقیقه]
06-06 استفاده از اجزای فرم بوت استرپ [2 دقیقه]
06-07 نسخه‌ی نمایشی- کشف اجزای فرم [5 دقیقه]
06-08 نسخه‌ی نمایشی- ایجاد فرم سفارش و پرداخت [9 دقیقه]
06-09 نسخه‌ی نمایشی- کار با گروه‌های ورودی [2 دقیقه]
06-10 افزودن اعتبار سنجی فرم [2 دقیقه]
06-11 نسخه‌ی نمایشی- افزودن اعتبار سنجی فرم [3 دقیقه]
06-12 خلاصه [1 دقیقه]

07 تعاملی کردن صفحات با اجزای دارای جاوا اسکریپت [29 دقیقه]
07-01 معرفی ماژول [1 دقیقه]
07-02 استفاده از اجزای تعاملی [2 دقیقه]
07-03 افزودن اجزای تعاملی به سایت ما [2 دقیقه]
07-04 نسخه‌ی نمایشی- افزودن چرخ فلک به صفحه اصلی [6 دقیقه]
07-05 نسخه‌ی نمایشی- افزودن Offcanvas به عنوان سبد خرید [6 دقیقه]
07-06 نسخه‌ی نمایشی- افزودن مؤلفه مودال [3 دقیقه]
07-07 نسخه‌ی نمایشی- استفاده از نان تست [3 دقیقه]
07-08 نسخه‌ی نمایشی- افزودن یک کشویی [4 دقیقه]
07-09 نسخه‌ی نمایشی- افزودن Collapse [1 دقیقه]
07-10 خلاصه [1 دقیقه]

08 بهبود صفحات سایت [18 دقیقه]
08-01 معرفی ماژول [1 دقیقه]
08-02 استفاده از نمادهای بوت استرپ [3 دقیقه]
08-03 نسخه‌ی نمایشی- افزودن آیکون‌های بوت استرپ به سایت [3 دقیقه]
08-04 نسخه‌ی نمایشی- بازسازی کامپوننت Jumbotron [3 دقیقه]
08-05 نسخه‌ی نمایشی- آوردن طرح بنایی [2 دقیقه]
08-06 نسخه‌ی نمایشی- استفاده از آیتم‌های گروهی [2 دقیقه]
08-07 نسخه‌ی نمایشی- کار با رنگ‌های بوت استرپ [2 دقیقه]
08-08 نسخه‌ی نمایشی- ارائه تعاملات بوت استرپ [1 دقیقه]
08-09 خلاصه و پایان دوره [1 دقیقه]