آموزش توسعه وب Responsive Bootstrap 4

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

معرفی Intro

• مقدمه ای بر این دوره بوت استرپ Introduction To This Bootstrap Course

• راه اندازی یک پروژه Setting Up A Project

• [راهنمای API بوت استرپ] راه اندازی [Bootstrap API Guide] Setup

سیستم شبکه ای Grid System

• مقدمه ای بر سیستم شبکه Introduction To The Grid System

• [راهنمای API بوت استرپ] شبکه [Bootstrap API Guide] Grid

• اندازه های شبکه بیشتر More Grid Sizes

• اندازه های متفاوت شبکه Varying Grid Sizes

• جبران ستون ها Offsetting Columns

• چند ردیف Multiple Rows

• ستون های تو در تو Nesting Columns

• سفارش ستون ها Ordering Columns

• [مسابقه] سیستم شبکه [Quiz] Grid System

اشیاء رسانه ای Media Objects

• مقدمه ای بر اشیا Media رسانه ای Introduction To Media Objects

• [راهنمای API بوت استرپ] Media Object [Bootstrap API Guide] Media Object

• تودرتو اشیا Media رسانه ای Nesting Media Objects

• ترازبندی شیject رسانه ای Media Object Alignment

• [مسابقه] اشیا Media رسانه ای [Quiz] Media Objects

دکمه ها Buttons

• مقدمه ای بر دکمه ها Introduction To Buttons

• [راهنمای API بوت استرپ] دکمه ها [Bootstrap API Guide] Buttons

• گروه های دکمه ای Button Groups

• دکمه های کادر تأیید Checkbox Buttons

• دکمه های رادیو Radio Buttons

• کشویی دکمه Button Dropdown

• [مسابقه] دکمه ها [Quiz] Buttons

ویژگی های جالب Bootstrap Cool Bootstrap Features

• گروه های ورودی Input Groups

• [راهنمای API بوت استرپ] گروههای ورودی [Bootstrap API Guide] Input Groups

• جومبوترون Jumbotron

• [راهنمای API بوت استرپ] Jumbotron [Bootstrap API Guide] Jumbotron

• برچسب ها Labels

• هشدارها Alerts

• [راهنمای API بوت استرپ] هشدارها [Bootstrap API Guide] Alerts

• [مسابقه] ویژگی های جالب [Quiz] Cool Features

کارت Cards

• معرفی کارتها Introduction To Cards

• [راهنمای API بوت استرپ] کارتها [Bootstrap API Guide] Cards

• انواع محتوای کارت بیشتر More Card Content Types

• تراز کردن متن کارت Card Text Alignment

• هدر & پاورقی کارتها Cards Header & Footer

• درپوش های تصویر کارت Card Image Caps

• کارت تصویر همپوشانی Card Image Overlay

• برگرداندن کارتها Inverting Cards

• انواع پس زمینه کارت Card Background Variants

• گروه های کارت Card Groups

• عرشه کارت Card Decks

• ستون های کارت Card Columns

• [مسابقه] کارتها [Quiz] Cards

جهت یابی Navigation

• [راهنمای API بوت استرپ] پیمایش [Bootstrap API Guide] Navigation

• Base Nav Base Nav

• Nav Tab & Pills Nav Tab & Pills

• Nav Dropdowns Nav Dropdowns

• پنجره های Nav Tab Nav Tab Panes

• [راهنمای API بوت استرپ] نوار پیمایش [Bootstrap API Guide] Navigation Bar

• نوار Navbar

• طرح های رنگی Navbar Navbar Color Schemes

• قرار دادن نوار Navbar Placement

• محتوای قابل جمع شدن Navbar Navbar Collapsible Content

• پاسخگو نوار Responsive Navbar

• [مسابقه] پیمایش [Quiz] Navigation

موارد اضافی Extras

• خرده نان Breadcrumb

• صفحه بندی Pagination

• پیجر Pager

• پیش رفتن Progress

• لیست گروه ها List Groups

• گروه های پیشرفته لیست Advanced List Groups

• مدالها Modals

• نکات راهنما Tooltips

• پوپاور Popovers

• سقوط - فروپاشی Collapse

• آکاردئون فرو می ریزد Accordion Collapse

• چرخ فلک Carousel

• [مسابقه] موارد اضافی [Quiz] Extras

سخنرانی پاداش: دوره های تخفیف Bonus Lecture: Discounted Courses

• سخنرانی جایزه: دوره های تخفیف دار Bonus Lecture: Discounted Courses