کارگاه طراحی با فریم ورک Bootstrap

کارگاه طراحی با فریم ورک Bootstrap


موضوع دوره :

کارگاه طراحی صفحات واکنش گرا با فریم ورک bootstrap
برای طراحی صفحات واکنش گرا می توان به چند روش عمل کرد. روشی که اکثر افراد برای طراحی استفاده می کنند, استفاده از مدیا کوئری است. این روش روشی زمان بر می باشد. بوت استرپ امکاناتی را در اختیار ما قرار میدهد که بتوانیم با حداقل کدهای CSS یک صفحه واکنش گرا طراحی کنیم.


شامل:

  • آموزش  مفهوم رسپانسیو
  • آموزش  کلاس ها و اجزای بوت استرپ
  • پیاده سازی صفحات وب با بوت استرپ
شهریه ی ثبت نامی برای هنرجویانی که تا 15 تیر 94، ثبت نام کامل خود را انجام دهند 180000 تومان و پس از تاریخ مذکور 200000 تومان خواهد بود.
 

توجه:

- هنرجویان قبلی آکادمی مجیدآنلاین از تخفیف 10% در این دوره برخوردار خواهند بود.
- پذیرایی میان وعده و ناهار بر عهده ی آکادمی مجیدآنلاین می‌باشد. 

 

مخاطبین دوره :

این دوره برای دانشجویان و افرادی طراحی شده است که توانایی طراحی صفحات را با html و css دارند و میخواهند به سمت طراحی واکنش گرا بروند. 


پیش نیاز :

برای شرکت در این دوره نیاز است آشنایی نسبی با html و css داشته باشید.
 

انتظار دوره :

پس از پایان دوره از دانشجو انتظار می رود بتواند با استفاده از فریم ورک بوت استرپ , یک وب سایت واکنش گرا طراحی کند.
 

مباحث اصلی و کلی دوره :

  • مقدمات دوره
    • توضیح مختصر در مورد HTML  و CSS
    • بررسی مفهوم صفحات واکنش گرا
    • مشاهده چند نمونه از صفحات واکنش گرا
    • روش های طراحی صفحات واکنش گرا
      • بررسی مزایا و معایب هر کدام از روش ها
    • تعریف فریمورک
    • معرفی چند فریمورک برای طراحی واکنش گرا
    • بررسی آمار و اطلاعات چند فریمورک
  • نصب و شروع به کار با فریمورک
    • دانلود بوت استرپ
    • آشنایی با فایل های بوت استرپ
    • نصب بوت استرپ
  • اصول کار با CSSهای بوت استرپ
    • Container ها
    • بررسی سایز های موجود در بوت استرپ
    • مفهوم ستون بندی در بوت استرپ
      • ستون بندی در سایز های مختلف
      • نکاتی پیرامون ستون بندی در بوت استرپ
      • نگاه مختصری به ستون بندی در فریمورک های دیگر
    • کلاس های text-align
    • کلاس های offset
    • ستون های تو در تو
    • کلاس های push & pull
    • جدول ها در بوت استرپ
      • مقایسه جدول های ساده با جدول های بوت استرپ
      • انواع جدول در بوت استرپ
      • تغییر ماهیت سطرهای جدول در بوت استرپ
    • فرم ها در بوت استرپ
      • فرم های block
      • فرم های inline
    • Checkbox ها و radiobutton ها در بوت استرپ
    • Input ها در بوت استرپ
      • تغییر سایز با استفاده از کلاس
      • تغییر ماهیت input ها
    • دکمه ها در بوت استرپ
      • انواع دکمه ها در بوت استرپ
      • تغییر سایز دکمه ها با استفاده از کلاس
      • تغییر رنگ دکمه ها با استفاده از کلاس
    • تصاویر در بوت استرپ
    • کلاس های کمکی در بوت استرپ
      • نمایش یه المان فقط در اندازه های مختلف
      • پنهان کردن المان در اندازه های مختلف
  • استفاده از اجزا و ساختارهای آماده بوت استرپ
    • آیکون های آماده در بوت استرپ
    • منو های dropdown
    • دکمه های گروهی
      • انواع مختلف دکمه های گروهی
    • Single button ها و split button ها
    • منوهای آماده بوت استرپ
    • Breadcrumb در بوت استرپ
    • صفحه بندی
      • انواع مختلف صفحه بندی
      • تغییرات در صفحه بندی
    • label ها در بوت استرپ
      • تغییر رنگ و اندازه فقط با استفاده از کلاس
    • Badge ها در بوت استرپ
    • Jumbotron
    • Page header در بوت استرپ
    • Thumbnail های بوت استرپ
    • پیغام
    • Progressbar های آماده
      • تغییر رنگ progressbar ها
      • تغییر حالت progressbar ها
      • Stacked progressbar
    • Media object ها در بوت استرپ
      • ایجاد قسمتی همانند comment و reply در فیسبوک
    • لیست ها در بوت استرپ
    • Panel ها در بوت استرپ
  • امکانات مبتنی بر جاوا اسکریپت در بوت استرپ
    • Modal ها در بوت استرپ
    • Tab ها در بوت استرپ
    • Tooltip های بوت استرپ
    • Popover ها در بوت استرپ
    • دکمه هایی با ماهیت checkbox و radiobutton
    • منو های کرکره ای
    • اسلاید شو واکنش گرای بوت استرپ
  • تغییر تم پیشفرض بوت استرپ
کد دوره : MO0119

اخبار آکادمی مجیدآنلاین

معرفی اساتید

معرفی محمد مجریان

محمد مجریان

توسعه دهنده وب

نظرات هنرجویان

  • محمدحسین سقط فروش (کارگاه آموزش jQuery) :

    دوره ی بسیار مفید و کاربردی بود.

  • هاله هفت لنگ (کارگاه تبدیل قالب PSD به XHTML همراه با jQuery) :

    بسیار خوب و مفید بود.

  • محمدحسین سقط فروش (کارگاه آموزش تبدیل PSD به یک صفحه وب همراه با jQuery) :

    یکی از مفیدترین و بهترین دوره ها برای حرفه ای شدن در مبحث Web Designing

  • سید امیرمحمد تجاره (کارگاه تبدیل قالب PSD به XHTML همراه با jQuery) :

    اگر میخواهید یک قالب PSD را به XHTML تبدیل کنید، به شما این دوره آموزشی را پیشنهاد میکنم که بی شک با توان بالای استاد علوی زاده، شما نیز حرفه ای خواهید شد.