About the Javascript and Ajax Course

Students will learn JavaScript programming and syntax, how to use the jQuery library to deliver more intuitive and interactive Web experiences, incorporating AJAX into your development, advanced forms and much more.
The course consists of many small hands-on projects which you can begin applying to your own projects straight after the class.


Target Audience

Students must already be familiar with HTML and CSS.
No prior experience of JavaScript or jQuery is required.


The Three Layers of the Web

  • HTML for Content
  • CSS for Presentation
  • JavaScript for Behavior
  • The Right Way
  • JavaScript Libraries

Programming with JavaScript

  • JavaScript Syntax
  • Running a JavaScript Program
  • Statements: Bite-sized Chunks for your Browser
  • Comments: Bite-sized Chunks Just for You
  • Variables: Storing Data for your Program
  • Conditions and Loops: Controlling Program Flow
  • Functions: Writing Code for Later Objects

Getting Started with jQuery

  • What jQuery Does
  • Why jQuery Works Well
  • Our First jQuery Document

Selectors—How to Get Anything You Want

  • The Document Object Model
  • The $() Factory Function
  • CSS Selectors
  • XPath Selectors
  • Custom Selectors
  • DOM Traversal Methods
  • Accessing DOM Elements

Events—How to Pull the Trigger

  • Performing Tasks on Page Load
  • Simple Events
  • Compound Events
  • Limiting and Ending Events
  • Simulating User Interaction

Effects—How to Add Flair to Your Actions

  • Inline CSS Modification
  • Basic Hide and Show
  • Effects and Speed
  • Multiple Effects
  • Simultaneous versus Queued Effects
  • In a Nutshell

Images and Slideshows

  • Lightboxes
  • Cropping Images with Jcrop
  • Slideshows
  • Image-ine That!

Menus, Tabs, Tooltips, and Panels

  • Menus
  • Accordion Menus
  • Tabs Panels and Panes
  • Tooltips
  • Order off the Menu

DOM Manipulation—How to Change Your Page on Command

  • Manipulating Attributes
  • Inserting New Elements
  • Moving Elements
  • Wrapping Elements
  • Copying Elements
  • DOM Manipulation Methods in a Nutshell


  • How to Use a Plug-in
  • Popular Plug-Ins
  • Finding Plug-in Documentation
  • Developing a Plug-in


How to Make Your Site Buzzword-Compliant

  • Loading Data on Demand
  • Choosing a Data Format
  • Passing Data to the Server
  • Keeping an Eye on the Request
  • AJAX and Events
  • Security Limitations

Table Manipulation

  • Sorting
  • View Sample
  • Pagination
  • The Finished Code
  • Advanced Row Striping
  • Row Highlighting
  • Tooltips
  • Collapsing and Expanding
  • Filtering
  • The Finished Code

Forms with Function

  • Progressively Enhanced Form Styling
  • Form Validation
  • Checkbox Manipulation
  • The Finished Code
  • Placeholder Text for Fields
  • AJAX Auto-Completion
  • The Finished Code
  • Input Masking
  • Numeric Calculations
  • Deleting Items
  • Editing Shipping Information
  • The Finished Code

Shufflers and Rotators

  • Headline Rotator
  • An Image Carousel
  • Image Enlargement
  • The Finished Code

JavaScript Schedule

Duration 18 hrs.
Next Batch Starting