jQuery and JavaScript in 24 Hours, Sams Teach Yourself
Published on 9. January 2014
Book
Paperback/Softback
656 pages
978-0-672-33734-5 (ISBN)
Description
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 AnatomyHOUR 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 WidgetsHOUR 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 PagesHOUR 23: Formatting Content in Mobile Pages
HOUR 24: Implementing Mobile Form Elements and Controls
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 AnatomyHOUR 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 WidgetsHOUR 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 PagesHOUR 23: Formatting Content in Mobile Pages
HOUR 24: Implementing Mobile Form Elements and Controls
More details
Language
English
Place of publication
Indianapolis
United States
Publishing group
Pearson Education (US)
Target group
College/higher education
Professional and scholarly
Dimensions
Height: 231 mm
Width: 179 mm
Thickness: 32 mm
Weight
996 gr
ISBN-13
978-0-672-33734-5 (9780672337345)
Schweitzer Classification
Other editions
Additional editions
E-Book
12/2013
1st Edition
Addison Wesley
€20.39
Available for download
Person
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.
Content
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
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