Learn jQuery and JavaScript in 24 one-hour lessons

Sams Teach Yourself jQuery and JavaScript in 24 Hours helps you build dynamic single-page web apps that deliver the rich experiences your users want.

This book’s straightforward, step-by-step approach shows you how to create effects, animations, lists, complex forms, and more. In just a few hours, you’ll be building great user interfaces for any device, even the newest smartphones and tablets. Every lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success.

• Step-by-step instructions carefully walk you through the most common jQuery and JavaScript development tasks.
• Practical, hands-on examples show you how to apply what you learn.
• Quizzes and exercises help you test your knowledge and stretch your skills
• Notes and tips point out shortcuts and solutions

Learn how to…

• Quickly start building web pages with jQuery and JavaScript
• Master jQuery syntax, logic, functions, and objects
• Efficiently access, manipulate, and navigate DOM elements
• Build highly interactive web pages with events and event handlers
• Implement cookies, pop-up windows, and timers
• Create animations, special effects, and image galleries
• Construct, interact with, and validate forms
• Use advanced elements, such as table filters, custom dialogs, and dynamic sparklines
• Access server-side data via AJAX
• Work with data using JSON, XML, queues, and binding
• Build superior user interfaces more quickly with jQuery UI
• Add richer page interactions with jQuery UI Widgets
• Create mobile-friendly pages with jQuery Mobile
• Customize your mobile pages with jQuery Mobile ThemeRoller

Contents at a Glance

PART I: Introduction to jQuery and JavaScript Development

HOUR 1: Intro to Dynamic Web Programming

HOUR 2: Debugging jQuery and JavaScript Web Pages
HOUR 3: Understanding Dynamic Web Page Anatomy

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

HOUR 5: Jumping into jQuery and JavaScript Syntax
HOUR 6: Understanding and Using JavaScript Objects

PART II: Implementing jQuery and JavaScript in Web Pages

HOUR 7: Accessing DOM Elements Using JavaScript and jQuery Objects

HOUR 8: Navigating and Manipulating jQuery Objects and DOM Elements with jQuery
HOUR 9: Applying Events for Richly Interactive Web Pages
HOUR 10: Dynamically Accessing and Manipulating Web Pages
HOUR 11: Accessing Data Outside the Web Page

PART III: Building Richly Interactive Web Pages

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

HOUR 13: Interacting with Web Forms HOUR 14: Creating Advanced Web Page Elements

PART IV: Advanced Concepts

HOUR 15: Accessing Server-Side Data via AJAX

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

PART V: jQuery UI

HOUR 17: Introducing jQuery UI

HOUR 18: Using jQuery UI Effects
HOUR 19: Advanced Interactions Using jQuery UI Interaction Widgets

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

PART VI: jQuery Mobile

HOUR 21: Introducing Mobile Website Development

HOUR 22: Implementing Mobile Web Pages

HOUR 23: Formatting Content in Mobile Pages

HOUR 24: Implementing Mobile Form Elements and Controls

Learn jQuery and JavaScript in 24 one-hour lessons

Sams Teach Yourself jQuery and JavaScript in 24 Hours helps you build dynamic single-page web apps that deliver the rich experiences your users want.

This book’s straightforward, step-by-step approach shows you how to create effects, animations, lists, complex forms, and more. In just a few hours, you’ll be building great user interfaces for any device, even the newest smartphones and tablets. Every lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success.

• Step-by-step instructions carefully walk you through the most common jQuery and JavaScript development tasks.
• Practical, hands-on examples show you how to apply what you learn.
• Quizzes and exercises help you test your knowledge and stretch your skills
• Notes and tips point out shortcuts and solutions

Learn how to…

• Quickly start building web pages with jQuery and JavaScript
• Master jQuery syntax, logic, functions, and objects
• Efficiently access, manipulate, and navigate DOM elements
• Build highly interactive web pages with events and event handlers
• Implement cookies, pop-up windows, and timers
• Create animations, special effects, and image galleries
• Construct, interact with, and validate forms
• Use advanced elements, such as table filters, custom dialogs, and dynamic sparklines
• Access server-side data via AJAX
• Work with data using JSON, XML, queues, and binding
• Build superior user interfaces more quickly with jQuery UI
• Add richer page interactions with jQuery UI Widgets
• Create mobile-friendly pages with jQuery Mobile
• Customize your mobile pages with jQuery Mobile ThemeRoller

Contents at a Glance

PART I: Introduction to jQuery and JavaScript Development

HOUR 1: Intro to Dynamic Web Programming

HOUR 2: Debugging jQuery and JavaScript Web Pages
HOUR 3: Understanding Dynamic Web Page Anatomy

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

HOUR 5: Jumping into jQuery and JavaScript Syntax
HOUR 6: Understanding and Using JavaScript Objects

PART II: Implementing jQuery and JavaScript in Web Pages

HOUR 7: Accessing DOM Elements Using JavaScript and jQuery Objects

HOUR 8: Navigating and Manipulating jQuery Objects and DOM Elements with jQuery
HOUR 9: Applying Events for Richly Interactive Web Pages
HOUR 10: Dynamically Accessing and Manipulating Web Pages
HOUR 11: Accessing Data Outside the Web Page

PART III: Building Richly Interactive Web Pages

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

HOUR 13: Interacting with Web Forms HOUR 14: Creating Advanced Web Page Elements

PART IV: Advanced Concepts

HOUR 15: Accessing Server-Side Data via AJAX

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

PART V: jQuery UI

HOUR 17: Introducing jQuery UI

HOUR 18: Using jQuery UI Effects
HOUR 19: Advanced Interactions Using jQuery UI Interaction Widgets

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

PART VI: jQuery Mobile

HOUR 21: Introducing Mobile Website Development

HOUR 22: Implementing Mobile Web Pages

HOUR 23: Formatting Content in Mobile Pages

HOUR 24: Implementing Mobile Form Elements and Controls

Learn jQuery and JavaScript in 24 one-hour lessons

Sams Teach Yourself jQuery and JavaScript in 24 Hours helps you build dynamic single-page web apps that deliver the rich experiences your users want.

This book’s straightforward, step-by-step approach shows you how to create effects, animations, lists, complex forms, and more. In just a few hours, you’ll be building great user interfaces for any device, even the newest smartphones and tablets. Every lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success.

• Step-by-step instructions carefully walk you through the most common jQuery and JavaScript development tasks.
• Practical, hands-on examples show you how to apply what you learn.
• Quizzes and exercises help you test your knowledge and stretch your skills
• Notes and tips point out shortcuts and solutions

Learn how to…

• Quickly start building web pages with jQuery and JavaScript
• Master jQuery syntax, logic, functions, and objects
• Efficiently access, manipulate, and navigate DOM elements
• Build highly interactive web pages with events and event handlers
• Implement cookies, pop-up windows, and timers
• Create animations, special effects, and image galleries
• Construct, interact with, and validate forms
• Use advanced elements, such as table filters, custom dialogs, and dynamic sparklines
• Access server-side data via AJAX
• Work with data using JSON, XML, queues, and binding
• Build superior user interfaces more quickly with jQuery UI
• Add richer page interactions with jQuery UI Widgets
• Create mobile-friendly pages with jQuery Mobile
• Customize your mobile pages with jQuery Mobile ThemeRoller

Contents at a Glance

PART I: Introduction to jQuery and JavaScript Development

HOUR 1: Intro to Dynamic Web Programming

HOUR 2: Debugging jQuery and JavaScript Web Pages
HOUR 3: Understanding Dynamic Web Page Anatomy

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

HOUR 5: Jumping into jQuery and JavaScript Syntax
HOUR 6: Understanding and Using JavaScript Objects

PART II: Implementing jQuery and JavaScript in Web Pages

HOUR 7: Accessing DOM Elements Using JavaScript and jQuery Objects

HOUR 8: Navigating and Manipulating jQuery Objects and DOM Elements with jQuery
HOUR 9: Applying Events for Richly Interactive Web Pages
HOUR 10: Dynamically Accessing and Manipulating Web Pages
HOUR 11: Accessing Data Outside the Web Page

PART III: Building Richly Interactive Web Pages

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

HOUR 13: Interacting with Web Forms HOUR 14: Creating Advanced Web Page Elements

PART IV: Advanced Concepts

HOUR 15: Accessing Server-Side Data via AJAX

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

PART V: jQuery UI

HOUR 17: Introducing jQuery UI

HOUR 18: Using jQuery UI Effects
HOUR 19: Advanced Interactions Using jQuery UI Interaction Widgets

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

PART VI: jQuery Mobile

HOUR 21: Introducing Mobile Website Development

HOUR 22: Implementing Mobile Web Pages

HOUR 23: Formatting Content in Mobile Pages

HOUR 24: Implementing Mobile Form Elements and Controls