JQUERY INTRODUCTION
Course type
Certification FoundationCourse number
002Duration
3 DaysOverview
jQuery simplifies the process of creating powerful Web 2.0 applications with dynamic content and visual effects. In this training course, you gain the knowledge and skills to apply jQuery as a tool for rapidly developing feature-rich websites — including how to build standards-compliant responsive web pages with Ajax, design easy-to-use forms, extend jQuery with plugins, and improve user experience.
What you'll learn
- Rapidly develop dynamic Web 2.0 applications with jQuery, HTML, CSS, and Ajax
- Create browser-independent, rich client interfaces
- Enhance HTML forms to use jQuery validation and call web services
- Develop and integrate plugins and incorporate UI components
- Build touch-optimized, cross-device web pages with jQuery Mobile
Who should attend
Pre-requis
Experience at the level of:
- Course 103, Developing a Website, or equivalent experience with HTML and CSS
RECOMMENDED EXPERIENCE:
- JavaScript
- Basic programming concepts
SOFTWARE:
- This course provides Intel Core-2 Duo PCs running Windows 7
- The latest versions of Internet Explorer, Firefox (with Firebug), Chrome, and Safari are loaded onto each PC
- Exercises can be completed using either Eclipse, Notepad++, or Visual Web Developer 2010 Express
Outline
- Traversing HTML with the jQuery() function
- Introducing the Sizzle CSS selector engine
- Matching nodes by element name, ID, class, position, content, behavior and context
- Chaining calls to the jQuery() function
- Manipulating the Document Object Model (DOM) for Cross-Browser DHTML
- Updating, adding and deleting element content
- Inserting nodes into the DOM and manipulating parents and siblings
- Adding and removing CSS rules and classes
- Controlling element size and position
- Leveraging the .ready() method
- Assigning event handlers programmatically
Enhancing pages with animations
- Controlling visibility with .hide(), .show() and .toggle()
- Combining animations and responding to callbacks
- Leveraging object literals to control animations
- Developing custom animations with .animate()
Updating page components asynchronously
- Downloading HTML with the .load() method
- Calling web services with .get() and .post()
- Replacing callbacks with chained deferred objects
- Combining Ajax calls with .when() and .then()
Converting serialized server data to HTML
- Retrieving JSON with .getJSON()
- Returning and parsing XML with .ajax()
Exploring jQuery tools for forms manipulation
- Selecting and setting focus on the first element
- Responding to focus and blur events
- Providing real-time feedback via keyboard events
- Integrating a validation plugin
Extending jQuery with Plugins
Integrating popular plugins
- Leveraging contributions from the jQuery community
- Extracting embedded data from semantic HTML
- Manipulating images with slideshows and carousels
Developing jQuery plugins
- Conforming to best practices and naming conventions
- Handling multiple elements
- Enabling method chaining
- Aliasing $ to avoid namespace conflicts
- Consuming object literals to override defaults
Integrating widgets for highly interactive web applications
- Optimizing screen real estate with accordions and tabs
- Adding resizable, floating windows with dialog
- Providing input assistance with autocomplete
Implementing effects
- Creating color animations with .animate()
- Leveraging complex animation easings and effects
Adding Web 2.0 functionality
- Resizing HTML elements
- Building drag-and-drop user interfaces
Working with mobile pages and controls
- Structuring pages with HTML5 data-* attributes
- Saving space with listviews and collapsible blocks
- Initializing pages and handling touch events
Location | Dates | Status | |
---|---|---|---|
Montreal |
Mar 08, 2023 - Mar 09, 2023
00:00 AM - 00:00 AM |
Available | Register Now >> |
Cotonou |
Jan 08, 2018 - Jan 15, 2018
08:00 AM - 05:00 PM |
Available | Register Now >> |
IN CLASSROOM OR ONLINE |
PRIVATE TEAM TRAINING |
|
---|---|---|
STANDARD |
$3895 |
Contact Us » |
GOVERNMENT |
$3895 |