| معرفی grid css |
- grid column
- grid row
- grid cell
- grid cell
- grid line
|
| معرفی property های grid |
- grid-template-columns
- grid-gap
- grid-column-gap
- grid-row-gap
- grid-template-rows
- grid-column
- grid-row
- grid-column-start
- grid-column-end
- grid-row-start
- grid-row-end
- grid-template-areas
- grid-area
- justify-content
- justify-items
- justify-self
- align-content
- align-items
- align-self
|
| معرفی SASS |
- معرفی Sass و نحوه نصب و کانفیگ آن
- کانفیگ Sass با npm scripts
- کانفیگ sass با نرم افزار های جانبی مثل koala
- ایجاد متغیر در sass
- آموزش nesting در sass
- آموزش استفاده از pseudo class selector ها و pseudo element selector ها در Sass
- آمورش inheritance و @extend در sass
- آموزش condition ها در sass
- آموزش استفاده از ریاضیات در sass
- آموزش استفاده از function ها در sass
- آموزش استفاده از @mixin در sass
- آموزش iteration ها در sass
- ساخت گرید بندی bootstrap با sass
- آموزش media query در sass
- انجام یک پروژه ساده با sass
|
| معرفی bootstrap 5 |
- آموزش نحوه دانلود و نصب bootstrap5 و کانفیگ آن
- معرفی break point ها
- معرفی انواع container
- آموزش استفاده از grid بندی bootstrap 5
- نحوه استفاده از grid بندی bootstrap و ساخت صفحات responsive
- تزار کردن افقی و عمدی column ها
- عوض کردن order
- استفاده از offset
- معرفی margin
- معرفی padding
- معرفی gutter
- معرفی background color
- معرفی color
- معرفی دیسپلی ها
- معرفی flex
- معرفی float
- معرفی overflow
- معرفی position
- معرفی shadow
- معرفی width و height
- معرفی vertical align
- معرفی کلاس border
- معرفی کلاس rounded
- معرفی کلاس های heading
- معرفی کلاس های display
- معرفی کلاس lead
- معرفی کلاس mark
- معرفی کلاس small
- معرفی کلاس text-decoration-underline
- معرفی کلاس text-decoration-line-through
- معرفی کلاس initialism
- معرفی کلاس blockquote
- معرفی کلاس text-center
- معرفی کلاس list-unstyled
- معرفی کلاس list-inline و list-inline-item
- معرفی کلاس img-fluid
- معرفی کلاس img-thumbnail
- معرفی کلاس rounded
- استفاده از float در bootstrap
- معرفی کلاس table
- استفاده از رنگ ها در table
- معرفی کلاس table-striped
- معرفی کلاس table-hover
- معرفی کلاس table-active
- معرفی کلاس table-bordered
- استفاده از رنگ ها در table border
- معرفی کلاس table-borderless
- معرفی کلاس table-sm
- معرفی کلاس table-responsive
- معرفی vertical align در bootstrap
- آموزش Table های nesting
- معرفی کلاس table-light و table-dark
- معرفی Caption-side در bootstrap
- معرفی کلاس figure و figure-img و figure-caption
- معرفی کلاس form-label و form-control
- معرفی کلاس form-control-plaintext
- معرفی کلاس visually-hidden
- معرفی کلاس form-control-color
- معرفی کلاس form-select
- معرفی کلاس form-check و form-check-input و form-check-label
- معرفی کلاس form-switch
- معرفی کلاس form-check-inline
- معرفی کلاس btn-check
- معرفی کلاس form-range
- معرفی کلاس input-group و input-group-text
- معرفی کلاس input-group-sm
- معرفی کلاس dropdown-toggle و dropdown-menu و "dropdown-item و dropdown-divider
- معرفی کلاس dropdown-menu-end
- معرفی کلاس dropdown-toggle-split
- معرفی کلاس form-floating
- معرفی کلاس s-invalid و is-valid و invalid-feedback و has-validation
- معرفی کلاس {valid|invalid}-tooltip
- استفاده از کامپوننت های زیر:
- Accordion
- Alert
- Badge
- Breadcrumb
- Buttons
- Button group
- Card
- Close button
- Collapse
- Dropdowns
- List group
- Modal
- Nav & tabs
- Navbar
- Offcanvas
- Pagination
- Popovers
- Progress
- Scrollspy
- Spinners
- Toasts
- Tooltip
- معرفی کلاس clearfix
- معرفی کلاس link-*
- معرفی کلاس ratio
- معرفی کلاس fixed-top
- معرفی کلاس fixed-bottom
- معرفی کلاس ticky-top
- معرفی کلاس visually-hidden
- معرفی کلاس visually-hidden-focusable
- معرفی کلاس visually-hidden-focusable
- معرفی کلاس card و card-body و card-title و card-text
- معرفی کلاس stretched-link
- معرفی کلاس text-truncate
- ساخت پروژه با bootstrap
|