jQuery: Building an Interface
1h 57mIntermediate2018-04-19
Authors
Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
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.
Learning objectives
Loading external data
Managing events
Sorting items
Searching data
Formatting, adding, and editing data
Reviewing the Bootstrap template
Learning objectives
Loading external data
Managing events
Sorting items
Searching data
Formatting, adding, and editing data
Reviewing the Bootstrap template
Skills covered
jQueryJavaScript FrameworksProjectWeb DevelopmentOpen Source
Concepts
0. Introduction
- 01 - Welcome
- 02 - What you should know
- 03 - Using the exercises for this course
1. Getting Started
- 04 - Build the application
- 05 - Overview of the template
- 06 - Selectors and events
2. Working with data
- 07 - Loading up external data
- 08 - Using the jQuery Templates plugin
- 09 - Managing template events
- 10 - Modifying data using Underscore.js
3. Sorting and Searching
- 11 - Sorting items
- 12 - Using with a drop down for sorts
- 13 - Searching through data
- 14 - Creating proxy data for display
4. Formatting, Adding, and Editing
- 15 - Formatting data with a data plugin
- 16 - Adding data to the form
- 17 - Editing data
Conclusion
- 18 - Next steps