Course Details

JQuery Classes

Course description

This course is designed to accommodate website designers who have some experience building web pages. Lessons familiarize students with the ins and outs of basic JavaScript and then move on to advanced tools for adding really useful interactivity to a Web site as quickly and easily as possible with the help of pre-written jQuery libraries.

Course outline

Chapter 1. Writing Your First JavaScript Program Section 1.1. Introducing Programming Section 1.2. How to Add JavaScript to a Page Section 1.3. Your First JavaScript Program Section 1.4. Writing Text on a Web Page Section 1.5. Attaching an External JavaScript File Section 1.6. Tracking Down Errors Chapter 2. The Grammar of JavaScript Section 2.1. Statements Section 2.2. Commands Section 2.3. Types of Data Section 2.4. Variables Section 2.5. Working with Data Types and Variables Section 2.6. Tutorial: Using Variables to Create Messages Section 2.7. Tutorial: Asking for Information Section 2.8. Arrays Section 2.9. Tutorial: Writing to a Web Page Using Arrays Section 2.10. Comments Chapter 3. Adding Logic and Control to Your Programs Section 3.1. Making Programs React Intelligently Section 3.2. Tutorial: Using Conditional Statements Section 3.3. Handling Repetitive Tasks with Loops Section 3.4. Functions: Turn Useful Code Into Reusable Commands Section 3.5. Tutorial: A Simple Quiz Chapter 4. Working with Words, Numbers, and Dates Section 4.1. A Quick Object Lesson Section 4.2. Strings Section 4.3. Finding Patterns in Strings Section 4.4. Numbers Section 4.5. Dates and Times Section 4.6. Tutorial Chapter 5. Dynamically Modifying Web Pages Section 5.1. Modifying Web Pages: An Overview Section 5.2. Understanding the Document Object Model Section 5.3. Introducing JavaScript Libraries Section 5.4. Selecting Page Elements (Revisited) Section 5.5. Adding Content to a Page Section 5.6. Setting and Reading Tag Attributes Section 5.7. Reading, Setting, and Removing HTML Attributes Section 5.8. Creative Headlines Section 5.9. Acting on Each Element in a Selection Section 5.10. Automatic Pull Quotes Chapter 6. Action/Reaction: Making Pages Come Alive with Events Section 6.1. What Are Events? Section 6.2. Using Events with Functions Section 6.3. Tutorial: Highlighting Table Rows Section 6.4. More jQuery Event Concepts Section 6.5. Advanced Event Management Section 6.6. Tutorial: A One-Page FAQ Chapter 7. Improving Your Images Section 7.1. Swapping Images Section 7.2. Tutorial: Adding Rollover Images Section 7.3. jQuery Effects Section 7.4. Tutorial: Photo Gallery with Effects Section 7.5. Advanced Gallery with jQuery lightBox Section 7.6. Tutorial: lightBox Photo Gallery Section 7.7. Animated Slideshows with Cycle Section 7.8. Tutorial: An Automated Slideshow Part II: Building Web Page Features Chapter 8. Improving Navigation Section 8.1. Some Link Basics Section 8.2. Opening External Links in a New Window Section 8.3. Creating New Windows Section 8.4. Opening Pages in a Window on the Page Section 8.5. Tutorial: Making Bigger Links Section 8.6. Animated Navigation Menus Chapter 9. Enhancing Web Forms Section 9.1. Understanding Forms Section 9.2. Adding Smarts to Your Forms Section 9.3. Tutorial: Basic Form Enhancements Section 9.4. Form Validation Section 9.5. Validation Tutorial Chapter 10. Expanding Your Interface Section 10.1. Hiding Information with Accordion Panels Section 10.2. Organizing Information in Tabbed Panels Section 10.3. Tooltips Section 10.4. Creating Sortable Tables Part III: Ajax: Communicating with the Web Server Chapter 11. Introducing Ajax Section 11.1. What Is Ajax? Section 11.2. Ajax: The Basics Section 11.3. Ajax the jQuery Way Section 11.4. JSON Chapter 12. Basic Ajax Programming Section 12.1. Tabs Plug-in Section 12.2. Adding Google Maps to Your Site