jQuery and JavaScript in 24 Hours, Sams Teach Yourself

PART I: Introduction to jQuery and JavaScript Development

HOUR 1: Intro to Dynamic Web Programming

* Understanding the Web Server/Browser Paradigm

* Preparing to Write jQuery and JavaScript



HOUR 2: Debugging jQuery and JavaScript Web Pages * Viewing the JavaScript Console

* Debugging HTML Elements

* Debugging CSS

* Debugging jQuery and JavaScript

* Analyzing the Network Traffic

HOUR 3: Understanding Dynamic Web Page Anatomy * Using HTML/HTML5 Elements to Build a Dynamic Web Page

* Understanding HTML Structure

* Implementing HTML Head Elements

* Adding HTML Body Elements

* Adding Some Advanced HTML5 Elements

HOUR 4: Adding CSS/CSS3 Styles to Allow Dynamic Design and Layout

* Adding CSS Styles to the Web Page

* Adding CSS Styles to HTML Elements

* Preparing CSS Styles for Dynamic Design

HOUR 5: Jumping into jQuery and JavaScript Syntax * Adding jQuery and JavaScript to a Web Page

* Accessing the DOM

* Understanding JavaScript Syntax

HOUR 6: Understanding and Using JavaScript Objects * Using Object Syntax

* Understanding Built-In Objects

* Creating Custom-Defined Objects


PART II: Implementing jQuery and JavaScript in Web Pages

HOUR 7: Accessing DOM Elements Using JavaScript and jQuery Objects

* Understanding DOM Objects Versus jQuery Objects

* Accessing DOM Objects from JavaScript

* Using jQuery Selectors

HOUR 8: Navigating and Manipulating jQuery Objects and DOM Elements with jQuery * Chaining jQuery Object Operations

* Filtering the jQuery Object Results

* Traversing the DOM Using jQuery Objects

* Looking at Some Additional jQuery Object Methods

HOUR 9: Applying Events for Richly Interactive Web Pages * Understanding Events

* Using the Page Load Events for Initialization

* Adding and Removing Event Handlers to DOM Elements

* Triggering Events Manually

* Creating Custom Events

* Implementing Callbacks

HOUR 10: Dynamically Accessing and Manipulating Web Pages * Accessing Browser and Page Element Values

* Dynamically Manipulating Page Elements

* Dynamically Rearranging Elements on the Web Page

HOUR 11: Accessing Data Outside the Web Page * Understanding the Screen Object

* Using the Window Object

* Using the Browser Location Object

* Using the Browser History Object

* Controlling External Links

* Adding Pop-up Boxes

* Setting Timers





PART III: Building Richly Interactive Web Pages

HOUR 12: Enhancing User Interaction Through Animation and Other Special Effects

* Understanding jQuery Animation

* Animating Show and Hide

* Animating Visibility

* Sliding Elements

* Creating Resize Animations

* Implementing Moving Elements

HOUR 13: Interacting with Web Forms

* Accessing Form Elements

* Intelligent Form Flow Control

* Dynamically Controlling Form Element Appearance and Behavior

* Validating a Form

HOUR 14: Creating Advanced Web Page Elements

* Adding an Image Gallery

* Implementing Tables with Sorting and Filters

* Creating a Tree View

* Using Overlay Dialogs

* Implementing a Graphical Equalizer Display

* Adding Sparkline Graphics





PART IV: Advanced Concepts

HOUR 15: Accessing Server-Side Data via AJAX

* Making AJAX Easy

* Implementing AJAX

* Using Advanced jQuery AJAX

HOUR 16: Interacting with External Services, Facebook, Google, Twitter, and Flickr

* Using jQuery and JavaScript to Add Facebook Social Elements to Your Web Pages

* Adding Google Maps to Your Web Pages

* Adding a Custom Google Search

* Adding Twitter Elements to Your Web Pages

* Adding Flickr Images to Your Website





PART V: jQuery UI

HOUR 17: Introducing jQuery UI

* Getting Started with jQuery UI

* Applying jQuery UI in Your Scripts

HOUR 18: Using jQuery UI Effects * Applying jQuery UI Effects

* Adding Effects to Class Transitions

* Adding Effects to Element Visibility Transitions

HOUR 19: Advanced Interactions Using jQuery UI Interaction Widgets * Introducing jQuery UI Interactions

* Using the Drag-and-Drop Widgets

* Resizing Elements Using the Resizable Widget

* Applying the Selectable Widget

* Sorting Elements with the Sortable Widget

HOUR 20: Using jQuery UI Widgets to Add Rich Interactions to Web Pages

* Reviewing Widgets

* Adding an Expandable Accordion Element

* Implementing Autocomplete in Form Elements

* Applying jQuery UI Buttons to Form Controls

* Creating a Calendar Input

* Generating Stylized Dialogs with jQuery UI

* Implementing Stylized Menus

* Creating Progress Bars

* Implementing Slider Bars

* Adding a Value Spinner Element

* Creating Tabbed Panels

* Adding Tooltips to Page Elements

* Creating Custom Widgets


PART VI: jQuery Mobile HOUR 21: Introducing Mobile Website Development

* Jumping into the Mobile World

* Getting Started with jQuery Mobile

* Understanding jQuery Mobile

HOUR 22: Implementing Mobile Web Pages * Building Mobile Pages

* Implementing Mobile Sites with Multiple Pages

* Creating a Navbar

* Implementing Dialogs

HOUR 23: Formatting Content in Mobile Pages

* Adding Basic HTML

* Creating a Grid Layout

* Implementing Listviews

* Using Collapsible Blocks and Sets

* Adding Auxiliary Content to Panels

* Working with Pop-ups

* Building Mobile-Friendly Tables

HOUR 24: Implementing Mobile Form Elements and Controls

* Understanding Mobile Forms

* Using Text Elements

* Defining Buttons

* Adding Sliders and Toggle Switches

* Defining Radios and Check Boxes

* Implementing Select Menus