jQuery and JavaScript in 24 Hours, Sams Teach Yourself

Brad Dayley

Dec 2013 · Sams Publishing

About this ebook

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

About the author

Brad Dayley is a senior software engineer with more than 20 years of experience developing enterprise applications. He has used HTML/CSS, JavaScript, and jQuery extensively to develop a wide array of web pages, ranging from enterprise application interfaces to sophisticated, rich Internet applications, to smart interfaces for mobile web services. He is the author of Python Phrasebook and jQuery and JavaScript Phrasebook.