Presentation is loading. Please wait.

Presentation is loading. Please wait.

Murach's JavaScript and jQuery (3rd Ed.)

Similar presentations


Presentation on theme: "Murach's JavaScript and jQuery (3rd Ed.)"— Presentation transcript:

1 Murach's JavaScript and jQuery (3rd Ed.)
Chapter 11 © 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

2 The jQuery UI website (http://jqueryui.com)
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

3 The four types of features provided by jQuery UI
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

4 The primary folders and files in a full jQuery UI download
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

5 How to build a jQuery UI download
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

6 How to include the downloaded files in your application
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

7 The accordion documentation
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

8 How to use the jQuery UI documentation
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

9 Murach's JavaScript and jQuery (3rd Ed.)
The images folder and jquery-ui.min.css relationship that jQuery UI expects © 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

10 The jQuery for using a widget
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

11 Murach's JavaScript and jQuery (3rd Ed.)
An Accordion widget © 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

12 The HTML for the accordion
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

13 The jQuery for the accordion
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

14 Murach's JavaScript and jQuery (3rd Ed.)
A Tabs widget © 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

15 Murach's JavaScript and jQuery (3rd Ed.)
The HTML for the tabs © 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

16 Murach's JavaScript and jQuery (3rd Ed.)
The jQuery for the tabs © 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

17 A Button widget that activates a Dialog widget
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

18 The HTML for the Button and Dialog widgets
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

19 The jQuery for the Button and Dialog widgets
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

20 A Datepicker widget with no options set
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

21 The HTML for the Datepicker widget
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

22 The jQuery for the Datepicker widget
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

23 Extra 11-2 Replace tabs with an accordion
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

24 Extra 11-3 Use widgets in a form
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

25 Short 11-1 Convert the FAQs app to an accordion
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)

26 Short 11-2 Create a Progressbar widget
© 2017, Mike Murach & Associates, Inc. Murach's JavaScript and jQuery (3rd Ed.)


Download ppt "Murach's JavaScript and jQuery (3rd Ed.)"

Similar presentations


Ads by Google