JQuery UI Development Training in Exeter

jQuery UI Development Training Course Outline

Module 1: Introducing jQuery UI

• Setting Up a Development Environment
• Structure of the Library
• Component Categories

Module 2: CSS Framework and Other Utilities

• Files that Make Up the Framework
• Linking to the Required Framework Files
• Using the Framework Classes
• Containers
• Interactions
• Icons

Module 3: Using the Tabs Widget

• Tab CSS Framework Classes
• Applying a Custom Theme to the Tabs
• Configurable Options
• Tab Events
• Using the Tab Methods
• AJAX Tabs

Module 4: Accordion Widget

• Accordion's Structure
• Styling the Accordion
• Configuring an Accordion
• Accordion Events

Module 5: Dialog

• Creating a Basic Dialog
• Dialog Options
• Dialog's Event Model
• Controlling a Dialog Programmatically

Module 6: Slider Widget

• Implementing a Slider
• Custom Styling
• Configurable Options
• Slider Methods

Module 7: UI Effects

• Core Effects File
• Highlighting Specified Elements
• Bouncing
• Shaking an Element
• Element Scaling
• Element Explosion

Who should attend this jQuery UI Development Training Course?

The jQuery UI Development Training is a comprehensive course designed to provide participants with the skills and knowledge needed to effectively use jQuery UI, a popular JavaScript library, for building interactive and engaging user interfaces. This course is useful for the following professionals:

• Web Developers
• Front-end Developers
• UI/UX Designers
• Web Application Developers
• JavaScript Developers
• Full-stack Developers
• Students

Prerequisites of the jQuery UI Development Training Course

There are no formal prerequisites for the jQuery UI Development Training. However, a basic understanding user interface designing, and web development can be beneficial.

jQuery UI Development Training​ Course Overview

jQuery UI is a collection of GUI widgets, cascading style sheets, animated visual effects, and HTML. It is built on the jQuery JavaScript library containing widget and interaction library which individuals can use to create an interactive web application.

In this 1-day jQuery UI Development training course, delegates will get familiarised with the fundamentals and roles of jQuery in web pages. Throughout this course, topics such as jQuery UI tooltip, setting up expectations, jQuery UI spinner, and jQuery UI menu will be taught to delegates. The delegates will also learn the advanced concepts such as jQuery event, jQuery traversing and effects, AJAX using jQuery, UI widgets and jQuery mobile, which will help them to create a user-friendly Web site. Delegates will also acquire basic knowledge of how jQuery is used to manipulate their CSS and DOM selectors.

After attending this jQuery UI development course, delegates will be able to create and configure jQuery UI user interface components.

Course Objectives 

• To understand the structure, setup, and functionality of the jQuery UI library 
• To configure and utilise the jQuery UI CSS framework and utilities effectively 
• To create and customise tab interfaces using configurable options and AJAX integration 
• To design interactive accordion components with event handling and styling 
• To implement and control dialog boxes programmatically with custom options 
• To develop slider widgets with styling, configuration, and event management 
• To apply jQuery UI effects for enhancing user interaction and visual feedback 
• To manage animations such as bouncing, shaking, scaling, and highlighting elements 
• To integrate jQuery UI components into web applications for dynamic interfaces 
• To enhance usability and accessibility through responsive UI development practices 

What’s included in this jQuery UI Development Training Course

• World-class Training Sessions from Experienced Instructors
• jQuery UI Development Training Certificate
• Digital Delegate Pack