Introduction to JQuery

Enhance your web development skills with the 'Introduction to jQuery' course, designed for anyone looking to bring innovative animations and interactive features to web pages without a deep dive into programming, using the power of jQuery.

Course Thumbnail

Essential Skills Gained

Checkmark

Design dynamic and engaging web pages using jQuery.

Checkmark

Implement interactive features and animations with ease.

Checkmark

Understand DOM manipulation through jQuery techniques.

Checkmark

Utilize jQuery plug-ins to enhance web functionality.

Format

  • Instructor-led
  • 3 days with lectures and hands-on labs.

Audience

  • Web Developers
  • Front-end Designers
  • JavaScript Novices
  • Interactive Web Creators

Description

jQuery is a JavaScript library that has standardized and simplified the browser language for all browsers when possible. The course teaches how to use jQuery to develop the web page logic behind animation, HTML5 features, DOM manipulations, menus, better form control, and more. It does not focus on teaching traditional programming concepts or the basics of JavaScript but the student will slowly pick up those through the use of jQuery.

Calendar icon

Upcoming Course Dates

No upcoming dates. Please check back later.

Course Outline

Download PDF

Intro to jQuery

  1. What’s so good?

  2. What the downside?

  3. Downloading jQuery

  4. Uncompressed or compressed?

  5. The jQuery alias

  6. Dissecting a jQuery statement

  7. JavaScript vs jQuery objects

  8. Bits of HTML

  9. Debugging

Selecting, Decorating, and Enhancing

  1. Making sure the page is ready

  2. Simple selecting / narrowing down

  3. Testing our selection

  4. Filters

  5. Selecting multiple elements / traversing

  6. Reading CSS

  7. Setting CSS properties

  8. Classes

  9. Enhancing

  10. Event handlers

  11. Event handlers - common

  12. Event handlers - 1.7

  13. Revealing hidden elements

  14. Toggling elements

  15. Progressive enhancement

  16. Adding new elements

  17. Removing existing elements

  18. Modifying content

  19. Applying effect to each element of a collection

  20. Basic animation

  21. Slide effects

  22. Anonymous functions

  23. A few tricks

  24. Spoiler revealer

Animating, Scrolling, and Resizing

  1. Animating

  2. Color animation

  3. Easing

  4. Advanced easing

  5. Bouncy content panes

  6. The animation queue

  7. Animation functions

  8. Chaining actions

  9. Animated navigation

  10. Animated navigation, Take 2

  11. The jQuery UI library

  12. Scrolling

  13. Floating navigation

  14. Scrolling the document

  15. Custom scroll bars

  16. Advanced scrolling

  17. Resizing

  18. Resizable elements

  19. ThemeRoller

  20. Pane splitter

Images and Slideshows

  1. Lightboxes

  2. attr( )

  3. load( )

  4. Event handlers in options/maps

  5. Troubleshooting

  6. Cropping images with Jcrop

  7. Slideshows

  8. JavaScript timers

  9. Stopping timers

  10. Fading slideshow

  11. True cross-fading

  12. Plugins

  13. Scrolling slideshows

  14. Smarter scrolling with data( )

  15. Object notation

Menus, Tabs, Tooltips, and Panels

  1. Menus

  2. Event propagation

  3. Default event actions

  4. Open / closed indicators

  5. Menu expand on hover

  6. Drop-down menus

  7. Accordion menus

  8. Tabs

  9. Panels and panes

  10. Sliding overlay

  11. Tooltips

  12. Advanced tooltips

Construction, Ajax, and Interactivity

  1. Cleaner jQuery

  2. Client-side templating

  3. Browser sniffing

  4. AJAX crash course

  5. Loading remote HTML

  6. Enhancing hyperlinks

  7. Picking HTML with selectors

  8. Advanced loading

  9. Prepare for the future

  10. Fetching data

  11. Delicious

  12. Twitter

  13. Twitter plugins

  14. Flickr

  15. The jQuery Ajax workhorse

  16. Common Ajax settings

  17. Loading external scripts

  18. GET and POST requests

  19. jQuery Ajax events

  20. Interactivity: Using Ajax

Forms, Controls, and Dialogs

  1. Forms

  2. Form selectors

  3. Simple validation scripts

  4. Designing form validation

  5. The submit event

  6. Form validation with the plugin

  7. Version and script links

  8. HTML

  9. jQuery

  10. Unobtrusive JavaScript

  11. CSS

  12. View current source code

  13. Validation predefined rules

  14. Maximum length indicator

  15. Form hints

  16. Check all checkboxes

  17. Inline editing

  18. Autocomplete

  19. Star rating control

  20. Form & validation plugins

  21. Controls - date pickers

  22. Controls - quick theme

  23. Sliders

  24. Drag and drop

  25. Sortable

  26. Progress bar

  27. Dialogs and notifications

  28. jQuery UI Dialog

  29. Growl-style notifications

  30. 1-up notifications

Lists, Trees, and Tables

  1. Lists & new functions

  2. New functions

  3. Utility functions - map, makeArray

  4. text( ), val( ), html( )

  5. find( ), children( )

  6. sort( )

  7. filter( ), indexOf( )

  8. Trees

  9. Event delegation

  10. on( ), off( ) - 1.7

  11. Tables & pagination

Plugins, Themes, and Advanced Topics

  1. Creating a plugin

  2. Executing a plugin

  3. Adding options (args)

  4. Executing with options

  5. Adding callbacks to options

  6. Extending jQuery

  7. $. prefixed functions

  8. Overwriting functions

  9. Create your own selectors

  10. Events

  11. Custom events

  12. Unbinding

  13. Namespacing

  14. new events / special

  15. Avoiding conflicts

  16. Queuing/dequeuing animations

  17. JavaScript objects as jQuery objects

  18. Theme rolling

  19. Using themes

Resources

  1. Web sites

  2. Conferences

  3. Plug-ins

Your Team has Unique Training Needs.

Your team deserves training as unique as they are.

Let us tailor the course to your needs at no extra cost.