شما می توانید با کمک jQuery صفحات وب خود را به شکل پویاتری آماده کرده و رابط کاربری بهتری را برای وب سایت خود فراهم کنید. کتابخانه jQuery خود دارای امکانات فراوانی است اما در کنار jQuery، کتابخانه ها و ابزارهای دیگری نیز ایجاد شده اند که بر اساس jQuery و امکانات آن کار می کنند. یکی از این کتابخانه ها، کتابخانه 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
۲.
قالب بندی المان ها
۳.
مدیریت رویدادهای تعاملی (الف)
۴.
مدیریت رویدادهای تعاملی (ب)
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
۵.
کار با ابزارک های jQuery UI
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
۶.
افکت های jQuery UI
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
آموزش‌های مرتبط با آموزش طراحی رابط کاربری سایت با فریمورک jQuery UI
راهنمای سفارش آموزش‌ها
.svg)
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
- ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
- و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.
نظرات