جستجو برای "{{term}}"
جستجو برای "{{term}}" نتیجه ای نداشت.
پیشنهاد می شود:
  • از املای صحیح کلمات مطمئن شوید.
  • از کلمات کمتری استفاده کنید.
  • فقط کلمه کلیدی عبارت مورد نظر خود را جستجو کنید.
{{count()}} نتیجه پیدا شد. برای دیدن نتایج روی دکمه های زیر کلیک کنید!
نتیجه ای یافت نشد.
سایر نتیجه ها (دپارتمان ها، اخبار، مقالات، صفحات) را بررسی کنید.

{{item.title}}

{{item.caption}}
نتیجه ای یافت نشد.
سایر نتیجه ها (دوره ها، اخبار، مقالات، صفحات) را بررسی کنید.

{{item.title}}

{{item.caption}}
نتیجه ای یافت نشد.
سایر نتیجه ها (دوره ها، دپارتمان ها، مقالات، صفحات) را بررسی کنید.

{{item.title}}

{{item.caption}}
{{item.datetime}}
نتیجه ای یافت نشد.
سایر نتیجه ها (دوره ها، دپارتمان ها، اخبار، صفحات) را بررسی کنید.

{{item.title}}

{{item.caption}}
{{item.datetime}}
نتیجه ای یافت نشد.
سایر نتیجه ها (دوره ها، دپارتمان ها، اخبار، مقالات) را بررسی کنید.

{{item.title}}

{{item.caption}}
{{item.datetime}}

سرفصل web design-2


بازگشت

وب و تجارت الکترونیک

 

آموزش Responsive & Bootstrap (Web Design II)

 عناوین درس توضیحات درس
معرفی 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