JQuery UI Library Tutorial videos for Beginner

1
JQuery UI Library Tutorial Videos for
Beginner by
2
Highlights

• JQuery UI Definition
• Theme Roller
• Downloading JQuery UI Library
• Exploring UI widgets and UI effects.

3
JQuery UI Definition

• JQuery UI is a collection of GUI interactions,
  effects, widgets, and themes built on top of
  the jQuery JavaScript Library. Provides
• Collaborative design process.
• Flexible styling and themes, progressive
  enhancement.
• Elegant visual and interaction design.
• Deep accessibility support.
• Internationalization and localization.

4
Theme Roller

• Theme Roller is a web application, provides
  accurate interface for designing and downloading
  custom themes for jQuery UI.
• Its Interface is categorized into panels for
  global font and corner radius settings, widget
  container styles, and interaction states for
  clickable elements, and various styles for
  overlays and shadows.
• Theme Roller themes can be viewed via permalink
  URLs.
• It has a "Download theme. When you are done
  designing a theme, you can download it for use in
  your projects.  

5
Downloading JQuery UI Library

• JQuery UI is a widget and interaction library
  built on top of the jQuery JavaScript Library.
• Use to build highly interactive web applications.
• First download Custom jQuery UI builder.
• There are three easy steps to building your
  custom jQuery UI download
• Choose Which Components You Need
• Select a Theme
• Choose a Version of jQuery UI

6
Downloading JQuery UI Library

• Step 1 Choose Which Components You Need
• jQuery UI download builder categorized into
  groups. core, interactions, widgets, and effects.
  
• A few mechanisms in jQuery UI depend on other
  mechanisms. Just ensure the boxes for the widgets
  you would like to download.
• The boxes you select will gathered into a custom
  jQuery UI JavaScript file.

7
Downloading JQuery UI Library

• Step 2 Select a Theme
• In the right column of download builder, you can
  select pre designed themes or can design own
  custom theme using Theme roller.
• Usually theme sections offers a few highly
  developed configuration settings for your theme.
• If you would like to use multiple themes on a
  single page, these fields will come in handy.
• If you decided to only use one theme on a page,
  you can skip these settings entirely.

8
Downloading JQuery UI Library

• Step 3 Choose a Version of JQuery UI
• The final step in the download builder is to
  choosing a version.
• Ensure to verify not only the version of JQuery
  UI you select, also check the edition of JQuery
  Core.
• Different versions of the library support
  different versions of JQuery.

9
Feedback
Like It ? Hate It?
We would love to hear from you whatever you think
about the course.
Click HERE to share what you think!
10
Thank you
Thank You for Watching JQuery UI Library
Tutorial Videos for Beginner by
http//www.courseing.com