فیلم جامع آموزش بوت استرپ (Bootstrap)


تعداد جلسات
45
محتوای آموزشی
450 دقیقه

پرسش و پاسخ
پیشرفت تحصیلی
خودآزمایی
مدرک دیجیتال

پری ناز شهاب الدین
مدرس

پری ناز شهاب الدین

حدودا شش سال است که کار طراحی سایت را به صورت حرفه ایی در شرکت دارکوب انجام می دهم. با تمام سیستم های مدیریت محتوا براساس php آشنایی دارم. مسلط به wordpress,joomla,jquery,bootstrap,html,css می باشم. با زبان برنامه نویسی php تا حد زیادی آشنایی دارم.
جهت مشاوره با شماره 02122385294 تماس بگیرید
لینک کوتاه : https://darkoobedu.ir/?p=5604

سر فصل های آموزش بوت استرپ (Bootstrap)

فصل اول: آشنایی با بوت استرپ

  • معرفی بوت استرپ
  • بررسی وب سایت بوت استرپ
  • الگوی شروع کننده starter template

فصل دوم: چیدمان Layout

  • نقاط شکست Breakpoint
  • grid – بخش اول
  • grid – بخش دوم
  • grid – بخش سوم
  • columns
  • ordering – offset
  • gutters

فصل سوم: محتوا Content

  • تایپوگرافی (typography)
  • جداول و تصاویر (tables – images)

فصل چهارم: Forms

  • Form Control, Select, Check and Radio
  • Input group, Floating labels
  • چیدمان (layout)

فصل پنجم: Utilities

  • فاصله‌گذاری (spacing)
  • رنگ و پس زمینه (color and background)
  • حاشیه و نمایش دادن (border and display)
  • Flex
  • مفهوم Interaction و Overflow
  • موقعیت (position)
  • سایه‌ها و اندازه‌ها و متن (shadows, sizing, text)
  • تراز کردن عمودی و دید (vertical align, visibility)

فصل ششم: Components

  • آموزش دکمه های گرافیکی (Buttons)
  • آموزش دکمه های گروهی (Buttons Group)
  • آموزش لیست های گرافیکی پیشرفته (List Group)
  • آموزش منو گرافیکی (Collapse)
  • آموزش منو کشویی (Accordion)
  • آموزش انواع پیغام به کاربران (Alert)
  • آموزش باکس نوتیفیکیشن (Badge)
  • آموزش مسیر گرافیکی صفحات (Breadcrumb)
  • آموزش ایجاد یک باکس گرافیکی برای محصولات یا مقالات (Card)
  • آموزش اسلایدر گرافیکی و زیبا (Carousel)
  • آموزش زیر منو باز شونده (Dropdowns)
  • آموزش ایجاد پاپ آپ گرافیکی (Modal)
  • آموزش منو و تب های اطلاعات بیشتر (Nav & Tabs)
  • آموزش ایجاد منو گرافیکی در بالای صفحه (Navbar)
  • آموزش ایجاد سایدر بار قابل پنهان شدن (Offcanvas)
  • آموزش صفحه بندی صفحات وب سایت (Pagination)
  • آموزش ایجاد پاپ آپ توضیحات بیشتر برای آیتم های مختلف (Popovers)
  • آموزش ایجاد ناحیه گرافیکی جهت نمایش پیشرفت یک رویداد همانند نمایش مقدار آپلود شده یک فایل (Progress)
  • آموزش ساخت منو اسکرولی (Scrollspy)
  • آموزش ساخت افک لود شدن با ویژگی Spinner
  • آموزش ساخت باکس نوتیفیکیشن با Toast

فصل هفتم: Bootstrap Icon

  • آشنایی با آیکن های بوت استرپ و نحوه اضافه کردن آن ها به وب سایت.

فهرست نظرات کاربران

سارا اکبری : bootstrap

خیلی عالی و کاربردی بود و  قدم  به قدم  با جزئیات توضیح  دادن  . ممنون  از شما

پری ناز شهاب الدین پری ناز شهاب الدین

ممنون، برای شما آرزوی موفقیت دارم.

کوروش اتابکی : سپاس و تشکر از تدریس

واقعا دوره کاربردی و عالی بود. ممنون از آموزش

پری ناز شهاب الدین پری ناز شهاب الدین

باعث خوشحالی است که این دوره برای شما مفید بوده، موفق باشید.