Free Sample
+ Collection

Developing Responsive Web Applications with AJAX and jQuery

Sandeep Kumar Patel

Design and develop your very own responsive web applications using Java, jQuery, and AJAX.
RRP $23.99
RRP $39.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781783286379
Paperback248 pages

About This Book

  • A practical guide to empower you to develop responsive web applications by combining the strengths of AJAX and jQuery
  • Learn how to build a series of web applications on top of a website quickly and efficiently
  • By the end of this book, you will have mastered ways with which you can leverage AJAX and jQuery as per your project needs

Who This Book Is For

This book is intended for Java developers wanting to create rich and responsive applications using AJAX. Basic experience of using jQuery is assumed.

Table of Contents

Chapter 1: Introduction to a Responsive Web Application
Benefits of a responsive design
Server- versus client-side detection
The technology stack
Measuring responsiveness
Devices and screens
Media types
Media queries
Role of media queries
Responsive frameworks
Bootstrap 3 for a responsive design
What are we building?
Chapter 2: Creating a Responsive Layout for a Web Application
Required software and tools
Setting up a Java-based web project
Configuring Bootstrap 3
Creating a wireframe for a web application
Responsive layouts
Creating a layout for large and small devices
Developing the layout
The combined layout
Verifying the layout
Chapter 3: Adding Dynamic Visuals to a Web Application
Building a JSON servlet
Building a jQuery AJAX method
Building an image carousel
Chapter 4: Twitter Integration
Introduction to Twitter4J
Configuring Twitter4J in a web application
Posting a tweet
Combining all the pieces
Posting a tweet with an image
Chapter 5: Facebook Integration
Introduction to the Facebook SDK for JavaScript
Creating a Facebook application
Configuring the Facebook SDK
Configuring a Facebook login
Configuring the Facebook Like and Share buttons
Configuring Facebook comments
The combined code
Chapter 6: Google+ Integration
Introduction to the Google+ API
Configuring Google+
Log in using Google+
Integrating +1 recommendations
Chapter 7: Linking Dynamic Content from External Websites
Introduction to the YouTube API
Configuring a YouTube API
Searching for a YouTube video
Embedding a YouTube video
Chapter 8: Integrating E-Commerce or Shopping Applications with Your Website
Creating a shopping cart
Configuring the PayPal Developer API
Integrating the PayPal Developer API
Configuring the Shopify API
Integrating the Shopify API
Chapter 9: Integrating the Google Currency Converter with Your Web Application
The Google Currency Converter API
Configuring the Google Currency Converter API
Integrating the Currency Converter API
Developing our currency converter
Chapter 10: Debugging and Testing
Implementing the debugging mechanism
Testing the app as a whole

What You Will Learn

  • Build responsive, fluid layouts using Bootstrap 3
  • Create JSON data and integrate it with your web pages using AJAX calls
  • Integrate Twitter, Facebook, and Google+ into your application
  • Incorporate Google currency converter into your application
  • Fuse YouTube videos and third-party shopping carts to your application
  • Debug and test responsive web applications

In Detail

AJAX is a web development technique that allows a web page to be updated with new information without having to reload the page. jQuery is a JavaScript library that harnesses AJAX interactions to allow rapid web development. Together, they are a powerful combination, and are generally considered by frontend web developers as technologies that complement each other perfectly.

Developing Responsive Web Applications with AJAX and jQuery will empower you with the skills required to create responsive web applications in a quick and efficient manner. The book begins by identifying the key benefits of a responsive application for a commercial site, and then covers how to develop a layout using Bootstrap 3 and adding dynamic visuals to your web application using AJAX calls.

By the end of this book, you will be able to develop responsive web applications by combining AJAX development techniques with the jQuery JavaScript library.


Read More