آموزش بوت استرپ 4 پروژه محور (دوره جامع)

آموزش بوت استرپ 4 پروژه محور (دوره جامع)

علی صیفی در 14 ساعت بوت استرپ 4 را به طور کامل آموزش می دهد. او با تکیه به تجربه خود برنامه نویسی را در قالب پروژه آموزش می دهد.

تریلر دوره

توضیحات کامل دوره

توضیحات "آموزش بوت استرپ 4 پروژه محور (دوره جامع)" : علی صیفی در 14 ساعت بوت استرپ 4 را به طور کامل آموزش می دهد. او با تکیه به تجربه خود برنامه نویسی را در قالب پروژه آموزش...

توضیحات "آموزش بوت استرپ 4 پروژه محور (دوره جامع)" :

علی صیفی در 14 ساعت بوت استرپ 4 را به طور کامل آموزش می دهد. او با تکیه به تجربه خود برنامه نویسی را در قالب پروژه آموزش می دهد.

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد. با بوتسترپ میتوانید در زمان کوتاه تر، وبسایت های ریسپانسیو تولید کنید. 

وبسایت هایی که چه در موبایل، چه در تبلت و چه در دسکتاپ به خوبی نمایش داده می شوند و واکنشگرا هستند.

برخی از سرفصل ها و مباحثی که در دوره آموزش بوت استرپ پروژه محور 4 می آموزید:

1. آشنایی با مقدمات Bootstrap
    • استفاده از CDN برای نصب بوت استرپ
    • کارکردن با لیست ها در بوت استرپ
    • کارکردن با تصاویر در بوت استرپ
    • کارکردن با جداول در بوت استرپ
    • و ...

2. آشنایی با grid های بوت استرپ
    •  آموزش ترتیب دهی به ستون های بوت استرپ
    • آشنایی با ردیف های تو در تو در بوت استرپ
    • تغییر display المنت ها در بوت استرپ
    • شناور کردن المنت ها با بوت استرپ
    • و ...

3. آشنایی با component ها در bootstrap
    • آشنایی با Alert در بوت استرپ
    • آشنایی با Breadcrumb در بوت استرپ
    • آشنایی با Button و Button Group در بوت استرپ
    • آشنایی با Carousel در بوت استرپ
    • آشنایی با Dropdown در بوت استرپ
    • آشنایی با Input Group در بوت استرپ
    • آشنایی با List Group در بوت استرپ
    • آشنایی با Nav در بوت استرپ
    • آشنایی با Pagination در بوت استرپ
    • آشنایی با Progress در بوت استرپ
    • آشنایی با Scrollspy در بوت استرپ
    • آشنایی با Spinner در بوت استرپ
    • آشنایی با Toast در بوت استرپ
    • آشنایی با Tooltip در بوت استرپ
    • و ...

4. و در نهایت پروژه طراحی سایت

همچنین:

flex مربوط به css می باشد و از آن در بوت استرپ استفاده شده است. کلاس هایی مثل justify-content و align-items و... در بوتسترپ از flex استفاده می کنند که تمام این کلاس ها در این دوره پوشش داده شده است.

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

  • آشنایی بادوره آموزشی
    رایگان ۰۰:۰۷:۱۴
  • آشنایی پیشنیاز ها
    رایگان ۰۰:۰۳:۱۸

  • نصب کردن بوت استرپ
    رایگان ۰۰:۱۲:۵۵
  • عناوین در بوت استرپ
    ۰۰:۰۹:۰۱
  • استفاده از CDN برای نصب بوت استرپ
    ۰۰:۰۵:۲۷
  • کار کردن با متون
    ۰۰:۱۱:۲۴
  • کارکردن با لیست ها در بوت استرپ
    ۰۰:۰۳:۰۶
  • آشنایی با رنگ های بوت استرپ
    ۰۰:۰۵:۳۸
  • کارکردن با تصاویر در بوت استرپ
    رایگان ۰۰:۰۷:۰۲
  • کارکردن با جداول در بوت استرپ
    رایگان ۰۰:۱۳:۴۲

  • آشنایی با مقدمات grid
    رایگان ۰۰:۱۰:۲۳
  • ترتیب دهی به ستون های بوت استرپ
    رایگان ۰۰:۱۴:۱۸
  • آشنایی با ردیف های تو در تو در بوت استرپ
    ۰۰:۰۲:۰۹
  • نحوه چینش ستون های بوت استرپ
    ۰۰:۰۶:۳۸
  • نحوه margin و padding به المنت ها با بوت استرپ
    ۰۰:۰۹:۰۱
  • تغییر display المنت ها با بوت استرپ
    ۰۰:۰۷:۲۹
  • شناور کردن المنت ها با بوت استرپ
    ۰۰:۰۶:۵۷
  • کنترل position با بوت استرپ
    ۰۰:۰۳:۴۰
  • نحوه شکستن ستون های بوت استرپ
    ۰۰:۰۴:۴۱

  • آشنایی با کمپوننت Alert
    ۰۰:۱۲:۳۵
  • آشنایی با کمپوننت Badge
    ۰۰:۰۹:۰۶
  • آشنایی با کمپوننت Breadcrumb
    ۰۰:۱۲:۵۰
  • آشنایی با کمپوننت Button و Button Group
    ۰۰:۲۱:۰۵
  • آشنایی با کمپوننت Card
    ۰۰:۱۶:۵۰
  • آشنایی با کمپوننت Carousel
    ۰۰:۱۲:۱۱
  • آشنایی با کمپوننت Collapse
    ۰۰:۰۸:۳۹
  • آشنایی با کمپوننت Dropdown
    ۰۰:۲۵:۳۸
  • کارکردن با form ها در bootstrap
    ۰۰:۲۹:۵۳
  • آشنایی با کمپوننت Input Group
    ۰۰:۲۲:۱۹
  • آشنایی با کمپوننت Jumbotron
    ۰۰:۰۳:۱۶
  • آشنایی با کمپوننت List Group
    ۰۰:۲۱:۲۵
  • آشنایی با کمپوننت Media Object
    ۰۰:۰۴:۲۳
  • آشنایی با کمپوننت Modal
    ۰۰:۱۸:۴۴
  • آشنایی با کمپوننت Nav
    ۰۰:۱۷:۳۰
  • آشنایی با کمپوننت Navba
    ۰۰:۱۶:۰۸
  • آشنایی با کمپوننت Pagination
    ۰۰:۰۷:۲۲
  • آشنایی با کمپوننت Popover
    ۰۰:۱۲:۵۲
  • آشنایی با کمپوننت Progress
    ۰۰:۰۶:۰۲
  • آشنایی با کمپوننت Scrollspy
    ۰۰:۰۵:۲۸
  • آشنایی با کمپوننت Spinner
    ۰۰:۰۳:۰۶
  • آشنایی با کمپوننت Toast
    ۰۰:۰۹:۲۴
  • آشنایی با کمپوننت Tooltip
    ۰۰:۰۵:۲۸

  • شروع پروژه، راه اندازی اولیه پروژه
    رایگان ۰۰:۲۰:۳۱
  • بهبود carousel وبسایت
    رایگان ۰۰:۱۷:۴۵
  • ایجاد navbar برای وبسایت
    رایگان ۰۰:۱۳:۴۳
  • بخش های جدید در body
    رایگان ۰۰:۱۹:۵۱
  • زیبایی بخشی به navbar
    رایگان ۰۰:۲۲:۱۳
  • افکت دادن به navbar
    رایگان ۰۰:۱۴:۰۲
  • راه اندازی بخش کارد ها در وبسایت
    رایگان ۰۰:۱۷:۴۵
  • ارتقا navbar وبسایت
    رایگان ۰۰:۲۷:۵۴
  • زیبایی بخشی به carousel
    رایگان ۰۰:۱۲:۱۲
  • ایجاد بخش در باره ما
    ۰۰:۱۹:۵۴
  • ایجاد بخش عضویت
    ۰۰:۱۸:۰۹
  • رفع باگ navbar
    ۰۰:۰۲:۵۹
  • راه اندازی owl-carousel برای بخش جدید وبسایت
    ۰۰:۱۹:۵۱
  • تکمیل بخش ایجاد شده با owl-carousel
    ۰۰:۳۰:۳۹
  • ایجاد بخش قیمت ها
    ۰۰:۲۹:۰۸
  • جزییات بخش قیمت ها و زیبایی بخش به آن
    ۰۰:۱۰:۳۳
  • طراحی فوتر وبسایت
    ۰۰:۱۴:۴۷
  • راه اندازی navigation داخلی
    ۰۰:۲۰:۱۹
  • بهبود navigation داخلی و زیبایی بخشی به آن
    ۰۰:۳۲:۱۰
  • Scrollspy روی body وبسایت با استفاده از بوت استرپ
    ۰۰:۰۷:۳۷
  • انیمیشن بخشی به اجزا وبسایت برای پویایی بیشتر
    ۰۰:۲۱:۲۴

  • گام بعدی چیست؟
    ۰۰:۰۵:۳۶
  • گام های بعدی
    ۰۰:۰۳:۲۱

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

250,000 تومان
100,000 تومان
60% تخفیف

این دوره شامل:
6 فصل آموزشی
۸۵۵ ساعت آموزش
دسترسی مادام‌العمر
سطح: پیشرفته
گواهی پایان دوره: مشخص نیست
تاریخ انتشار: 1405/07/08
آخرین به‌روزرسانی:
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: