Learn to Use jQuery UI Widgets
4.4 (426 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
20,938 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn to Use jQuery UI Widgets to your Wishlist.

Add to Wishlist

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!
4.4 (426 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
20,938 students enrolled
Created by Marie Taylor
Last updated 7/2013
English
Price: Free
Includes:
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
Learn to use jQuery UI widgets with confidence.
View Curriculum
Requirements
  • Knowledge of HTML and CSS
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!

Who is the target audience?
  • Anyone that knows HTML and CSS that wants to learn how to use jQuery UI Widgets
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 9 Lectures Collapse All 9 Lectures 01:00:28
+
Learn to Use jQuery UI Widgets
9 Lectures 01:00:28
Welcome!  Don't forget to download the starter project.  It's available as material in this lecture.

The source code editor I'm using throughout this course is Notepad++, a free source code editor for windows: http://notepad-plus-plus.org/


Introduction
00:35

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!!!
Install jQuery UI
06:15


Test Your Knowledge of Installing jQuery UI
5 questions

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


jQuery UI Accordion Widget
05:57

Test Your Knowledge of jQuery UI Accordion
5 questions

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


jQuery UI Tabs Widget
15:03

Test Your Knowledge of jQuery UI Tabs
5 questions

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


jQuery UI Menu Widget
07:12

Test Your Knowledge of jQuery UI Menu
4 questions

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


jQuery UI ToolTip Widget
05:14

Test Your Knowledge of jQuery UI Tooltip
5 questions

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


jQuery UI DatePicker Widget
03:00

Test Your Knowledge of the jQuery UI Datepicker
3 questions

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.
jQuery UI Button Widget and Other Theme Elements
16:41

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

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


Conclusion
00:31
About the Instructor
Marie Taylor
4.4 Average rating
685 Reviews
23,787 Students
3 Courses
Web Developer & Educator

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.