هزینه آموزش
۲۰,۰۰۰ تومان

آموزش طراحی رابط کاربری وبسایت با فریمورک jQuery UI

آموزش طراحی رابط کاربری وبسایت با فریمورک jQuery UI

تعداد دانشجو
۶۳۹ نفر
مدت زمان
۳ ساعت و ۴۴ دقیقه
هزینه آموزش
۲۰,۰۰۰ تومان
محتوای این آموزش
۱ بازخورد (مشاهده نظرات)
آموزش طراحی رابط کاربری وبسایت با فریمورک jQuery UI

شما می توانید با کمک jQuery صفحات وب خود را به شکل پویاتری آماده کرده و رابط کاربری بهتری را برای وب سایت خود فراهم کنید. کتابخانه jQuery خود دارای امکانات فراوانی است اما در کنار jQuery، کتابخانه ها و ابزارهای دیگری نیز ایجاد شده اند که بر اساس jQuery و امکانات آن کار می کنند. یکی از این کتابخانه ها، کتابخانه jQuery UI است. در این فرادرس، این کتابخانه کاربردی را بررسی کرده و نحوه استفاده از امکانات آن را فرا می گیریم.

آموزش طراحی رابط کاربری وبسایت با فریمورک jQuery UI

تعداد دانشجو
۶۳۹ نفر
مدت زمان
۳ ساعت و ۴۴ دقیقه
هزینه آموزش
۲۰,۰۰۰ تومان
محتوای این آموزش
۱ بازخورد (مشاهده نظرات)
مدرس
سید رضا هاشمیان

کارشناسی مهندسی فناوری اطلاعات

مهندس سید رضا هاشمیان، کارشناس فناوری اطلاعات گرایش برنامه نویسی تحت وب هستند. وی به عنوان برنامه نویس تحت وب فعالیت خود را آغاز کرده و همچنین به عنوان مدرس، در موسسات آموزشی مختلف به تدریس تکنولوژی ها و زبان های برنامه نویسی تحت وب می پردازند.

توضیحات تکمیلی

طراحی رابط کاربری صفحات وب، دغدغه ای پایان ناپذیر

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

به منظور طراحی رابط کاربری، ابزارها و کتابخانه های بسیاری ارائه شده است تا طراحان صفحات وب بتوانند با استفاده از این ابزارها، صفحات وب مورد نظر خود را با المان های کاربردی و مورد نظر طراحی کنند. یکی از این کتابخانه ها، کتابخانه jQuery می باشد.

jQuery، کتابخانه ای کاربردی

jQuery یک کتابخانه برای زبان برنامه نویسی جاوا اسکریپت (JavaScript) است که بر اساس همین زبان نیز توسعه داده شده است. با استفاده از jQuery شما می توانید اعمال مختلفی از جمله: پیمایش صفحات وب، مدیریت رویدادها، متحرک سازی و استفاده از انیمیشن های وب و … را داشته باشید.

شما می توانید با کمک jQuery صفحات وب خود را به شکل پویاتری آماده کرده و رابط کاربری بهتری را برای وب سایت خود فراهم کنید. کتابخانه jQuery خود دارای امکانات فراوانی است اما در کنار jQuery، کتابخانه ها و ابزارهای دیگری نیز ایجاد شده اند که بر اساس jQuery و امکانات آن کار می کنند. یکی از این کتابخانه ها، کتابخانه jQuery UI است. در این فرادرس، این کتابخانه کاربردی را بررسی کرده و نحوه استفاده از امکانات آن را فرا می گیریم.

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: آشنایی با jQuery UI
    • امکانات کتابخانه
    • نحوه فراخوانی در صفحات وب
  • درس دوم: قالب بندی المان ها
    • کار با کتابخانه های CSS
    • قالب بندی و کلاس ها
  • درس سوم: مدیریت رویدادهای تعاملی
    • رویداد Draggable
    • رویداد Droppable
    •  رویداد Resizable
    • رویداد Selectable
    • رویداد Sortable
  • درس چهارم: کار با ابزارک های jQuery UI
    • ابزارک Accordion
    • ابزارک Autocomplete
    • ابزارک Button
    • ابزارک Datepicker
    • ابزارک Dialog
    • ابزارک Menu
    • ابزارک Progressbar
    • ابزارک Selectmenu
    • ابزارک Slider
    • ابزارک spinner
    • ابزارک Tabs
    • ابزارک Tooltip
  • درس پنجم: افکت های jQuery UI
    • افکت Hide
    • افکت Show
    • افکت Toggle
    • افکت Add Class
    • افکت Remove Class
    • افکت Switch Class
    • افکت Animation
    • افکت Easing
    • افکت Effect
مفید برای رشته های
  • مهندسی کامپیوتر
  • مهندسی فناوری اطلاعات (IT)
مشاهده بیشتر مشاهده کمتر

آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس
فایل برنامه ها و پروژه های اجرا شده



پیش نمایش‌ها

۱. آشنایی با jQuery UI

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۲۵ مگابایت -- (کلیک کنید +))

۲. قالب بندی المان‌ ها

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۳ مگابایت -- (کلیک کنید +))

۳. مدیریت رویدادهای تعاملی (الف)

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۶ مگابایت -- (کلیک کنید +))

۴. مدیریت رویدادهای تعاملی (ب)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۵. کار با ابزارک‌ های jQuery UI
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶. افکت‌ های jQuery UI
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.

راهنمای سفارش آموزش‌ها

آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

(راهنمایی بیشتر +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش طراحی رابط کاربری وبسایت با فریمورک jQuery UI
ناشر فرادرس
شناسه اثر ۸–۱۲۴۵۲–۰۶۴۴۱۸ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد)
کد آموزش FVJQ9611
مدت زمان ۳ ساعت و ۴۴ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (لینک دانلود)
حجم دانلود ۳۹۸ مگابایت (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)


نظرات

تا کنون ۶۳۹ نفر از این آموزش استفاده کرده اند و ۱ نظر ثبت شده است.
علیرضا
علیرضا

آموزش خوب بود و تا حدی که من لازم داشتم نیازهای منو براورده کرد.


برچسب‌ها:
Jquery | jQuery UI | ابزار Accordion در jQuery UI | ابزار Datepicker در jQuery UI | ابزار Progressbar در jQuery UI | ابزار Slider در jQuery UI | ابزار spinner در jQuery UI | ابزار Tabs jQuery UI | ابزار Tabs در jQuery UI | ابزار Tooltip در jQuery UI | ابزارهای jQuery UI | افکت Add Class در jQuery UI | افکت Animation در jQuery UI | افکت Easing در jQuery UI | افکت Effect درjQuery UI | افکت Hide در jQuery UI | افکت Remove Class در jQuery UI | افکت Show در jQuery UI | افکت Switch Class در jQuery UI | افکت Toggle در jQuery UI | افکت های jQuery UI | تابخانه JQuery | رویداد Draggable در jQuery UI | رویداد Droppable در jQuery UI | رویداد Resizable در jQuery UI | طراحی رابط کاربری
مشاهده بیشتر مشاهده کمتر