Introduction to jQuery.
Introduction to jQuery.
Introduction to instructor.
Let's include jQuery in our web page.
Understanding SELECTORS in jQuery.
The ELEMENT selector in jQuery.
The ID selector in jQuery.
The CLASS selector in jQuery.
Selecting ALL Elements.
Selecting the CURRENT element in jQuery.
Selecting the paragraph element in jQuery.
Selecting the FIRST PARAGRAPH element in jQuery.
Selecting first LIST ITEM from group of unordered list.
Selecting list items differently.
Selecting href attribute.
Selecting the BUTTON elements.
Selecting elements from tables in even and odd fashion.
Applying EVENTS in jQuery.
Introduction to events .
The CLICK event in jQuery.
CLICK event can be used in different ways.
The DOUBLE CLICK event in jQuery.
The BIND event in jQuery.
The BLUR event in jQuery.
The FOCUS event in jQuery.
Let's use the FOCUS event differently.
FOCUS event used with disable method.
The SELECT event in jQuery.
The CHANGE event in jQuery.
Using CHANGE event with multiple data.
The SUBMIT event in jQuery.
The KEYDOWN event in jQuery
The KEYPRESS event in jQuery.
The MOUSEENTER event in jQuery.
MOUSEENTER event can be used as a highlighter.
The MOUSELEAVE event in jQuery.
The HOVER event in jQuery.
Applying HOVER event with different effects.
The MOUSEDOWN event in jQuery.
The MOUSEDOWN event can be used differently.
The MOUSEUP event in jQuery.
The MOUSEOVER event in jQuery.
Adding css to Mouseover event.
The MOUSEOUT event in jQuery.
The LOAD event in jQuery.
The UNLOAD event in jQuery.
The DELEGATE event in jQuery.
The ON event in jQuery.
Applying EFFECTS in jQuery.
Introduction to effects in jQuery.
The HIDE effect in jQuery.
Introduction to jQuery User Interface (UI).
Conceptual understanding of User Interface
Introduction to jQuery UI.
Understanding the features of jQuery UI.
Using the concept of DRAGGABLE in jQuery UI.
Discussion on draggable options with default functionality.
Understanding options - Part 1.
The advance helper option in draggable.
Understanding the position of cursor in draggable.
Discussion on actions used in draggable.
Using DROPPABLE in jQuery UI.
Discussion on droppable options with default functionality.
Understanding options for droppable - Part 1
Understanding options for droppable - Part 2.
Understanding the concept of classes in droppable.
Discussion on droppable actions with the disable functionality.
Understanding events in droppable method.
RESIZABLE functionality in jQuery UI.
Introduction to the resizable with default functionality.
Using advance options of resizable - Part 1.
Understanding options for resizable - Part 2
Understanding options for resizable - Part 3
Discussion on actions used in resizable with functionality.
SELECTABLES in jQuery UI.
Introduction to selectables with default functionality.
Using options of selectables Part-1
Understanding different actions in selectables.
Working with the index in selectables.
SORTABLES in jQuery Ui.
Introduction to sortables with default functionality.
Using options in sortables Part-1.
Understanding options in sortables Part-2.
Using advance options in sortable Part-3.
Introduction to the actions used in sortables.
Use of events in sortable method.
Applying ACCORDION in jQuery UI.
Introduction to accordion with default functionality.
Understanding different actions used in accordion.
Applying AUTOCOMPLETE in jQuery UI.
Introduction to autocomplete with default functionality.
Understanding options in autocomplete Part-1.
Using options in autocomplete Part-2.
Understanding options Part-3.
Using BUTTONS in jQuery UI.
Introduction to the buttons with default functionality.
Using options in buttons Part-1.
Introduction to actions used in buttons.
Using DATEPICKER in jQuery UI.
Introduction to datepicker with default functionality.
Creating an inline datepicker.
Using options in datepicker Part-1.
Using options in datepicker Part-2.
Introduction to actions with functionality.
Using DIALOGS in jQuery.
Introduction to dialogs with default functionality.
Using options in dialog Part-1.
Using options in dialog Part-2.
Introduction to actions in dialogs with functionality.
MENU in jQuery UI.
Introduction to menu with default functionality.
Using options in menu Part-1.
Using actions in menu.
PROGRESSBAR in jQuery UI.
Discussion on progressbar with default functionality.
SLIDERS in jQuery UI.
Understanding the sliders with the default functionality.
Using options in slider Part-1.
Using options in slider Part-2.
Using actions in slider.
SPINNER in jQuery UI.
Introduction to spinners with default functionality.
Using options in spinner Part-1.
Understanding the actions in spinner.
Using actions in spinner.
TABS in jQuery UI.
Introduction to tabs with default functionality.
Using options in tabs Part-1.
Use of event option in tab method.
Understanding actions in tab.
TOOLTIP in jQuery UI.
Introduction to the tooltip with default functionality.
Using options in tooltip Part-1.
Using options in tooltip Part-2.
Introduction to jQuery for mobile.
Introduction to jQuery for mobile.
Let's create pages for your mobile apps.
Your first page ...!!!
Understanding the concept of multiple pages in jQuery Mobile.
Pages can also be used as dialogs in jQuery Mobile
Playing with transitions in jQuery Mobile.
Introduction to transitions.
How to use transitions on dialogs.
Let's add BUTTONS to your mobile app.
Introduction and basic understanding of buttons.
Using advance buttons in your app.
Grouping of button is also possible.
Let's create a back button in jQuery Mobile.
INLINE BUTTONS - The best way to use buttons.
Bonus information on buttons.
Using icons on buttons.
Adding icons to button.
Yes , we can POSITION the icons in the way we want.
Let's remove the text and display only the icon.
A DEEP modification in icons.
Playing with the colours.
Creating POPUPS in your app.
Introduction to the simple popup.
Different ways to close a popup.
We can also position popups wherever we want.
Transitions can be made a part of popups.
Adding directional arrows to popups.
Dialogs can also be added to popups.
Playing with photos in terms of popup.
Using some CSS to make popups amazing.
Better understanding of TOOLBARS in jQuery Mobile.
Understanding the header.
Understanding the footer.
Let's position headers and footers.
Let's create a NAVIGATION BAR for your mobile app.
Let's create a basic navigation bar.
Adding ICONS to navigation bar.
Positioning icons in navigation bar.
Advance options in navigation bar.
Adding navigation bars to CONTENT.
Adding navigation bar in the FOOTER.
BONUS lecture on navigation bars.
Creating PANELS for your mobile app.
Understanding the basics.
Different ways of closing a panel.
Different ways to display the panel.
Positioning of panels.
Using COLLAPSIBLE in your mobile app.
Let's create a simple collapsible .
Let's use the concept of nested collapsibles.
Grouping of multiple collapsibles.
Using collapsible as popup.
Bonus lecture on collapsibles.
Playing with icons.
Changing the position of icons.
Adding TABLES to your mobile app.
Creating the first responsive table.
The another way of creating a table.
Presenting tables in different form.
Understanding the GRID concept.
Using grid layouts in your app.
Modifying grid using CSS.
The concept of adding multilpe rows.
Making a grid responsive.
List views in Mobile app.
Starting with the basics of list view.
Understanding the concept of list dividers.
Panels can also be used inside a list.
Working on the content of lists.
Let's work on the icons.
Adding some standard icons to your list.
Thumbnails can also be added to the lists.
Split buttons-Making list more amazing.
Adding count bubbles to the list.
A list can also be created in a popup form.
Let's make a collapsible list.
Let's create a combination of popup and collapsible list.
Creating a calendar -A BONUS project.
Using FILTERS in list items.
Creating a basic filter.
Understanding the concept of custom filter.
Collapsible lists can also be filtered.
Let's filter the tables .
BONUS filter example.
FORMS-The most important part of mobile app.
Understanding the basics of form.
Concept of buttons in form.
Use of field container in forms.
Inputs used in forms.
Concept of text input used in forms.
Understanding the concept of text area in forms.