Home Page Icon
Home Page
Table of Contents for
Images
Close
Images
by Brad Dayley
Sams Teach Yourself jQuery and JavaScript in 24 Hours
About This eBook
Title Page
Copyright Page
Dedication Page
Contents at a Glance
Table of Contents
About the Author
Acknowledgments
We Want to Hear from You!
Reader Services
Introduction
Beyond jQuery and JavaScript
Code Examples
Special Elements
Q&A, Quizzes, and Exercises
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
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercises
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
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercises
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
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercises
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
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercises
Hour 5. Jumping into jQuery and JavaScript Syntax
Adding jQuery and JavaScript to a Web Page
Accessing the DOM
Understanding JavaScript Syntax
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercises
Hour 6. Understanding and Using JavaScript Objects
Using Object Syntax
Understanding Built-In Objects
Creating Custom-Defined Objects
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercises
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
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercise
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
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercises
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
Summary
Q&A
Workshop
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
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercises
Hour 13. Interacting with Web Forms
Accessing Form Elements
Intelligent Form Flow Control
Dynamically Controlling Form Element Appearance and Behavior
Validating a Form
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercises
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
Summary
Q&A
Workshop
Quiz
Quiz Answers
Exercises
Part IV: Advanced Concepts
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
Summary
Q&A
Workshop
Part V: jQuery UI
Hour 17. Introducing jQuery UI
Getting Started with jQuery UI
Applying jQuery UI in Your Scripts
Summary
Q&A
Workshop
Hour 18. Using jQuery UI Effects
Applying jQuery UI Effects
Adding Effects to Class Transitions
Adding Effects to Element Visibility Transitions
Summary
Q&A
Workshop
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
Summary
Q&A
Workshop
Part VI: jQuery Mobile
Hour 21. Introducing Mobile Website Development
Jumping into the Mobile World
Getting Started with jQuery Mobile
Understanding jQuery Mobile
Summary
Q&A
Workshop
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
Summary
Q&A
Workshop
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
Summary
Q&A
Workshop
Index
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Images
Next
Next Chapter
Images
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset