jQuery UI Development

Simpliv

Course

Online

£ 10 VAT inc.

The best Other Education courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Tips and tricks to master the jQuery UI library and set up your own custom widgets and cool componentsjQuery 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.About the Author
.
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, 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

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this 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

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Mac
  • Web
  • Javascript
  • HTML
  • Javascript training
  • Options

Course programme

Getting Started with jQuery UI 7 lectures 25:07 Getting Started with jQuery UI A brief description of what jQuery is, what jQuery UI is, and how you'll find them useful.
  • Why use jQuery?
  • Why use jQuery UI?
  • What is the best way to use them?
An Overview of jQuery An overview of the importance of JavaScript libraries, and how they can make life easier.
  • Examine the browser and version support for jQuery
An Overview of jQuery UI As a developer, many times you don't want to reinvent the box to common things. jQuery UI mainly focuses on trying to quickly create common solutions for developers who mainly need visual components.
  • An overview of jQuery UI's features
Working with jQuery Locally or through a CDN There are advantages for hosted and nonhosted solutions, and which is better?
  • Examine the hosting options for your site
Choosing Our Delivery Options in jQuery UI An overview of your options when downloading jQuery UI.
  • Compare the download options
  • Set up a custom download
Creating Our First Page Using jQuery UI Widgets In this video we will create our first jQuery UI web page elements.
  • Create an HTML file with four simple hyperlinks
  • Convert those links to buttons
What Tools Am I Using? A quick overview of the tools that I'm working with to develop in this course.
  • OS: Mac
  • Browser: Safari
  • Editor: Sublime Text
Getting Started with jQuery UI 7 lectures 25:07 Getting Started with jQuery UI A brief description of what jQuery is, what jQuery UI is, and how you'll find them useful.
  • Why use jQuery?
  • Why use jQuery UI?
  • What is the best way to use them?
An Overview of jQuery An overview of the importance of JavaScript libraries, and how they can make life easier.
  • Examine the browser and version support for jQuery
An Overview of jQuery UI As a developer, many times you don't want to reinvent the box to common things. jQuery UI mainly focuses on trying to quickly create common solutions for developers who mainly need visual components.
  • An overview of jQuery UI's features
Working with jQuery Locally or through a CDN There are advantages for hosted and nonhosted solutions, and which is better?
  • Examine the hosting options for your site
Choosing Our Delivery Options in jQuery UI An overview of your options when downloading jQuery UI.
  • Compare the download options
  • Set up a custom download
Creating Our First Page Using jQuery UI Widgets In this video we will create our first jQuery UI web page elements.
  • Create an HTML file with four simple hyperlinks
  • Convert those links to buttons
What Tools Am I Using? A quick overview of the tools that I'm working with to develop in this course.
  • OS: Mac
  • Browser: Safari
  • Editor: Sublime Text
Getting Started with jQuery UI A brief description of what jQuery is, what jQuery UI is, and how you'll find them useful.
  • Why use jQuery?
  • Why use jQuery UI?
  • What is the best way to use them?
Getting Started with jQuery UI A brief description of what jQuery is, what jQuery UI is, and how you'll find them useful.
  • Why use jQuery?
  • Why use jQuery UI?
  • What is the best way to use them?
Getting Started with jQuery UI A brief description of what jQuery is, what jQuery UI is, and how you'll find them useful.
  • Why use jQuery?
  • Why use jQuery UI?
  • What is the best way to use them?
Getting Started with jQuery UI A brief description of what jQuery is, what jQuery UI is, and how you'll find them useful.
  • Why use jQuery?
  • Why use jQuery UI?
  • What is the best way to use them?
A brief description of what jQuery is, what jQuery UI is, and how you'll find them useful.
  • Why use jQuery?
  • Why use jQuery UI?
  • What is the best way to use them?
A brief description of what jQuery is, what jQuery UI is, and how you'll find them useful.
  • Why use jQuery?
  • Why use jQuery UI?
  • What is the best way to use them?
An Overview of jQuery An overview of the importance of JavaScript libraries, and how they can make life easier.
  • Examine the browser and version support for jQuery
An Overview of jQuery An overview of the importance of JavaScript libraries, and how they can make life easier.
  • Examine the browser and version support for jQuery
An Overview of jQuery An overview of the importance of JavaScript libraries, and how they can make life easier.
  • Examine the browser and version support for jQuery
An Overview of jQuery An overview of the importance of JavaScript libraries, and how they can make life easier.
  • Examine the browser and version support for jQuery
An overview of the importance of JavaScript libraries, and how they can make life easier.
  • Examine the browser and version support for jQuery
An overview of the importance of JavaScript libraries, and how they can make life easier.
  • Examine the browser and version support for jQuery
An Overview of jQuery UI As a developer, many times you don't want to reinvent the box to common things. jQuery UI mainly focuses on trying to quickly create common solutions for developers who mainly need visual components.
  • An overview of jQuery UI's features
An Overview of jQuery UI As a developer, many times you don't want to reinvent the box to common things. jQuery UI mainly focuses on trying to quickly create common solutions for developers who mainly need visual components.
  • An overview of jQuery UI's features
An Overview of jQuery UI As a developer, many times you don't want to reinvent the box to common things. jQuery UI mainly focuses on trying to quickly create common solutions for developers who mainly need visual components.
  • An overview of jQuery UI's features
An Overview of jQuery UI As a developer, many times you don't want to reinvent the box to common things. jQuery UI mainly focuses on trying to quickly create common solutions for developers who mainly need visual components.
  • An overview of jQuery UI's features
As a developer, many times you don't want to reinvent the box to common things. jQuery UI mainly focuses on trying to quickly create common solutions for developers who mainly need visual components.
  • An overview of jQuery UI's features
As a developer, many times you don't want to reinvent the box to common things. jQuery UI mainly focuses on trying to quickly create common solutions for developers who mainly need visual components.
  • An overview of jQuery UI's features
Working with jQuery Locally or through a CDN There are advantages for hosted and nonhosted solutions, and which is better?
  • Examine the hosting options for your site
Working with jQuery Locally or through a CDN There are advantages for hosted and nonhosted solutions, and which is better?
  • Examine the hosting options for your site
Working with jQuery Locally or through a CDN There are advantages for hosted and nonhosted solutions, and which is better?
  • Examine the hosting options for your site
Working with jQuery Locally or through a CDN There are advantages for hosted and nonhosted solutions, and which is better?
  • Examine the hosting options for your site
There are advantages for hosted and nonhosted solutions, and which is better?
  • Examine the hosting options for your site
There are advantages for hosted and nonhosted solutions, and which is better?
  • Examine the hosting options for your site
Choosing Our Delivery Options in jQuery UI An overview of your options when downloading jQuery UI.
  • Compare the download options
  • Set up a custom download
Choosing Our Delivery Options in jQuery UI An overview of your options when downloading jQuery UI.
  • Compare the download options
  • Set up a custom download
Choosing Our Delivery Options in jQuery UI An overview of your options when downloading jQuery UI.
  • Compare the download options
  • Set up a custom download
Choosing Our Delivery Options in jQuery UI An overview of your options when downloading jQuery UI.
  • Compare the download options
  • Set up a custom download
An overview of your options when downloading jQuery UI.
  • Compare the download options
  • Set up a custom download
An overview of your options when downloading jQuery UI.
  • Compare the download options
  • Set up a custom download
Creating Our First Page Using jQuery UI Widgets In this video we will create our first jQuery UI web page elements.
  • Create an HTML file with four simple hyperlinks
  • Convert those links to buttons
Creating Our First Page Using jQuery UI Widgets In this video we will create our first jQuery UI web page elements.
  • Create an HTML file with four simple hyperlinks
  • Convert those links to buttons
Creating Our First Page Using jQuery UI Widgets In this video we will create our first jQuery UI web page elements.
  • Create an HTML file with four simple hyperlinks
  • Convert those links to buttons
Creating Our First Page Using jQuery UI Widgets In this video we will create our first jQuery UI web page elements.
  • Create an HTML file with four simple hyperlinks
  • Convert those links to buttons
In this video we will create our first jQuery UI web page elements.
  • Create an HTML file with four simple hyperlinks
  • Convert those links to buttons
In this video we will create our first jQuery UI web page elements.
  • Create an HTML file with four simple hyperlinks
  • Convert those links to buttons
What Tools Am I Using? A quick overview of the tools that I'm working with to develop in this course.
  • OS: Mac
  • Browser: Safari
  • Editor: Sublime Text
What Tools Am I Using? A quick overview of the tools that I'm working with to develop in this course.
  • OS: Mac
  • Browser: Safari
  • Editor: Sublime Text
What Tools Am I Using? A quick overview of the tools that I'm working with to develop in this course.
  • OS: Mac
  • Browser: Safari
  • Editor: Sublime Text
What Tools Am I Using? A quick overview of the tools that I'm working with to develop in this course.
  • OS: Mac
  • Browser: Safari
  • Editor: Sublime Text
A quick overview of the tools that I'm working with to develop in this course.
  • OS: Mac
  • Browser: Safari
  • Editor: Sublime Text
A quick overview of the tools that I'm working with to develop in this course.
  • OS: Mac
  • Browser: Safari
  • Editor: Sublime Text
Working with the CSS Framework 7 lectures 22:01 All about CSS Overview of what are we going to learn in this section, as well as CSS. Adding Our Second Widget Why are there JavaScript libraries and what main problems do these libraries help to solve.
  • Create a new Input field
  • Link the Input field to the library's datepicker() method
Switching Styles in jQuery UI As a developer, you wouldn't want to reinvent the wheel for a common functionality. jQuery UI's main utility is to quickly create common solutions for developers, mainly for visual components.
  • Change your base theme through the backend
The Library Minification Functionality There are advantages for hosted and nonhosted solutions, so which one is better?
  • Create a custom minified library to suit your site's specific requirements
  • Download your custom library and set it up in your site
Optimizing Your Project After downloading the optimized files for our project, it's now time for us to integrate it into our working sample files.
  • Create your css and js folders
  • Place the minified JavaScript file in your javascript folder and your CSS file in the css folder
  • Point to these folders in your HTML code
Themes - Under the Hood It’s nice to be able to select a theme that was created in the past, but wouldn't it be nicer to know how the themes work so you can create your own themes?
  • Overview of the Theme folder's contents
  • Overview of the CSS files' contents
Creating Your Own Themes Using ThemeRoller In this last part of our CSS overview, we will learn how to create our own custom themes.
  • Create a custom theme using the online Theme Roller page
Working with the CSS Framework. 7 lectures 22:01 All about CSS Overview of what are we going to learn in this section, as well as CSS rong In this video we'll take a bird's-eye view of this...

Additional information

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

See related categories

jQuery UI Development

£ 10 VAT inc.

The best Other Education courses

See all

See all