jQuery: Building an Interface

jQuery: Building an Interface

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 57m | 369 MB

Create an interactive user interface that uses the strengths of jQuery, Bootstrap, Underscore.js, and the vast library of jQuery plugins. Instructor Ray Villalobos shows how to use the jQuery selector engine to select DOM elements, and how to manage actions with jQuery events. He accesses external data with AJAX methods, and extends jQuery with plugins for templating webpages and formatting data. He also shows how to sort and search through data with the Underscore.js library and add and edit form data. This hands-one project will strengthen your jQuery skills and help you build more sophisticated and responsive user interfaces.

Topics include:

  • Loading external data
  • Managing events
  • Sorting items
  • Searching data
  • Formatting, adding, and editing data
  • Reviewing the Bootstrap template
Table of Contents

Introduction
1 Welcome
2 What you should know
3 Using the exercises for this course

Getting Started
4 Build the application
5 Overview of the template
6 Selectors and events

Working with data
7 Loading up external data
8 Using the jQuery Templates plugin
9 Managing template events
10 Modifying data using Underscore.js

Sorting and Searching
11 Sorting items
12 Using with a drop down for sorts
13 Searching through data
14 Creating proxy data for display

Formatting, Adding, and Editing
15 Formatting data with a data plugin
16 Adding data to the form
17 Editing data

Conclusion
18 Next steps