آکادمی مهندس مجید کلانتریKALANTARI ACADEMY • LEARN BY DOING
مسیر گام‌به‌گام آکادمی

Bootstrap

ساخت سریع رابط واکنش‌گرا

B
● درس قابل شروع✓ تکمیل‌شده🔒 قفل
01شروع مسیر0 از 2 درس تکمیل شده⌄
  1. شبکه‌بندی ۱۲ ستونیآماده یادگیری · 9 دقیقه
  2. دکمه‌هاآماده یادگیری · 7 دقیقه
02شروع و شبکه0 از 3 درس تکمیل شده⌄
  1. نصب، container و پیش‌نیاز اجراآماده یادگیری · 8 دقیقه
  2. نقاط شکست و ستون‌های واکنش‌گراآماده یادگیری · 8 دقیقه
  3. فاصله‌ها، رنگ و تایپوگرافیآماده یادگیری · 7 دقیقه
03مؤلفه‌های رابط0 از 2 درس تکمیل شده⌄
  1. کارت، تصویر و نشان وضعیتآماده یادگیری · 9 دقیقه
  2. جدول، فهرست و پیمایش داده🔒 نیازمند اشتراک فعال · 7 دقیقه
🔒فرم و بازخورد0 از 3 درس تکمیل شده⌄
  1. فرم و گروه ورودی🔒 نیازمند اشتراک فعال · 9 دقیقه
  2. اعتبارسنجی و پیام‌های فرم🔒 نیازمند اشتراک فعال · 8 دقیقه
  3. Alert و نوار پیشرفت🔒 نیازمند اشتراک فعال · 7 دقیقه
🔒تعامل و دسترس‌پذیری0 از 2 درس تکمیل شده⌄
  1. Navbar و Collapse🔒 نیازمند اشتراک فعال · 9 دقیقه
  2. Modal و مدیریت تمرکز🔒 نیازمند اشتراک فعال · 8 دقیقه
🔒واکنش‌گرایی و تم0 از 2 درس تکمیل شده⌄
  1. Flex، ترتیب و ابزارهای نمایش🔒 نیازمند اشتراک فعال · 7 دقیقه
  2. تم، متغیرها و RTL🔒 نیازمند اشتراک فعال · 8 دقیقه
🔒پروژه پایانی0 از 1 درس تکمیل شده⌄
  1. پروژه پایانی: صفحه دوره‌ها🔒 نیازمند اشتراک فعال · 9 دقیقه
🔒Bootstrap تفصیلی — مؤلفه‌ها0 از 15 درس تکمیل شده⌄
  1. Jumbotron امروزی با utility🔒 نیازمند اشتراک فعال · 8 دقیقه
  2. گروه دکمه و قرارداد انتخاب🔒 نیازمند اشتراک فعال · 8 دقیقه
  3. تصاویر گرد و واکنش‌گرا🔒 نیازمند اشتراک فعال · 8 دقیقه
  4. List group و مورد فعال🔒 نیازمند اشتراک فعال · 8 دقیقه
  5. Pagination و صفحه جاری🔒 نیازمند اشتراک فعال · 8 دقیقه
  6. Spinner و وضعیت انتظار🔒 نیازمند اشتراک فعال · 8 دقیقه
  7. Dropdown و عمل‌های منو🔒 نیازمند اشتراک فعال · 8 دقیقه
  8. Accordion و فصل‌های بازشونده🔒 نیازمند اشتراک فعال · 8 دقیقه
  9. Tabs و پنل مرتبط🔒 نیازمند اشتراک فعال · 8 دقیقه
  10. Offcanvas و نوار جانبی🔒 نیازمند اشتراک فعال · 8 دقیقه
  11. Carousel و کنترل حرکت🔒 نیازمند اشتراک فعال · 8 دقیقه
  12. Tooltip و راهنمای مکمل🔒 نیازمند اشتراک فعال · 8 دقیقه
  13. Popover و محتوای کمکی🔒 نیازمند اشتراک فعال · 8 دقیقه
  14. Toast و پیام غیرمسدودکننده🔒 نیازمند اشتراک فعال · 8 دقیقه
  15. Scrollspy و ناوبری بخش‌ها🔒 نیازمند اشتراک فعال · 8 دقیقه
🔒Bootstrap تفصیلی — فرم و شبکه0 از 3 درس تکمیل شده⌄
  1. Checkbox، radio و switch🔒 نیازمند اشتراک فعال · 8 دقیقه
  2. Range و floating label🔒 نیازمند اشتراک فعال · 8 دقیقه
  3. شش نقطه شکست شبکه🔒 نیازمند اشتراک فعال · 8 دقیقه
🔒Bootstrap تفصیلی — طراحی و پروژه0 از 2 درس تکمیل شده⌄
  1. Utility، Sass و سفارشی‌سازی🔒 نیازمند اشتراک فعال · 8 دقیقه
  2. پروژه: پنل دوره با تب و اعلان🔒 نیازمند اشتراک فعال · 8 دقیقه
🔒تکمیلی کاربردی · اعتبارسنجی دیداری و native0 از 4 درس تکمیل شده⌄
  1. اعتبارسنجی دیداری و native — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
  2. اعتبارسنجی دیداری و native — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
  3. اعتبارسنجی دیداری و native — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
  4. اعتبارسنجی دیداری و native — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه
🔒تکمیلی کاربردی · آکاردئون با شناسه یکتا0 از 4 درس تکمیل شده⌄
  1. آکاردئون با شناسه یکتا — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
  2. آکاردئون با شناسه یکتا — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
  3. آکاردئون با شناسه یکتا — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
  4. آکاردئون با شناسه یکتا — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه
🔒تکمیلی کاربردی · Modal و دکمه بستن0 از 4 درس تکمیل شده⌄
  1. Modal و دکمه بستن — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
  2. Modal و دکمه بستن — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
  3. Modal و دکمه بستن — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
  4. Modal و دکمه بستن — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه
🔒تکمیلی کاربردی · شبکه auto و محتوای بلند0 از 4 درس تکمیل شده⌄
  1. شبکه auto و محتوای بلند — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
  2. شبکه auto و محتوای بلند — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
  3. شبکه auto و محتوای بلند — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
  4. شبکه auto و محتوای بلند — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه
نقشه مباحث تکمیلی · هنوز به درس آکادمی تبدیل نشده‌اند

درس‌های بالا محتوای آموزشی این نسخه‌اند. این فهرست، ریزعنوان‌های برنامه توسعه محتواست و با گذراندن آزمون باز نمی‌شود.

کامپوننت‌های Bootstrap 5 · بخش 1
  • BS5 HOME
  • BS5 Get Started
  • BS5 Containers
  • BS5 Grid Basic
  • BS5 Typography
  • BS5 Colors
  • Background Colors
  • BS5 Tables
  • BS5 Images
  • BS5 Jumbotron
  • BS5 Alerts
  • BS5 Buttons
  • BS5 Button Groups
  • BS5 Badges
کامپوننت‌های Bootstrap 5 · بخش 2
  • BS5 Progress Bars
  • BS5 Spinners
  • BS5 Pagination
  • BS5 List Groups
  • BS5 Cards
  • BS5 Dropdowns
  • BS5 Collapse
  • BS5 Navs
  • BS5 Navbar
  • BS5 Carousel
  • BS5 Modal
  • BS5 Tooltip
  • BS5 Popover
  • BS5 Toast
کامپوننت‌های Bootstrap 5 · بخش 3
  • BS5 Scrollspy
  • BS5 Offcanvas
  • BS5 Utilities
  • BS5 Dark Mode
  • BS5 Flex
فرم‌های Bootstrap 5
  • BS5 Forms
  • BS5 Select Menus
  • BS5 Checks and Radios
  • BS5 Range
  • BS5 Input Groups
  • BS5 Floating Labels
  • BS5 Form Validation
شبکه‌بندی واکنش‌گرا
  • BS5 Grid System
  • BS5 Stacked/Horizontal
  • BS5 Grid XSmall
  • BS5 Grid Small
  • BS5 Grid Medium
  • BS5 Grid Large
  • BS5 Grid XLarge
  • BS5 Grid XXL
  • BS5 Grid Examples