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!

Video Error

We tried several times to play your video but there was an unforeseen error. We have notified our engineers.

Visit https://helpx.adobe.com/flash-player.html to check that Flash is enabled on your browser.

With Flash enabled, please try again in a few minutes or contact support.

  • Lectures 9
  • Video 1 Hour
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

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!

What are the requirements?

  • Knowledge of HTML and CSS

What am I going to get from this course?

  • Over 9 lectures and 1 hour of content!
  • Learn to use jQuery UI widgets with confidence.

What is the target audience?

  • Anyone that knows HTML and CSS that wants to learn how to use jQuery UI Widgets

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Learn to Use jQuery UI Widgets
00:35
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/


06:15
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!!!
5 questions

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


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


Test Your Knowledge of jQuery UI Tabs
5 questions
07:12
In this lecture, we will learn to integrate the jQuery UI Menu Widget (http://jqueryui.com/menu/) into our existing HTML.


Test Your Knowledge of jQuery UI Menu
4 questions
05:14
In this lecture, we will learn to integrate the jQuery UI Tooltip Widget (http://jqueryui.com/tooltip/) into our existing HTML.


Test Your Knowledge of jQuery UI Tooltip
5 questions
03:00
In this lecture, we will learn to integrate the jQuery UI Datepicker Widget (http://jqueryui.com/datepicker/) into our existing HTML.


Test Your Knowledge of the jQuery UI Datepicker
3 questions
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.
5 questions
00:31
Thanks for taking my course!!  Don't forget to download the final project.  It's available as material for this lecture.


Instructor Biography

Marie Taylor, 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.

Join the biggest student community

14,000,000

Hours of video content

42,000,000

Course Enrollments

10,000,000

Students

Reviews

Average Rating
4.6
Details
  1. 5 Stars
    61
  2. 4 Stars
    24
  3. 3 Stars
    3
  4. 2 Stars
    2
  5. 1 Star
    1
    • Andres Rivera

    JQuery Info

    Good course

    • Mitchell Naleid

    Easy To Understand

    Everything you need to get started on jQuery UI. Video quality is clear as well.

    • Basil R. Robinson Sr.

    Good Course

    The course was good and pretty quick

    • Allison Letson

    Loved this.. only class I should have taken on jQuery

    She is easy to understand. Her demonstration skills are great. Examples are real-life. Loved this. Time well spent for me.

    • Jerry Wong

    Thanks

    I have some ideas on JQuery - UI but it is nice to have a completed step by step guide on the main components and Marie has done a good job!

Show more reviews
Ready to start learning?
Enroll For Free Now