Product Cover Image

jQuery and JavaScript in 24 Hours, Sams Teach Yourself

By Brad Dayley

Published by Sams

Published Date: Dec 27, 2013

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 Anatomy

HOUR 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 Widgets

HOUR 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 Pages

HOUR 23: Formatting Content in Mobile Pages

HOUR 24: Implementing Mobile Form Elements and Controls



Table of Contents

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


Digital

Add to CartjQuery and JavaScript in 24 Hours, Sams Teach Yourself

$27.99 | ISBN-13: 978-0-13-341420-2

Includes EPUB, MOBI, and PDF