Computer Training Course Outline for PC Training Experts
Home
About
Contact
Courses
Tutorials
Hot Articles
Blog
Forums
jQuery, DOM Scripting & AJAX Bootcamp
(
3.0 days
)
This course is for professional web developers who want to unleash the power of jQuery, AJAX and the DOM. In this intensive, jam-packed 3-day bootcamp session you will learn the intricacies of the Document Object Model (DOM), how to implement AJAX for a smoother user experience, and how to tie it all together with the power of the JavaScript library jQuery. Day one will introduce you to all the players, including how to powerfully select objects on your webpages, handle events, and basic styling and animating. Day two takes your skills further with in-depth discussion and hands-on implementation of manipulating the DOM, sending data using AJAX, and using Plugins. Day three brings it home with advanced AJAX, developing plugins, advanced events, advanced animation effects, advanced DOM manipulation, and more examples and projects. This intensive bootcamp will take you from novice to the intermediate/advanced level in a very short time. You will have the skills to successfully implement web pages with jQuery, and use the latest advanced techniques to add slick interactivity, widgets, show/hide and sliding effects, manipulating the page on the fly, and much, much more. Your websites will never be the same!
Performance-Based Objectives
Differentiate between Java, JavaScript, jQuery
Get an introduction to JavaScript and the Document Object Model
Discover the power of JavaScript Libraries, and why jQuery is so powerful
Use CSS selectors, pseudo-selectors to filter elements on web pages
Learn how to use the advanced animation engine in jQuery to add sizzle to your websites, including showing/hiding, resizing, and many other effects
Uncover the powerful jQueryUI tools to add professional-grade widgets to your sites, including sliders, buttons, accordions, slideshows, and much more
Unlock the hidden power of jQuery events, and use them to expertly control the content on your pages
Understand advanced event modelling issues, including event propagation, bubbling, and how to use the event object
Incorporate AJAX into your pages to make your pages faster, more interactive, and responsive for your users
Learn the do's and don'ts of implementing jQuery on web pages, and how to handle situations in which JavaScript is turned off
Harness the amazing power of plugins to make your web pages sizzle, and cut your development time in half or two-thirds!
Get an introduction to developing your own plugins so you can reuse your work over and over
Discover the incredible support system available to jQuery developers
Course Outline*
Module 1: Intro to JavaScript, jQuery, the DOM and CSS
What is JavaScript
Introduction to JavaScript Libraries
Programming Best Practices with JavaScript
JavaScript basics
A little CSS refresher
Module 9: Advanced AJAX
Using selectors to filter results
Use a callback function to provide feedback to users
Dynamic vs Static requests
Using .post(), load()
How to serialize a form
Provide feedback on AJAX progress
Error handling techniques
Security Limitations and JSONP
The low-level AJAX method
Module 2: Introduction to jQuery
The 5 major JavaScript Libraries
Why use jQuery
Advantages of jQuery
Setting up a Testing Server
How to use jQuery on a page
The $() function and $(document).ready()
Module 10: Working with Plugins & Widgets
Add buttons and style them
Use the slider widget to control a slideshow
The jQueryUI Themeroller
Create an Accordion
Create a custom slideshow
Add tabs to control the user interface
Module 3: Selecting Elements
The Document Object Model (DOM)
Introduction to jQuery Selectors
Parent-Child selectors
Descendent selectors
jQuery Custom selectors
Create a table with alternate striping
Chaining
Form and Attribute selectors
Module 11: Intro to Developing Plugins
The $ alias and how to prevent library conflicts
Adding new global functions
Write an AVERAGE and SUM plugin
How to use plugins you develop
Module 4: Handling Events
window.onload() vs $(document).ready()
Prevent conflicts with other jQuery libraries
The click event and shortcuts
Event Handler context: using $(this)
Difference between this and $(this)
Refactoring your code for efficiency
Compound event handlers: .toggle() and .hover()
Create a row hovering effect in an HTML table
Using the event object and event.target
Simulating User Interaction
Add keyboard events for sophisticated functionality
Event propagation, bubbling, and how to control your code more efficiently
Module 12: jQuery Selector Performance
How to identify bottlenecks in your jQuery coding
Which selector types are the fastest
Module 5: Styling & Animating
Inline CSS modification
Getting and setting CSS values
Caching selectors
Hide and show methods
Use .toggle()
Add effects and control the speed of animations
Use fadeIn, fadeOut, slideUp,slideDown and slideToggle()
Use .animate for custom animations
Module 13: Advanced Events
Create a photo gallery
Using .live() and delegating events
Create and use a custom event
Create an infinite scrolling webpage like FaceBook
Use Event Throttling to prevent sluggish performance
Module 6: Manipulating the DOM
The Document Object Model (DOM)
The DOM Node Tree
.attr() method
Use value callbacks
Attributes vs Properties
Create new elements with .insertBefore() and .insertAfter()
.prependTo(), .appendTo()
Copying and cloning elements
Find elements using .find()
Get or set HTML or text with .html() and .text()
Module 14: Advanced Animation Effects
Create a growing photo gallery
Stop animations
The Animation Queue
The global effects object $.fx
Deferred Objects and Promises
Module 7: Sending Data with AJAX
What is AJAX?
Asynchronously load data
Load HTML, JSON, JavaScript and XML data
How to choose a data format for AJAX
Module 15: Advanced DOM Manipulation
Basic Table Sorting
Using .slice() and .get()
Module 8: Using jQuery Plugins
How to get and implement plugins
Create a slideshow
Global Function plugins
Add cookies to a page
the jQueryUI Plugin Library
More animations using color and class
Use easing to control animation styling
Module 16: More Projects
Create a Drop-Down Menu
Create a News Ticker
How to Paginate in a Table
Highlight form fields on entry
Add default text to forms
Basic email validation
Use jQuery Validate Plugin to automate common form tasks
More!
Register
Dates Offered
Email
Print Friendly
Show All
*Note: webinar courses cover only essential topics due to time constraints. Please discuss topics with your instructor prior to webinars to ensure your necessary topics are covered.
Dates Offered
Email Me
this Outline
Print Friendly
Version
Tuition
Live, In-Person:
$1,697.00
Live, Webinar:
$1,018.20
Home
|
About
|
Contact
|
Schedule Training
|
Course Catalog
|
Blog
|
Terms of Use
|
Privacy Statement
Copyright © 2011 Mike Phillips