Packt Publishing – jQuery UI Development

Packt Publishing – jQuery UI Development

Tips and tricks to master the jQuery UI library and set up your own custom widgets and cool components

Tips and tricks to master the jQuery UI library and set up your own custom widgets and cool components

About This Video

Utilize jQuery UI to its full potential

Create your own interactions and widgets

Understand how to skin jQuery UI elements and themes quickly

In Detail

jQuery UI is a trusted suite of official plug-ins for the jQuery JavaScript library, which gives you a solid platform on which to build rich and engaging interfaces with maximum compatibility and stability, and minimum time and effort.

jQuery UI training is made easy in this video, with step-by-step examples, useful tips, and quick tricks. This course breaks down complex tasks into bite-sized chunks, making it the best resource for you to use if you want to start using jQuery UI. Learn how to save hundreds of hours in development using jQuery UI’s awesome components.

Even in the HTML 5 world of today, there are many oft used components and functionalities that still aren’t part of a browser out of the box; this library is the critical solution, which will save you hundreds of hours while building highly sophisticated components for your applications. We’ll cover the basics, and then build our first component – the datePicker – and we’ll customize its characteristics. We’ll discuss the ThemeRoller application for quickly skinning components, and the dialog component in all its detail. You’ll also learn how to discover component features on your own, how to listen in on variables and changes, as well as how to trigger and listen to events. We’ll then kick it up a notch with jQuery UI’s drag-and-drop capabilities and build a working example that uses all of these features. We’ll use components effectively, examine event properties in detail, and even clean up our code to make it more presentable. We’ll wrap up by demonstrating as many of jQuery UI’s essential and popular components as we can, followed by a brief course recap and summary.

Get Packt Publishing – jQuery UI Development At tenco.pro

Course Curriculum

Getting Started with jQuery UI

• Getting Started with jQuery UI (1:05)
• An Overview of jQuery (5:07)
• An Overview of jQuery UI (4:56)
• Working with jQuery Locally or through a CDN (4:10)
• Choosing Our Delivery Options in jQuery UI (3:19)
• Creating Our First Page Using jQuery UI Widgets (5:00)
• What Tools Am I Using? (1:28)

Working with the CSS Framework

• All about CSS (1:17)
• Adding Our Second Widget (4:11)
• Switching Styles in jQuery UI (2:59)
• The Library Minification Functionality (4:27)
• Optimizing Your Project (2:54)
• Themes – Under the Hood (3:57)
• Creating Your Own Themes Using ThemeRoller (2:13)

Working with Widgets

• Setting up Expectations (1:21)
• Creating a Dialog Widget (6:17)
• Options, Methods, and Events (2:44)
• Working with Widget Options (4:48)
• Changing a Dialog’s Title (2:10)
• Discovering the Widget’s Methods (5:32)
• Adding Interactivity with Callbacks (5:04)

Adding Interaction

• Setting up Expectations (0:58)
• Integrating Events into Widgets (4:41)
• Updating the Site When a Widget is Dropped (2:33)
• Being More Efficient with Events (4:33)
• Digging into Event Properties: the ui Property (2:16)
• Exploring the Event Object (4:39)
• Cleaning up Our Project (1:44)

More about Widgets

• Setting up Expectations (1:12)
• jQuery UI Tooltip (3:00)
• jQuery UI Spinner (3:07)
• jQuery UI Menu (3:30)
• jQuery UI Slider (8:15)
• jQuery UI Accordion (3:20)
• jQuery UI Tabs (4:49)

Course Recap

• Course Recap (1:53)

Get Packt Publishing – jQuery UI Development At tenco.pro