jQuery UI Development [Video]

Ben Fhala

jQuery UI Development [Video]
Downloadable video: $39.99
$23.99
save 40%!

Packt Video. Stream online or download for unrestricted offline use. Learn more

Overview
Course Contents
The Author
Sample Clip
  • New! Packt Video courses: practical screencast-based tutorials that show you how to get the job done. Bite sized chunks, hands on instructions, and powerful results.
  • Utilize jQuery UI to its full potential
  • Create your own interactions and widgets
  • Understand how to skin jQuery UI elements and themes quickly

Video Details

Language : English
Release Date : Thursday, October 31, 2013
Course Length : 2 hours 6 minutes and 44 Seconds
ISBN : 1782162968
ISBN 13 : 9781782162964
Author(s) : Ben Fhala
Topics and Technologies : Video, Web Development, Open Source

Table of Contents

  1. Getting Started with jQuery UI [25:05 minutes]
    • Getting Started with jQuery UI
    • An Overview of jQuery
    • An Overview of jQuery UI
    • Working with jQuery Locally or through a CDN
    • Choosing Our Delivery Options in jQuery UI
    • Creating Our First Page Using jQuery UI Widgets
    • What Tools Am I Using?

  2. Working with the CSS Framework [21:58 minutes]
    • All about CSS
    • Adding Our Second Widget
    • Switching Styles in jQuery UI
    • The Library Minification Functionality
    • Optimizing Your Project
    • Themes - Under the Hood
    • Creating Your Own Themes Using ThemeRoller

  3. Working with Widgets [27:56 minutes]
    • Setting up Expectations
    • Creating a Dialog Widget
    • Options, Methods, and Events
    • Working with Widget Options
    • Changing a Dialog's Title
    • Discovering the Widget's Methods
    • Adding Interactivity with Callbacks

  4. Adding Interaction [21:24 minutes]
    • Setting up Expectations
    • Integrating Events into Widgets
    • Updating the Site When a Widget is Dropped
    • Being More Efficient with Events
    • Digging into Event Properties: the ui Property
    • Exploring the Event Object
    • Cleaning up Our Project

  5. More about Widgets [27:13 minutes]
    • Setting up Expectations
    • jQuery UI Tooltip
    • jQuery UI Spinner
    • jQuery UI Menu
    • jQuery UI Slider
    • jQuery UI Accordion
    • jQuery UI Tabs

  6. Course Recap [1:53 minutes]

Ben Fhala

Ben Fhala discovered his passion for data visualization six years ago while he was working at Parsons in New York, in their data visualization department, PIIM. He is the owner of the online video training school, 02geek.com, and an Adobe ACP. He enjoys spending most of his time learning and teaching and has a love for visual programming and visualization in general. Ben has had the honor of developing applications for members of the US Congress, Prime Ministers, and Presidents around the world.

He has built many interactive experiences for companies such as Target, AT&T, Crayola, Marriott, Neutrogena, and Nokia. He has technically directed many award-winning projects and has been part of teams that have won three Agency of the Year awards. Among Ben's publications are Packt’s HTML5 Graphing and Data Visualization Cookbook.

Sorry, we don't have any reviews for this video yet.

Sorry, there are currently no downloads available for this video.

Support, complaints and feedback.

Packt is committed to making Packt Video courses a valuable, useful way for IT professionals to learn new skills. We have made every effort to ensure that this course reaches the required standard and will work on our customer's devices. Please go to our support page.

What you will learn from this video course

  • Set up a custom jQuery UI library
  • Minify your library and make it more efficient
  • Get to grips with components and how to skin them quickly
  • Use the ThemeRoller to create custom themes in a jiffy
  • Understand how events work in jQuery UI
  • Hands-on demonstrations with detailed explanations and code
  • Drag-and-drop elements using the jQuery UI features
  • Work with over 9 key components

Who this video course is for

If you want to save hundreds of hours on building your own components, this video course is ideal for you. We will demonstrate how to easily design elegant and powerful front-end interfaces for web applications. A working knowledge of JavaScript and a familiarity with jQuery would be useful, but are not vital.

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.

Approach

Packt video courses are designed to cover the breadth of the topic in short, hands-on, task-based videos. Each course is divided into short manageable sections, so you can watch the whole thing or jump to the bit you need. The focus is on practical instructions and screencasts showing you how to get the job done.

jQuery UI training is made easy, with step-by-step examples, useful tips, and quick tricks. This course breaks down complex tasks into bite-sized chunks, making it your quickest resource to jump-start your journey with jQuery UI. Learn how to save hundreds of hours in development using jQuery UI's awesome components.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software