Learn to Use jQuery UI Widgets

TAUGHT BY

Marie Taylor has over seven years professional experience in Web Application Development and training students in web technologies through webinars, books and online courses. She specializes in DHTML, JavaScript, jQuery, XSLT (XML, XSL, & XPath), JSON, ASP .NET & c#. Marie is a Microsoft Certified Professional (MCP). Marie actively stays educated in the latest web standards (like HTML5) and continues to work as a Freelance Web Application Developer and Educator.

WHAT'S INSIDE

Lifetime access to 9 lectures and 7 quizzes

A community of 3500+ students learning together!

SHARE

Learn to Use jQuery UI Widgets

A jQuery UI Tutorial that will show you how to use tabs, accordion, datepicker and more without having to learn jQuery!

HOW UDEMY WORKS?

COURSE DESCRIPTION

Are you a designer or "skinner" that wants to integrate things like tabs, accordion, or a datepicker into your UI but *don't* want to learn jQuery or javascript? Then this is the course for you!!

This course will guide you through:

How to install jQuery UI

Exactly what snippets you need to copy and paste for each widget to work

The pattern to follow in your HTML for each widget

How you can move existing HTML content into the format for the widget

Plus you will get:

An awesome static HTML & CSS website with a really cool look and feel that is for you to keep and use. This will give you a chance to try out each demonstration in the same website you are watching me work in.

Quizzes to test your knowledge on each widget

Additionally, the finished product that we create in this course is available to download.

Don’t know JavaScript? That’s okay. You can use jQuery UI Widgets with little or no experience with JavaScript. Don’t know jQuery? That’s okay too. As long as you know HTML and CSS, jQuery UI provides simple snippets that can be easily integrated into your code.

In this course you will learn everything you need to know to integrate the jQuery UI Widgets into your HTML to provide a rich user experience on your website. Join me, Marie Taylor, and learn how to use jQuery UI Widgets today!

In this lecture, we will go to http://jqueryui.com/ to download the installation files. I will show you the important files that you need to move over, and where they should go in your website. If you get stuck or have a problem, do not hesitate to contact me or ask questions.

**If you already have jQuery UI installed or you don't think you need help installing it - skip this part!!!

3

Test Your Knowledge of Installing jQuery UI

5 questions

4

jQuery UI Accordion Widget

05:57

In this lecture, we will learn to integrate the jQuery UI Accordion Widget (http://jqueryui.com/accordion/) into our existing HTML.

5

Test Your Knowledge of jQuery UI Accordion

5 questions

6

jQuery UI Tabs Widget

15:03

In this lecture, we will learn to integrate the jQuery UI Tabs Widget (http://jqueryui.com/tabs/) into our existing HTML.

7

Test Your Knowledge of jQuery UI Tabs

5 questions

8

jQuery UI Menu Widget

07:12

In this lecture, we will learn to integrate the jQuery UI Menu Widget (http://jqueryui.com/menu/) into our existing HTML.

9

Test Your Knowledge of jQuery UI Menu

4 questions

10

jQuery UI ToolTip Widget

05:14

In this lecture, we will learn to integrate the jQuery UI Tooltip Widget (http://jqueryui.com/tooltip/) into our existing HTML.

11

Test Your Knowledge of jQuery UI Tooltip

5 questions

12

jQuery UI DatePicker Widget

03:00

In this lecture, we will learn to integrate the jQuery UI Datepicker Widget (http://jqueryui.com/datepicker/) into our existing HTML.

13

Test Your Knowledge of the jQuery UI Datepicker

3 questions

14

jQuery UI Button Widget and Other Theme Elements

16:41

In this lecture, we will learn to integrate the jQuery UI Button Widget (http://jqueryui.com/button/)

plus some other theme elements

into our existing HTML.

15

Test Your Knowledge of the jQuery UI Button & Other Theme Elements

5 questions

16

Conclusion

00:31

Thanks for taking my course!! Don't forget to download the final project. It's available as material for this lecture.

UDEMY BY THE NUMBERS

5,200,000

Hours of video content

19,000,000

Course Enrollments

5,800,000

Students

RATING

Learn to Use jQuery UI Widgets

12

3

0

0

0

AVERAGE RATING

NUMBER OF RATINGS

15

REVIEWS

Jkristia

3 days ago

Good course

This course is a good, short, introduction to the most basic use of jQuery UI widgets

Anish Chaudhary

14 days ago

Very helpful !! Thank you.

Hi Marie,
Thanks for this course it's very helpful for beginners.

Luz Garay

a month ago

Simple and easy to understand

The widgets covered are pretty basic, but the instructions are easy to understand and I look forward to implementing these in some pending practice projects.

Michael Marcotte

2 months ago

Great course!

I have a lot of HTML/CSS experience and some JavaScript but had never worked with the jQuery UI before. I feel like I picked up quite a bit of useful knowledge here. Marie is a very competent instructor and did a great job with this course. I would definitely take other courses from her. Considering that this course was free, I would give it 10 stars if I could.
Thanks, Marie for putting together such a well-structured course.