Register your product to gain access to bonus material or receive a coupon.
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.
Learn how to…
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 PagesHOUR 4: Adding CSS/CSS3 Styles to Allow Dynamic Design and Layout
HOUR 5: Jumping into jQuery and JavaScript SyntaxPART 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 jQueryPART 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 ElementsPART 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 EffectsHOUR 20: Using jQuery UI Widgets to Add Rich Interactions to Web Pages
HOUR 21: Introducing Mobile Website Development
HOUR 22: Implementing Mobile Web PagesHOUR 23: Formatting Content in Mobile Pages
HOUR 24: Implementing Mobile Form Elements and Controls
Jumping into jQuery and JavaScript Syntax
Download the sample pages (includes Chapter 5 and Index)
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
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