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

دوره آموزش JQuery

توضح مختصر: با مطالعه ی پروژه های کاربردی موجود در این کتاب، بیاموزید چگونه ابزار jQuery را در وب سایت خود بکار ببرید. این کتاب نحوه ی استفاده از ابزار سودمند و کارامدی نظیر Overlay، Scrollable، Tabs و Tooltips را به شما خواهد آموخت. مملو از مثال های کاربردی و تصاویر آموزشی، jQuery Tools UI Library نمونه کدهای فراوانی ارائه می دهد که می توانید مستقیما از آن ها در پروژه های خود استفاده کنید.  

Learn how to use jQuery Tools, with clear, practical projects that you can use today in your websites. Learn how to use useful tools such as Overlay, Scrollable, Tabs and Tooltips. Full of practical examples and illustrations, with code that you can use in your own projects, straight from the book.

Preface 1
Chapter 1: Getting Started 7
jQuery Tools basics and rules: a primer 8
The role of HTML 8
The role of JavaScript and jQuery 8
The role of CSS 9
Using tools for graphic design and presentation 10
Using tools for development 10
Downloading the library 12
But I want more… using the CDN links 13
Rolling your own tools – using the download builder 14
Using Firebug 14
Including and initializing the tools 16
Using global configurations 16
Best practices for events and API calls 17
Application Programming Interface (API) 18
jQuery Tools events 19
Before and after events 19
Supplying events 20
The event object 22
Creating jQuery Tools plugins 22
Using jQuery Tools plugins and effects 23
Effects 24
Performance of jQuery Tools 24
Reduce the number of HTTP requests 25
jQuery Tools are available through CDN 25
Adding an expires header 25
GZIP components 25
Minifying JavaScript 26
Summary 26
Chapter 2: Getting along with your UI Tools 27
UI tools – a template 28
What is an overlay? 28
Overlay for the perfect eye candy 28
Usage 29
Project: building a viewer for Google Maps 29
Creating the basic HTML structure 29
Adding in the overlay 30
Setting up and configuring the overlay JavaScript 30
Adding the styling and visual effects 31
Tooltips – the only web fundamentals you need 34
Usage 34
Impress everyone with slide effect and dynamic plugins 35
Project: building a book "buy now" using tooltip 35
Setting up the basic HTML 36
Adding in the tooltip CSS styles 36
Configuring the Tooltip 37
For everything else – there's Scrollable 39
Usage 39
Project: building a mini gallery 40
Setting up the basic HTML 40
Time for some JavaScript magic 42
Time for some styles 44
Tabs in action 46
Usage 46
Project: building a rolling slideshow 47
Setting up the basic HTML 47
Adding the visual effects 48
Configuring the Tab effects 51
Summary 53
Chapter 3: Form Tools 55
Using Validator 55
Why basic Validator? 56
Usage 56
Project: improving styling, and adding custom field validators 57
Creating the basic HTML structure 57
Adding in the form details 58
Styling the form 59
The final part – the script 61"It seems very negative, this onFail…" 65
Validator – a final thought 66
Making your HTML5 date input look and behave the way
you want with Dateinput 66
Usage 66
Project: styling and localization 67
Creating the basic HTML 67
Setting up the JavaScript 68
Adding the styling 69
A final thought 71
Controlling your HTML5 range input with RangeInput 71
Why basic RangeInput? 72
Usage 72
Project: building a product gallery 73
Setting up the basic HTML structure 73
Adding in the book images 74
Adding in the JavaScript functionality 75
Styling the gallery 75
Some final comments 78
Summary 78
Chapter 4: jQuery Tools Toolbox 79
Using FlashEmbed to include Flash movies 80
Usage 80
HTML setup 80
JavaScript setup 81
Demo: let's embed a Flash movie 81
Space for the video 81
Styling for the video 82
Script to make the video work 82
Some final comments 83
Going backwards with history 83
Usage 83
Showing off content with Expose 85
Usage 85
Demo: using Expose to display video content 86
Setting up the basic HTML structure 87
Adding the video content 87
Adding the styling 88
Getting the player to work 89
Take control of your mouse with mousewheel 90
Usage 90
Summary 91