O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Hands-on Web Application Development with jQuery

Video Description

Rapidly build exciting interactive web experiences using jQuery, the Write less, do more library

About This Video

  • Hands-on guide to building powerful and effective web applications from scratch with jQuery by taking your JavaScript skills to another level
  • Real-world exercises to practice what you've learned and added it to your portfolio to showcase your jQuery skills
  • Learn and implement the most frequently used jQuery functions and techniques within fewer lines of codes and save hours of hard work on a daily basis

In Detail

Want to build outstanding visual and interactive web applications by adding amazing JavaScript functionality with ease? jQuery, a fast, extensible, and feature-rich JavaScript library, will come to your rescue. It is easy to get started with and helps you build complex scripting functionality in just a few lines of code.

Our course, although concise, covers just the right content you'll need to build highly scalable applications in JS and jQuery. In this course, you will learn the core capabilities of the jQuery library, including demonstrations of DOM manipulation and traversal; implement animations; and make JSON as well as AJAX requests. You will also manipulate events and change how the user interacts with the page. Throughout the course, you will be building an interactive quiz application using popular JS and jQuery functionalities.

By the end of the course, you will be able to apply jQuery within real-world applications and develop extensible, quicker, and interactive web apps with a powerful yet lightweight jQuery library.

The code bundle for this video course is available at https://github.com/PacktPublishing/Hands-on-Web-Application-Development-with-jQuery

Table of Contents

  1. Chapter 1 : Introduction to jQuery
    1. The Course Overview 00:03:47
    2. Coding Environment Setup 00:04:22
    3. How to Add jQuery to Your Web Project? 00:09:33
    4. Working with DOM Elements and Selection 00:06:40
    5. Document Ready Loading the DOM 00:03:43
    6. Element Manipulation 00:04:25
    7. Adding and Removing Classes 00:04:40
    8. Manipulating HTML Attributes via jQuery 00:07:36
    9. Project Introduction 00:05:23
  2. Chapter 2 : Creating Interaction Using Event Handling
    1. The jQuery ‘this’ Object 00:03:36
    2. Events Introduction 00:05:43
    3. Creating Click Events 00:03:48
    4. Creating Mouse Events 00:03:49
    5. Keyboard Events 00:04:29
    6. Implementing Scroll Event 00:05:02
    7. Click Events and Form Submission 00:06:55
  3. Chapter 3 : Using Advanced Element Selection
    1. Introduction to Selection 00:05:08
    2. Selecting by Order - Pseudo-Selectors 00:05:01
    3. Complex Element Selection 00:05:06
    4. Traversing Elements 00:03:51
    5. Selecting Elements with Attributes 00:05:17
    6. JSON Update Form Content 00:07:46
    7. Project Update Buttons 00:06:47
  4. Chapter 4 : jQuery Web Page Manipulation
    1. Introduction to Element Manipulation 00:03:55
    2. Creating New Elements 00:07:32
    3. jQuery $this Object 00:03:31
    4. Implementing Element Style 00:04:20
    5. Changing Data Values 00:04:38
    6. JSON Methods 00:02:52
    7. Local Storage Set and Get 00:03:01
  5. Chapter 5 : Implementing Effects and Animations
    1. Introduction to Animations 00:02:18
    2. jQuery Sliding Effects 00:03:29
    3. jQuery Fade Effects 00:03:18
    4. Animating Elements 00:05:35
  6. Chapter 6 : Using AJAX and JSON with jQuery
    1. Introduction to AJAX 00:06:01
    2. Loading Content into HTML 00:03:54
    3. Retrieving JSON Data 00:05:13
    4. Using AJAX Method 00:04:01
    5. jQuery Utility 00:04:59
    6. Complete Project Updates 00:16:18