دانلود کتاب jQuery UI

دوره  آموزش Jquery

با فراگیری کتابخانه ی jQuery UI، می توانید قابلیت ها و استانداردهای jQuery را در طراحی رابط کاربری بکار برده و آن را با افزودن المان های تعاملی، پویاسازی المان ها (animation) و ابزارک هایی که می توان به آن پوسته اعمال کرد (themeable widget)، کامل نمایید. این راهنمای آموزشی که در عین مختصر و مفید بودن، مملو از نمونه کد می باشد، به شما آموزش می دهد چگونه از امکانات تعاملی که در HTML5 موجود نیست نظیر تب ها، accordion و پنجره های محاوره ای (dialog box) در UI سایت خود استفاده کنید. همچنین به شما می آموزد چگونه برای کارهای رایج اما پیچیده همچون مدیریت drag&drop و  autocompleteکه تعامل با سایت را برای کاربر آسان می سازد، برنامه نویسی کنید.

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

With the jQuery UI library, you can apply the power and standards ofjQuery to user interface design, complete with interactive elements, animation, and themeable widgets. This concise, code-heavy guide demonstrates how to harness interactive features that HTML5 lacks, including tabs, accordions, and dialog boxes. You'll also learn how to program common but complex tasks, such as managing drag and drop and autocomplete, that make it easier for users to interact with your site.

This book provides a quick tour of how jQuery UI can improve yourHTML pages, followed by standalone chapters that focus on each of the components in detail. If you’re a web developer or designer looking to enrich your website with new features - without having to dive into full-fledged Javascript - jQuery UI is a must.

1. Introduction to jQuery UI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
jQuery UI Installation 1
Overview of jQuery UI 1
What Is a CSS Theme? 3
Which Files Should We Include in Our HTML Pages? 4
Uncompressed Files 4
Compressed Files 7
Change the CSS Theme 8
And Now? 9
2. Tabs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Basic Principles of Tabs 11
Formatting Content 13
The tabs () Method 15
The tabs (options) Method 15
The tabs (“action”, params) Method 17
The bind () Method 17
Examples of Using Tabs 18
Dynamic Creation of Tabs 18
Modifying the Contents of a Tab Using Ajax 19
Transmitting the Information to the Server via Ajax 21
Using the Tabs add Method 22
Using the tabsadd Event 24
3. Accordion Menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Basic Principles of Accordion Menus 25
Formatting Content 27
The accordion () Method 29
The accordion (options) Method 30

The accordion (“action”, params) Method 31
Event Management in Accordion Menus with bind () 32
Examples of Using Accordion Menus 32
Opening Any Menu 32
Loading the Contents of a Menu with Ajax: Using options 33
Loading the contents of a menu with Ajax: Using accordionchange 35
4. Dialog Boxes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Basic Principles of Dialog Boxes 37
Formatting Content 39
The dialog () Method 42
The dialog (options) Method 42
The dialog (“action”, params) Method 45
Event Handling in Dialog Boxes with bind () 45
Examples of Using Dialog Boxes 46
Opening and Closing a Dialog Box 46
Applying an Effect When Opening or Closing the Dialog Box 48
Verifying the Closure of the Dialog Box 49
Hiding the Close Button 50
Inserting Buttons in the Dialog Box 51
Inserting Content Using Ajax 52
Changing the Behavior of a Dialog Box with Effects 54
5. Buttons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Basic Principles of Buttons 57
Formatting Content 58
The button () Method 60
The button (options) Method 60
The button (“action”, params) Method 61
Event Handling on Buttons with bind () 61
Radio Buttons 61
Displaying Radio Buttons 62
Improving the Display with buttonset () 63
Checkboxes 64
Displaying Checkboxes 64
Improving the Display with buttonset () 65
Examples of Using Buttons 66
Displaying Icons in Buttons 66
Creating a Calculator 69
6. Progress Bars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
Basic Principles of Progress Bars 77
Formatting Content 78