Professional jQuery E-Book

Cesar Otero

• Herausgeber: John Wiley & Sons
• Kategorie: Wissenschaft und neue Technologien
• Sprache: Englisch

Seitenzahl: 366

Veröffentlichungsjahr: 2012

Beschreibung

jQuery is one of the hottest emerging web development technologies. Fully supported by Microsoft, Google, and a who's who list of companies and platforms, it simplifies the development of standards-based interactive websites. This bookprovides a complete, in- depth look at jQuery and related technologies, providing you with a single source of all the information you need to maximize your web development skills. As the book progresses, it delves deeper into other topics, providing lessons and examples to accomplish tasks common to both basic and advanced web development techniques.

Leseprobe

CONTENTS

Part I: jQuery Fundamentals

Chapter 1: Getting Started

What jQuery Is Good At

Hardware and Browser Requirements

Obtaining jQuery and jQuery UI

“Hello World” Example

JavaScript Conventions Used in This Book

Development Tools

Debugging JavaScript and jQuery

Using the FireQuery Plugin

Summary

Chapter 2: Javascript Primer

Understanding Numbers

Working with Strings

Understanding Booleans

Comparison Types

A Brief Note About Dates

Reviewing Miscellaneous Types

Revisiting Variables

Understanding Objects

Using Functions

Understanding Execution Context

Working with Scope and Closures

Understanding Access Levels

Applying Modules

Using JavaScript Arrays

Augmenting Types

Applying JS Best Practices

Putting It All Together

Summary

Note

Chapter 3: The jQuery Core

Understanding the Structure of a jQuery Script

Using JavaScript Unobtrusively

The jQuery Framework Structure

Understanding the DOM and Events

Using jQuery with Other JavaScript Libraries

Summary

Notes

Chapter 4: DOM Element Selection and Manipulation

The Power of jQuery Selectors

Doing DOM Traversal

Accessing and Modifying Elements, Attributes, and Content

Generating HTML

Summary

Chapter 5: Event Handling

Understanding the Browser Event Model

Understanding How jQuery Handles Events

Applying jQuery Event Handlers

Working with Events

JQuery’s New Event API

Summary

Notes

Chapter 6: Html Forms, Data, and Ajax

jQuery Data Appreciation

Using Form Validations

Working with HTML Form Elements

Revisiting Ajax Basics

Applying Ajax with jQuery

Summary

Notes

Chapter 7: Animations and Effects

Animating Elements

Animating CSS Properties

Resizing Elements

Designing Custom Animations

Animations with HTML5 Canvas

Summary

Notes

Part II: Applied jQuery

Chapter 8: jQuery UI Part I—Making Things Look Slick

Theming and Styling

Using ThemeRoller

Using jQuery UI Widgets

Progressbar

Slider

Summary

Notes

Chapter 9: jQuery UI Part 2—Mouse Interactions

Dragging and Dropping

Sorting

Resizing Elements

Making Elements Selectable

Summary

Chapter 10: Writing Effective jQuery Code

Optimization Techniques

Use JavaScript Patterns

Using $.data()

Summary

Chapter 11: jQuery Templates

Taming a Tangle of Strings

Summary

Chapter 12: Writing jQuery Plugins

The Plugin Basics

Utilize and Learn from Existing Plugin Patterns

A Closer Look at the Widget Factory

An Example Plugin Implementation

Summary

Chapter 13: Advanced Asynchronous Programming With jQuery Deferred

Building Blocks

The jQuery Deferred Object

Summary

Chapter 14: Unit Testing With Qunit

An Introduction to Unit Testing

What Is Unit Testing?

Getting Started with QUnit

Asynchronous Testing

Putting it All Together in a Test Suite

Summary

Appendix: Plugins Used in This Book

Introduction

Advertisement

PART I

jQuery Fundamentals

CHAPTER 1: Getting StartedCHAPTER 2: JavaScript PrimerCHAPTER 3: The jQuery CoreCHAPTER 4: DOM Elements Selection and ManipulationCHAPTER 5: Event HandlingCHAPTER 6: HTML Forms, Data, and AjaxCHAPTER 7: Animations and Effects

Chapter 2

JavaScript Primer

WHAT’S IN THIS CHAPTER?

Understanding JavaScript PrimitivesUsing Variables, Functions, and ObjectsJavaScript Scope, Closures, and Execution Context

It’s easy to forget that jQuery is a JavaScript framework; after working with it for an appreciable amount of time, jQuery seems and feels almost like its own language. Inside the jQuery source, examples are abound of how to apply great JavaScript techniques. However, to truly master jQuery, you must master JavaScript. JavaScript is a very powerful and expressive language. All the major browsers support it, it’s the driving force in modern web applications utilizing Ajax, and now it’s made a major debut on the mobile web platform.