فهرست سرفصل‌های Bootstrap
خانه (Home) شروع کار (Get Started) کانتینرها (Containers) گرید پایه (Grid Basic) تایپوگرافی (Typography) رنگ ها (Colors) رنگ های پس زمینه (Background Colors) جدول ها (Tables) تصاویر (Images) جمبوترون (Jumbotron) هشدارها (Alerts) دکمه ها (Buttons) گروه دکمه ها (Button Groups) نشان ها (Badges) نوارهای پیشرفت (Progress Bars) اسپینرها (Spinners) صفحه بندی (Pagination) گروه های لیست (List Groups) کارت ها (Cards) منوی کشویی (Dropdowns) جمع شونده (Collapse) ناوبری (Navs) نوار ناوبری (Navbar) اسلایدشو (Carousel) مودال (Modal) راهنمای ابزار (Tooltip) پاپ اور (Popover) توست (Toast) اسکرول اسپای (Scrollspy) آف کانواس (Offcanvas) ابزارها (Utilities) حالت تیره (Dark Mode) فلکس (Flex) فرم ها (Forms) منوی انتخاب (Select Menus) چک باکس و رادیو (Checks and Radios) محدوده (Range) گروه ورودی (Input Groups) برچسب های شناور (Floating Labels) اعتبارسنجی فرم (Form Validation) سیستم گرید (Grid System) چیدمان عمودی/افقی (Stacked/Horizontal) گرید بسیار کوچک (Grid XSmall) گرید کوچک (Grid Small) گرید متوسط (Grid Medium) گرید بزرگ (Grid Large) گرید خیلی بزرگ (Grid XLarge) گرید XXL (Grid XXL) مثال های گرید (Grid Examples) قالب پایه (Basic Template) ویرایشگر (Editor) تمرین ها (Exercises) آزمون (Quiz) سیلابس (Syllabus) برنامه مطالعه (Study Plan) آمادگی مصاحبه (Interview Prep) گواهینامه (Certificate)
نتیجه‌ای برای جستجو یافت نشد.
Bootstrap

Bootstrap — سیلابس (Syllabus)

آخرین بروزرسانی: 1404/08/20

سیلابس (Syllabus)

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

شروع سریع

این دوره برای مبتدی هاست. فقط HTML و CSS پایه کافی است. محتوا کوتاه و ساده نوشته شده است.

سیلابس بوتسترپ مسیر پیشنهادی را مرحله به مرحله نشان می دهد. سپس با برنامه مطالعه سرعتت را تنظیم کن.

دستاوردهای یادگیری

  • شناخت چارچوب بوتسترپ 5 و ساختار آن.
  • چیدمان واکنش گرا با سیستم گرید.
  • استایل دهی با کلاس های کمکی (Utility).
  • کار با کامپوننت ها و سفارشی سازی آن ها.
  • ساخت ناوبری و منوهای واکنش گرا.
  • فرم ها با اجزای فرم بوتسترپ.
  • افزودن مودال و تولتیپ های تعاملی.
  • به کارگیری ابزارهای فلکس باکس.
  • رعایت دسترس پذیری و موبایل اول.

مناسب کدام حوزه هاست؟

  • توسعه وب: ساخت سایت های مدرن و واکنش گرا.
  • فرانت اند: طراحی پاسخ گو و کامپوننت محور.
  • UI/UX: الگوی طراحی یکپارچه و قابل اتکا.
  • موبایل اول: تمرکز روی تجربه گوشی.
  • طراحی وب: نمونه سازی سریع و اجرا.
  • پروژه های STEM: مفاهیم مدرن توسعه وب.
  • مارکتینگ دیجیتال: لندینگ های حرفه ای و تمیز.

فعالیت ها

نمونه در محیط آزمایش

<div class="container">
  <h1>My First Bootstrap Page</h1>
  <p>This is some text.</p>
</div>

مشاهده در ادیتور

گواهینامه

پس از پوشش سیلابس، می توانی آزمون بدهی و گواهی بگیری. این گواهی جمع بندی مسیر یادگیری بوتسترپ 5 است.

جمع بندی سریع

  • از گرید شروع کن و تمرین کن.
  • کامپوننت ها را کم کم اضافه کن.
  • با Utilityها تمیزتر پیش برو.
  • آزمون بده و نقاط ضعف را ببین.