Introduction to jQuery UI Training Course

forgot my password

Search:

Menu

Home

How it works?

Buy this course

	Discuss! Add a comment
	Add this course to my favorites
	Add a personal note
	RSS Feeds

Course's author:

Ayad Boudiab

Experience: A total of 10 years experience in developing applications using C++, Java, C#, ASP.NET, and SQL Server. In addition to 6 years experience in teaching programming courses at a local college. Degree: B.S. Computer Science Location: Atla...

Go to author's Space

Course stats:

Favorited:

1 times

Tech Content:

Learning:

Helpful?

Feedbacks:

Features

	F�runs (D�vidas)
	Textual content
	Video tutorial
	Exercise
	Source code
	Downloads
	Recommended post

Busca no F�rum

Content

Notes

Discuss

Online course
Introduction to jQuery UI

In this jQuery UI Training Course will discuss the details of working with jQuery UI, how to download the files and get you started. Then, we will talk about every widget and its functionality, by showing you an example on how a page will look like before using jQuery UI, then how it looks after applying the jQuery. I discuss the files that need to be referenced in your page for the widgets to work properly.

Widget

V�deo
1) Tab
Description: This course will discuss the details of working with jQuery UI, how to download the files and get you started. |
[Mark this item as viewed]

V�deo
2) tabs - Part 2
Description: I will go over every one of them and show you the syntax needed. |
[Mark this item as viewed]

V�deo
3) Accordion
Description: As we have done with the tabs, we create a page that contains the basic html used by an accordion. |
[Mark this item as viewed]

V�deo
4) Date Picker
Description: We will be talking about the date picker control. |
[Mark this item as viewed]

V�deo
5) Date Picker - Part 2
Description: We will wrap up the datepicker discussion by taking about some more options, such as animation and controlling how many months and years to step. |
[Mark this item as viewed]

V�deo
6) Dialog
Description: We already talked about some jQuery UI widgets. Today, we will discuss the dialog. |
[Mark this item as viewed]

V�deo
7) Dialog - part 2
Description: We already talked about the options we can have with a dialog. Here we will talk about more options and events. |
[Mark this item as viewed]

V�deo
8) Slider
Description: In this video, we will discussing the slider, showing the HTML content before applying the slider on them. |
[Mark this item as viewed]

V�deo
9) Progressbar and Autocomplete
Description: We will talk about the progress bar and the auto-complete widgets. We start with the progress bar, by looking at the progressbar() function and experimenting with the options it provides. |
[Mark this item as viewed]

Effects

V�deo
10) Effects
Description: In this video we continue our jQuery UI discussion by talking about effects. |
[Mark this item as viewed]

Functions

V�deo
11) Resizable and Draggable
Description: We will discuss resizable and draggable. Starting with resizable, the idea is very simple. |
[Mark this item as viewed]

V�deo
12) Selectable and Sortable
Description: In this video, we discuss the selectable and sortable functionalities within jQuery UI. |
[Mark this item as viewed]

jqGrid

V�deo
13) Introduction
Description: In this video I will start the introduction to jqGrid. We use this grid to display tabular data on the page. |
[Mark this item as viewed]

V�deo
14) jqGrid Properties
Description: In this video, I will show you the steps the display a grid of data in a local array. We start with adding the css and JavaScript files that we need. |
[Mark this item as viewed]

V�deo
15) Multiselect, altRows, cellEdit and cellsubmit
Description: In this video we continue the set of properties that we can change on a grid that we started in the previous video. |
[Mark this item as viewed]

V�deo
16) Grouping and Other Features
Description: In this video, we will continue our jqGrid discussion by talking about the additional features available to the developer, and specifically how we can work with grouping. |
[Mark this item as viewed]

V�deo
17) Searching a jqGrid
Description: In this video, we will continue our jqGrid discussion by adding the searching capabilities. |
[Mark this item as viewed]

V�deo
18) Using the Load Function
Description: jqGrid needs a data source to populate itself. So far we have been using a local array that contained some records. But most of the time you will need an external source like a database or a web service. |
[Mark this item as viewed]

V�deo
19) Using the Load Function with parameters
Description: This video extends the knowledge build in the previous one when we talked about the use of the load function to load html into the page. |
[Mark this item as viewed]

V�deo
20) Using the Get Function
Description: This video discusses the get function. We will use it to retrieve an html page from the server. The parameters we will be passing are the name of the page and the callback function. |
[Mark this item as viewed]

V�deo
21) Using the Post Function
Description: This video discusses the post function. We will use it to post data to the server. The parameters we will be passing are the name of the page, the ID, and the callback function. |
[Mark this item as viewed]

V�deo
22) Creating the Web Service
Description: In this video, we move to populating a jqGrid from a web service. Since we started with the grid we have been using a local array with data to populate the grid and experiment with the available functionality. |
[Mark this item as viewed]

V�deo
23) Populating the Grid From the Web Service
Description: This is the second part of the video where we are trying to load the data in a grid from a web service. In the previous video we saw how to create the service that returned employee records. |
[Mark this item as viewed]

V�deo
24) Creating the Web Service II
Description: In this video, we move to populating a jqGrid from a web service. Since we started with the grid we have been using a local array with data to populate the grid and experiment with the available functionality. |
[Mark this item as viewed]

V�deo
25) Listing Data From Database
Description: In the previous video, we discussed how to retrieve the data from the web service. So the data was static in the web service in a list. This video (and the next) will discuss how to retrieve the data from the database. |
[Mark this item as viewed]

V�deo
26) Listing Data From Database II
Description: In this video, we will continue our discussion of how to read data from the database. |
[Mark this item as viewed]

V�deo
27) Adding New Record to Database
Description: In the video, we are proceeding with the ability to add, edit and delete records from the database. We are setting the stage for adding a new record. We are not modifying the html page yet. |
[Mark this item as viewed]

V�deo
28) Adding New Record to Database II
Description: In the video, we are proceeding with the ability to add, edit and delete records from the database. |
[Mark this item as viewed]

V�deo
29) Adding New Record to Database III
Description: In the video, we wrap up the adding functionality. After we created the stored procedure and the web service method, we started the page modification to be able to make the appropriate call to the service and add a new employee. |
[Mark this item as viewed]

V�deo
30) Deleting and Updating Records
Description: In this video, we will wrap up our jqGrid course. We will see how the delete and update functionality will work. |
[Mark this item as viewed]