Download JavaScript & jQuery PDF

TitleJavaScript & jQuery
TagsJavascript Jquery
File Size16.6 MB
Total Pages537
Table of Contents
                            Table of Contents
The Missing Credits
	What Is JavaScript?
	What Is jQuery?
	HTML: The Barebones Structure
	CSS: Adding Style to Web Pages
	Software for JavaScript Programming
	About This Book
	The Very Basics
	About the Online Resources
Part One: Getting Started with JavaScript
	Chapter 1: Writing Your First JavaScript Program
		Introducing Programming
			What’s a Computer Program?
		How to Add JavaScript to a Page
			External JavaScript Files
		Your First JavaScript Program
		Writing Text on a Web Page
		Attaching an External JavaScript File
		Tracking Down Errors
			The Firefox JavaScript Console
			Displaying the Internet Explorer 9 Console
			Opening the Chrome JavaScript Console
			Accessing the Safari Error Console
	Chapter 2: The Grammar of JavaScript
		Built-In Functions
		Types of Data
			Creating a Variable
			Using Variables
		Working with Data Types and Variables
			Basic Math
			The Order of Operations
			Combining Strings
			Combining Numbers and Strings
			Changing the Values in Variables
		Tutorial: Using Variables to Create Messages
		Tutorial: Asking for Information
			Creating an Array
			Accessing Items in an Array
			Adding Items to an Array
			Deleting Items from an Array
		Tutorial: Writing to a Web Page Using Arrays
		A Quick Object Lesson
			When to Use Comments
			Comments in This Book
	Chapter 3: Adding Logic and Control to Your Programs
		Making Programs React Intelligently
			Conditional Statement Basics
			Adding a Backup Plan
			Testing More Than One Condition
			More Complex Conditions
			Nesting Conditional Statements
			Tips for Writing Conditional Statements
		Tutorial: Using Conditional Statements
		Handling Repetitive Tasks with Loops
			While Loops
			Loops and Arrays
			For Loops
			Do/While Loops
		Functions: Turn Useful Code Into Reusable Commands
			Giving Information to Your Functions
			Retrieving Information from Functions
			Keeping Variables from Colliding
		Tutorial: A Simple Quiz
Part Two: Getting Started with jQuery
	Chapter 4: Introducing jQuery
		About JavaScript Libraries
		Getting jQuery
		Adding jQuery to a Page
		Modifying Web Pages: An Overview
		Understanding the Document Object Model
		Selecting Page Elements: The jQuery Way
			Basic Selectors
			Advanced Selectors
			jQuery Filters
			Understanding jQuery Selections
		Adding Content to a Page
			Replacing and Removing Selections
		Setting and Reading Tag Attributes
			Reading and Changing CSS Properties
			Changing Multiple CSS Properties at Once
		Reading, Setting, and Removing HTML Attributes
		Acting on Each Element in a Selection
			Anonymous Functions
			this and $(this)
		Automatic Pull Quotes
	Chapter 5: Action/Reaction: Making Pages Come Alive with Events
		What Are Events?
			Mouse Events
			Document/Window Events
			Form Events
			Keyboard Events
		Using Events the jQuery Way
		Tutorial: Introducing Events
		More jQuery Event Concepts
			Waiting for the HTML to Load
			jQuery Events
			The Event Object
			Stopping an Event’s Normal Behavior
			Removing Events
		Advanced Event Management
			Other Ways to Use the bind() Function
		Tutorial: A One-Page FAQ
			Overview of the Task
			The Programming
	Chapter 6: Animations and Effects
		jQuery Effects
			Basic Showing and Hiding
			Fading Elements In and Out
			Sliding Elements
		Tutorial: Login Slider
			The Programming
		Performing an Action After an Effect Is Completed
		Tutorial: Animated Dashboard
			The Programming
Part Three: Building Web Page Features
	Chapter 7: Improving Your Images
		Swapping Images
			Changing an Image’s src Attribute
			Preloading Images
			Rollover Images
		Tutorial: Adding Rollover Images
			Overview of the Task
			The Programming
		Tutorial: Photo Gallery with Effects
			Overview of Task
			The Programming
		Advanced Gallery with jQuery FancyBox
			The Basics
			Creating a Gallery of Images
			Customizing FancyBox
		Tutorial: FancyBox Photo Gallery
	Chapter 8: Improving Navigation
		Some Link Basics
			Selecting Links with JavaScript
			Determining a Link’s Destination
			Don’t Follow That Link
		Opening External Links in a New Window
		Creating New Windows
			Window Properties
		Opening Pages in a Window on the Page
			Tutorial: Opening a Page Within a Page
		Basic, Animated Navigation Bar
			The HTML
			The CSS
			The JavaScript
			The Tutorial
	Chapter 9: Enhancing Web Forms
		Understanding Forms
			Selecting Form Elements
			Getting and Setting the Value of a Form Element
			Determining Whether Buttons and Boxes Are Checked
			Form Events
		Adding Smarts to Your Forms
			Focusing the First Field in a Form
			Disabling and Enabling Fields
			Hiding and Showing Form Options
		Tutorial: Basic Form Enhancements
			Focusing a Field
			Disabling Form Fields
			Hiding Form Fields
		Form Validation
			jQuery Validation Plug-in
			Basic Validation
			Advanced Validation
			Styling Error Messages
		Validation Tutorial
			Basic Validation
			Advanced Validation
			Validating Checkboxes and Radio Buttons
			Formatting the Error Messages
	Chapter 10: Expanding Your Interface
		Organizing Information in Tabbed Panels
			The HTML
			The CSS
			The JavaScript
			Tabbed Panels Tutorial
		Adding a Content Slider to Your Site
			Using AnythingSlider
			AnythingSlider Tutorial
			Customizing the Slider Appearance
			Customizing the Slider Behavior
		Determining the Size and Position of Page Elements
			Determining the Height and Width of Elements
			Determining the Position of Elements on a Page
			Determining a Page’s Scrolling Position
		Adding Tooltips
			The HTML
			The CSS
			The JavaScript
			Tooltips Tutorial
Part Four: Ajax: Communication with the Web Server
	Chapter 11: Introducing Ajax
		What Is Ajax?
		Ajax: The Basics
			Pieces of the Puzzle
			Talking to the Web Server
		Ajax the jQuery Way
			Using the load() Function
			Tutorial: The load() Function
			The get() and post() Functions
			Formatting Data to Send to the Server
			Processing Data from the Server
			Handling Errors
			Tutorial: Using the get() Function
			Accessing JSON Data
			Complex JSON Objects
	Chapter 12: Flickr and Google Maps
		Introducing JSONP
		Adding a Flickr Feed to Your Site
			Constructing the URL
			Using the $.getJSON() Function
			Understanding the Flickr JSON Feed
		Tutorial: Adding Flickr Images to Your Site
		Adding Google Maps to Your Site
			Setting a Location for the Map
			Other GoMap Options
			Adding Markers
			Adding Information Windows to Markers
			GoMap Tutorial
Part Five: Tips, Tricks, and Troubleshooting
	Chapter 13: Getting the Most from jQuery
		Useful jQuery Tips and Information
			$() Is the Same as jQuery()
			Saving Selections Into Variables
			Adding Content as Few Times as Possible
			Optimizing Your Selectors
		Using the jQuery Docs
			Reading a Page on the jQuery Docs Site
		Traversing the DOM
		More Functions For Manipulating HTML
		Advanced Event Handling
	Chapter 14: Going Further with Java­Script
		Working with Strings
			Determining the Length of a String
			Changing the Case of a String
			Searching a String: indexOf() Technique
			Extracting Part of a String with slice()
		Finding Patterns in Strings
			Creating and Using a Basic Regular Expression
			Building a Regular Expression
			Grouping Parts of a Pattern
			Useful Regular Expressions
			Matching a Pattern
			Replacing Text
			Trying Out Regular Expressions
		Working with Numbers
			Changing a String to a Number
			Testing for Numbers
			Rounding Numbers
			Formatting Currency Values
			Creating a Random Number
		Dates and Times
			Getting the Month
			Getting the Day of the Week
			Getting the Time
			Creating a Date Other Than Today
		Putting It All Together
			Using External JavaScript Files
		Writing More Efficient JavaScript
			Putting Preferences in Variables
			Ternary Operator
			The Switch Statement
		Creating Fast-Loading JavaScript
	Chapter 15: Troubleshooting and Debugging
		Top JavaScript Programming Mistakes
			Non-Closed Pairs
			Quotation Marks
			Using Reserved Words
			Single Equals in Conditional Statements
			Incorrect Path to External JavaScript File
			Incorrect Paths Within External JavaScript Files
			Disappearing Variables and Functions
		Debugging with Firebug
			Installing and Turning On Firebug
			Viewing Errors with Firebug
			Using console.log() to Track Script Progress
			Tutorial: Using the Firebug Console
			More Powerful Debugging
		Debugging Tutorial
Appendix A: JavaScript Resources
	Basic JavaScript
	Advanced JavaScript

Similer Documents