• LOGIN
  • No products in the cart.

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


Course Description

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 often 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.

Learning Outcomes

  • 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

Pre-requisite

A working knowledge of JavaScript and a familiarity with jQuery would be useful, but are not vital.
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.

Who is this course intended 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.

Course Curriculum

Getting Started with jQuery UI
Getting Started with jQuery UI 00:00:00
An Overview of jQuery 00:00:00
An Overview of jQuery UI 00:00:00
Working with jQuery Locally or through a CDN 00:00:00
Choosing Our Delivery Options in jQuery UI 00:00:00
Creating Our First Page Using jQuery UI Widgets 00:00:00
What Tools Am I Using? 00:00:00
Working with the CSS Framework
All about CSS 00:00:00
Adding Our Second Widget 00:00:00
Switching Styles in jQuery UI 00:00:00
The Library Minification Functionality 00:00:00
Optimizing Your Project 00:00:00
Themes – Under the Hood 00:00:00
Creating Your Own Themes Using ThemeRoller 00:00:00
Working with Widgets
Setting up Expectations 00:00:00
Creating a Dialog Widget 00:00:00
Options, Methods, and Events 00:00:00
Working with Widget Options 00:00:00
Changing a Dialog’s Title 00:00:00
Discovering the Widget’s Methods 00:00:00
Adding Interactivity with Callbacks 00:00:00
Adding Interaction
Setting up Expectations 00:00:00
Integrating Events into Widgets 00:00:00
Updating the Site When a Widget is Dropped 00:00:00
Being More Efficient with Events 00:00:00
Digging into Event Properties: the ui Property 00:00:00
Exploring the Event Object 00:00:00
Cleaning up Our Project 00:00:00
More about Widgets
Setting up Expectations 00:00:00
jQuery UI Tooltip 00:00:00
jQuery UI Spinner 00:00:00
jQuery UI Menu 00:00:00
jQuery UI Slider 00:00:00
jQuery UI Accordion 00:00:00
jQuery UI Tabs 00:00:00
Course Recap
Overview 00:00:00

Course Reviews

N.A

ratings
  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

TAKE THIS COURSE
  • $99.00 $10.00
  • UNLIMITED ACCESS
  • Course Certificate
STUDENTS ENROLLED

    Related Courses

    © Learnsector