jQuery
Course Overview
Learn web-based development that simplifies HTML document traversing, event handling, animating and AJAX interactions for faster web development. Learn the internal structure of the jQuery library and observe how you can create animations, utilities and effects according to current web standards.
Key Features:
Cloud labs
24/7 Support
Access to recordings and materials
Lesson-end quizzes
Course-end Assessments
Hands-on assignment
At the end of the training, participants will be able to:
- Explain the concepts of JQuery
- Discuss the concept of selector
- Explain DOM manipulation
- Explain event and AJAX
- Discuss JQuery UI
Pre-requisite
Basic understanding of HTML, CSS, JavaScript, Document Object Model (DOM) and any text editor
Duration
2 days
Course Outline
- jQuery
- Features
- Usecases
- Demo: HelloWorld
- jQuery and Element Selector
- Basics of selectors
- Attributes, Filters, Form, Children, Tree, and Visibility
- Demo: Attributes, Filters, Form, Children, Tree, and Visibility
- DOM Manipulation
- Element Attributes
- Decorate Elements
- Manipulation of CSS styles
- Demo: Text
- Demo: HTML
- Demo: Attributes
- Demo: CSS
- Demo: Element
- Demo: Hide and show
- Demo: Fade and slide
- Demo: Custom Animation
- Attaching Event handling
- Delegating Event handling
- Various Events
- AJAX
- GET and POST operations
- Demo: Events
- Demo: AJAX
- jQuery UI
- Accordion
- Dialog
- Menu
- Radio and checkboxes
- Sortable
- Demo: Accordion, Dialog, Menu, Radio and checkboxes, and sortable
- jQuery Plugin registry
- Use jQuery Plugin
- Demo: jQuery Plugins
- Adding functions to jQuery object
- Create custom plugins
- Demo: Custom plugins