آموزش پروژه محور بوت استرپ برای طراحی سایت – متریال دیزاین Material Design در Bootstrap + گواهینامه

آموزش پروژه محور بوت استرپ برای طراحی سایت – متریال دیزاین Material Design در Bootstrap + گواهینامه

3 ساعت
4.5

Material Design و Bootstrap چیست؟ Bootstrap یکی از فریم‌ورک‌های پرکاربرد در طراحی صفحات وب است که خیلی از طراحان وب در سراسر دنیا از این فریم‌ورک برای طراحی‌های خود بهره می‌برند؛ از طرفی هم Material Design یک مجموعه‌ای از راهنمایی‌های شرکت گوگل برای طراحان UI نرم‌افزارها است که یک روش طراحی استانداردی است. اهمیت یادگیری طراحی وب‌ سایت با Material Design در Bootstrap چیست؟ ظاهر سایت یکی از مهم‌ترین بخش‌های ساخت یک وب‌سایت است. Bootstrap طراحی ظاهر سایت ما را به صورت استاندارد و واکنش‌گرا (Responsive) بر عهده می‌گیرد؛ اما اگر بخواهیم طراحی خودمان با Bootstrap را حرفه‌ای‌تر و کاربرپسندتر انجام دهیم؛ بهتر است آن را با طراحی متریال یا Material Design ادغام کنیم. متریال دیزاین مورد استقبال گسترده طراحان UI اپلیکیشن‌ها و وب‌سایت‌ها قرار گرفته است. با طراحی متریال خیال طراح UI از زیبایی و استاندارد بودن و کاربرپسند بودن طراحی خود راحت خواهد بود. لذا با ادغام Bootstrap و Material Design ما به یک طراحی خیلی حرفه‌ای و زیبا و طبق استانداردهای جهانی خواهیم رسید. در این فرادرس چه چیزی یاد می‌گیریم؟ در این آموزش در ابتدا به سراغ یادگیری نحوه پیاده‌سازی Material Design در بوت‌استرپ می‌رویم و پس از فراگیری آن برای تمرین، یک صفحه وب را با MDB (Material Design Bootstrap) طراحی می‌کنیم.

فرادرس
مجتبی شریفی

تریلر دوره

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

...

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

  • چکیده
    0:01:15

  • مقدمه‌ای بر MDBootstrap و نحوه نصب آن
    رایگان 0:08:48
  • نصب MDB CLI
    0:08:07
  • تفاوت‌های MDBootstrap و Bootstrap
    رایگان 0:05:56
  • آزمون ۱

  • استفاده از امکانات MDBootstrap
    0:11:29
  • چیدمان و اندازه‌ها در MDBootstrap
    0:12:45
  • بررسی Container و Columns
    0:12:00
  • آزمون ۲

  • طراحی منو، صفحه اصلی و راست‌چین کردن قالب
    رایگان 0:09:16
  • طراحی بخش امکانات ما
    0:12:39
  • طراحی بخش تیم ما
    0:12:52
  • طراحی بخش پرفروش‌ترین محصولات
    0:08:45
  • طراحی Modal برای نمایش جزئیات محصول
    رایگان 0:09:29
  • طراحی جزئیات محصول
    0:13:05
  • توضیحات تکمیلی در رابطه با بخش پرفروش‌ترین محصولات
    0:04:59
  • طراحی فرم خبرنامه
    0:09:43
  • طراحی Footer سایت
    رایگان 0:03:24
  • طراحی بخش Intro (معرفی سایت)
    0:15:44
  • بهینه کردن متن‌های صفحه اصلی و بخش امکانات ما
    0:08:27
  • تکمیل منوی سایت
    0:09:25
  • آزمون ۳

  • جمع‌بندی و نتیجه مباحث
    0:02:53
  • ادامه یادگیری
    0:02:21
  • دسترسی به آموزش‌های «ادامه یادگیری»
  • ادامه مسیر تا ورود به بازار کار

  • تمرین ۱ - تغییر امکانات ما به پرسش‌های شما
  • تمرین ٢ - افزودن افکت زوم به تصاویر
  • تمرین ٢ - افزودن افکت زوم به تصاویر
  • تمرین ۳ - افرودن جدول به اطلاعات محصول
  • تمرین ۴ - ساخت فرم ثبت‌نام
  • تمرین ۵ - پنجره Modal برای ورود و ثبت‌نام

  • آموزش پروژه‌محور Bootstrap – طراحی وب‌سایت با Material Design

ارسال نظر شما

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

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

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

1,790,000 تومان
358,000 تومان
80% تخفیف
ثبت‌نام در دوره
این دوره شامل:
7 فصل آموزشی
3 ساعت ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: ندارد
تاریخ انتشار: 1403/12/09
آخرین به‌روزرسانی: 2026-10-29 14:43:16
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: