معرفی و دانلود کتاب آموزش جامع Bootstrap4

معرفی کتاب آموزش جامع Bootstrap4

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

Bootstrap (بوت استرپ) یکی از معروف‌ترین فریمورک‌های HTML و CSS و JavaScript است که برای توسعه‌ی برخی وب‌سایت‌ها و همچنین قابل اجرا نمودن آن در دستگاه‌های موبایل مورد استفاده قرار می‌گیرد. Bootstrap به صورت کد باز و کاملا رایگان در دسترس علاقه‌مندان این حوزه قرار گرفته است.

Bootstrap که ترکیبی است از HTML، CSS و JavaScript، بدون افزودن کدهای بسیار، سبب آسان شدن ساخت وب‌سایت‌های بزرگ می‌شود. با استفاده از سیستم grid پیش‌فرض که در این فریمورک تعبیه شده، به سادگی می‌توان ستون‌بندی و layout یک صفحه را طراحی نمود.

بوسیلۀ Bootstrap میتوان به راحتی به دکمه‌ها، نوارهای هدایتی و جداول و... استایل داد. آغاز کار با با این برنامه به راحتی افزودن چند ارجاع فایل CSS و JavaScript به صفحه است.

فهرست مطالب کتاب

مقدمه
معرفی
مزیت‌های استفاده از Bootstrap
چرا از بوت استرپ استفاده می‌کنیم؟
از کجا میتوانیم بوت استرپ را بدست آوریم؟
ساخت اولین صفحه‌ی وب با استفاده از بوت استرپ
سیستم Grid در بوت استرپ
کلاس‌های Grid
سه ستون با پهنای برابر
دو ستون با پهنای متفاوت
تنظیمات پیش‌فرض بوت استرپ
تگ‌های heading
تگ <small>
Display Headings
تگ <mark>
تگ <abbr>
تگ <blockquote>
تگ <dl>
تگ <code>
تگ <kbd>
تگ <pre>
کلاس‌های رنگ در بوت استرپ
کلاس‌های رنگ پس زمینه (background) در بوت استرپ
جدول پایه در بوت استرپ
فرمت بندی جداول با ردیف‌های راه راه
اضافه کردن کادر‌ها به جداول
قابلیت hover شدن ردیف‌های جدول
جدول بدون حاشیه و مرز
جدول تیره
جدول تیره راه راه
قابلیت hover شدن ردیف‌های جدول تیره
کلاس‌های متنی (Contextual Classes)
تغییر رنگ بالای (سر) جدول
جداول کوچک
جداول واکنش گرا
تصاویر در بوت استرپ 4
تراز کردن و قرار دادن تصاویر در یک سطر
قرار دادن تصویر در مرکز صفحه
تصاویر واکنش گرا
Buttons در بوت استرپ4
Button Outline
اندازه‌های Button
دکمه‌های Block
دکمه‌های فعال و غیر فعال
Spinner Buttons
Button Groups
گروه‌های button عمودی
دکمه‌های کشویی
دکمه‌های کشویی split
ترکیب گروه‌های button عمودی و کشویی
گروه‌های دکمه در کنار هم (Button Groups Side by Side)
منوهای کشویی (dropdown)
Dropdown Divider
Dropdown Header
فعال و غیرفعال کردن آیتم‌ها
موقعیت دهی به منوکشویی (Dropdown Position)
موقعیت خروجی منو کشویی
Dropup
Dropdown Text
Jumbotron
هشدارها
ساخت لینک هشدار دهنده
بستن پیغام ها
افکت‌های پیغام
نوار پیشرفت در بوت استرپ4
نوار پیشرفت همراه با برچسب
نوارهای پیشرفت رنگی
نوار پیشرفت راه راه
نوار پیشرفت متحرک
نوارهای پیشرفت در کنار هم
Badges در بوت استرپ4
Contextual Badges
Pill Badges
Badge داخل عنصری دیگر
Spinner‌های رنگی
Growing Spinners
Spinner Size
Spinner Buttons
(صفحه) Pagination
(حالت فعال) Active State
حالت غیر فعال
Pagination Sizing
Pagination Alignment
Breadcrumbs
لیست گروهی (List Groups)
حالت فعال در لیست گروهی
لیست‌های گروهی لینک دار
حالت غیرفعال در لیست گروهی
حذف حاشیه‌ها
لیست‌های افقی
Contextual Classes
لیست گروهی به همراه Badge ها
منوی آکاردئونی
Collapse
Cards
Header and Footer
Contextual Cards
Titles, text, and links
Card Images
Stretched Link
Card Image Overlays
Card Columns
Card Deck
Card Group
Navs
جایگاه قرارگیری منو
منو عمودی
منوهای سربرگ دار
Pills
Justified Tabs/pills
Pills with Dropdown
Tabs with Dropdown
سربرگ‌های پویا
Navigation Bar در بوت استرپ
Navbar عمودی
Centered Navbar
رنگ‌های navbar
Brand
Collapsing the Navigation Bar
Navbar With Dropdown
Navbar Forms and Buttons
متن‌ها در Navigation Bar
Navigation Bar به صورت ثابت در بالای صفحه
Forms
آرایش فرم‌ها در بوت استرپ
فرم‌های Stacked
فرم‌های Inline
اعتبارسنجی فرم‌ها
Form Inputs
Textarea
Checkbox
Radio Buttons
Select List
Form Control Sizing
Form Control File and Range
Inputs Group
سایز‌های input group
Multiple Inputs and Helpers
Input Group with Checkboxes and Radios
Input Group Buttons
Input Group with Dropdown Button
Input Group Labels
Custom Forms
Custom Checkbox
Custom Switch
Custom Radio buttons
Inline Custom Form Controls
Custom Select Menu
Custom Select Menu Size
Custom Range
Custom File Upload
اسلایدر
قرار دادن نوشته بر روی اسلایدر
Modal
Modal Size
Centered Modal
Scrolling Modal
Tooltip
Positioning Tooltips
Popover
Positioning Popovers
Closing Popovers
Toast
Show and Hide a Toast
Scrollspy
Scrollspy Vertical Menu
Utilities
Borders
Border Color
Border Radius
Float and Clearfix
Responsive Floats
Center Align
Width
Height
Vertical Align
Shadows
Responsive Embeds
Visibility
Spacing
Text Classes
Block Elements
Flexbox
Horizontal Direction
Vertical Direction
Justify Content
Fill widths
Grow
Order
Auto Margins
Wrap
Align Content
Align Items
Align Self
Responsive Flex Classes
Media Objects
Nested Media Objects
Right-Aligned Media Image
Top, Middle or Bottom Alignment
Filters
Filter Lists
Filter Anything
منابع