کارگاه طراحی با فریم ورک 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

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

معرفی اساتید

معرفی سیامک مختاری

سیامک مختاری

طراح و توسه دهنده ی نرم افزارهای تحت وب

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

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

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

  • زینب فدایی (ورود به دنیای PHP) :

    از مهمترین ویژگی های این کلاس، دانش بسیار خوب و بالای استاد و ارتباط با زبان PHP، پاسخ به سوالات با تامل و حوصله و نیز وقت شناسی استا. به علاوه اینکه موارد مطرح شده هم به صورت آکادمیک و هم غیر آکادمیک (کاربردهای موارد در دنیای تجارت) مطرح می شوند. همچنین پروژه نوشته شده در کلاس به صورت کامل قابل استفاده می باشد. از کلیه زحمات جناب مهندس علوی زاده و جناب آقای ونکی کمال تشکر را می نمایم. با سپاس از زحمات بی شائبه استاد.

  • فرزانه کمالی (HTML و CSS را از پایه یاد بگیرید) :

    مزیت کلاس های آموزشی مجیدآنلاین همزمانی دانش و تجربه در طی فرآیند آموزش است. این امر اعتماد هنرجو به مسیر پیش رو را بیشتر میکند و انگیزه را افزایش میدهد.

  • سهیلی (جلوه های ویژه بصری) :

    کلاس های جلوه های ویژه بصری و افتر افکت مجیدآنلاین باعث شد تا بتوانم به صورت حرفه ای فعالیت کنم. ممنونم.