کارگاه از طراحی تا برنامه نویسی

کارگاه از طراحی تا برنامه نویسی



توضیح دوره:

در این کارگاه شما با طراحی رابط کاربری (استانداردها و تکنیک ها) آشنا می شوید. رابط کاربری یک وب سایت را طراحی می کنید و توسط HTML5  و CSS3  آن را به کد تبدیل می کنید. یاد می گیرید چگونه یک وب سایت را برای دستگاه های مختلف انعطاف پذیر کنید و با استفاده از CSS Animation   طرح را برای کاربر جذاب تر و تعاملی تر کنید.

هدف دوره:

این کارگاه بر اساس پروژه طراحی و توسعه یک فروشگاه مدرن تدریس می شود.

زمانبندی دوره:

روز اول: 6 ساعت - طراحی رابط کاربری وب سایت.
روز دوم: 10 ساعت - تبدیل طرح به کد با استفاده از HTML5  و CSS3 
روز سوم: 8 ساعت - CSS Animations

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

علاقه مندان به طراحی و توسعه وب سایت های مدرن


پیش نیاز های دوره:

آشنایی با کامپیوتر
آشنایی با HTML و CSS
آشنایی کلی با Photoshop


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

  • طراحی رابط کاربری ( روز اول)
    • مفهوم دیزاین
    • وب دیزاین
    • مفهوم رابط کاربری
    • طراحی رابط کاربری
    • آشنایی با تجربه کاربری
    • دسترسی پذیری
    • کاربردپذیری
    • Content first
    • Mobile first
    • Wire frame
    • Sketch
    • نیاز سنجی پروژه
    • ساختار وب سایت
    • طراحی اولیه
    • مفهوم انتخاب رنگ
    • طراحی گرافیکی
  • کدنویسی HTML5 & CSS3  (روز دوم)
    • مفاهیم اصلی در HTML5
    • تفاوت‌های ساختاری و دستوری HTML4 و HTML5
    • المان‌های جدید در HTML5
    • استفاده از المان‌ها به شیوه معنا گرا در HTML5
    • المان‌های جدید در فرم‌ها و تغییرات فرم‌ها
    • بررسی المان‌های صوتی و ویدیویی در HTML5
    • تفاوت‌های CSS2.1 و CSS3
    • شرح دوباره مدل جعبه (Box Model)
    • امکانات جدید CSS3
    • استفاده از انیمیشن‌ها در CSS3
    • استفاده از Gradient ها در CSS3
    • در مورد سایه‌ها
    • استفاده از وب‌فونت‌ها و شرحی بر تایپوگرافی فارسی
    • امکانات جدید برای ساختاربندی با استفاده از CSS3: فلکسی‌باکس‌ها و ستون‌ها
    • طراحی واکنشگرا (Responsive Design)
    • طراحی تعامل‌گرا (Adaptive Design)
    • کار با میزان فشردگی‌های پیکسلی در صفحه‌نمایش‌های مختلف
  • CSS Animations (روز سوم)
    • مفهوم Animate
    • انیمیشن در CSS
    • بکار گیری المان های صفحه بصورت انیمیشن
    • Scroll CSS Animations
کد دوره : MO0121

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

معرفی اساتید

معرفی حامد همت یار

حامد همت یار

طراح معماری داخلی و خارجی و شبیه سازی سه بعدی و خلق جلوه های سینمایی

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

  • محمدرضا نوروززاد (HTML و CSS را از پایه یاد بگیرید) :

    در آکادمی مجیدآنلاین علاوه بر محیطی راحت جهت آموزش ، اساتید مجرب و با تجربه همچون آقای علوی زاده وجود دارند که از تمامی زحماتی که کشیدند تشکر میکنم.

  • نیلوفر افشار (کارگاه طراحی با فریم ورک Bootstrap) :

    خیلی خوب بود!

  • عماد مقدم (فتوشاپ) :

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

  • احسان تبریزیان (HTML و CSS را از پایه یاد بگیرید) :

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