
Learn how ajax powers dynamic web pages by logging into a server, loading data, opening panels, and supporting ajax searches with a tagging structure that works without a form.
Install Firebug or Firebug Lite as a browser extension to inspect elements, view CSS styles, and debug scripts using the console.
Install a WAMP server on Windows to run Apache, MySQL, and PHP locally. Select the correct 64-bit or 32-bit version, install dependencies, and access PHP info and phpMyAdmin.
Install MAMP on macOS by downloading, extracting, and running the installer; disable conflicting apache and mysql services, start MAMP, and verify database connectivity.
Create an Ajax database on your local server and import the supplied file to preload content. Then explore the preloaded quote and users tables to see the data and structure.
Add the jQuery library to a webpage by including a script tag and referencing the jquery.js file; compare versions 1.x and 2.0, noting cross-browser support and that 2.0 excludes IE6–IE8.
Access the jQuery library via a content delivery network to speed up loading, selecting a hosted CDN and pasting the script tag into your page.
Master jQuery selectors to access page elements efficiently, using document ready and id, class, and tag selectors. Learn how selectors simplify scripting and ignore non-matching elements.
Learn to load external content into a page element using jQuery's load method, display random quotes from a PHP file, and refresh to see new results.
Use setInterval to load a random quote at regular intervals with an anonymous function and a load call in JavaScript. Ensure the initial quote loads, and time is in milliseconds.
Submit login data from client to server using jQuery AJAX, posting a username and password via post to a login script, with form handling and event control.
Learn how to format jQuery calls for readability by placing parameters on new lines, indenting objects, and aligning braces in Ajax post calls to ease handoffs between designers and developers.
Explore handling login responses with ajax and jQuery, using a post request to receive data and set a logged-in flag, then hide the login form with slide up.
Learn to submit a new quote via ajax with jquery, gated by login, posting quote_text, author_id, and tags to quote_add.php for prepared SQL insert and success or error feedback.
Parse the server response to determine if data submission succeeded or failed, and display the error message. Implement client-side validation with jQuery to prevent empty fields and reinforce server-side checks.
Validate quote text and author in the browser before posting to the server, use a ready flag and conditional checks in jQuery, and enforce minimum length.
Discover how to fetch data from a server to update a web page without reloads, using plain text, XML, or JSON formats and jQuery helpers.
learn to fetch html data from a server using jquery's get method and insert it into the page's quotes div.
Load and parse xml data with ajax using jquery, extracting quote text and author tags to populate a web page.
Parse XML data with jQuery by selecting author and quote text tags inside a function, on each area found, build a combined string, and dynamically insert quotes into the page.
Learn to load JSON data with jQuery, parse it into a JavaScript object, iterate the quotes array, and build HTML blocks for each quote and author.
update a page by loading quotes in groups with ajax and jquery, adding a get newer quotes button that uses a start parameter to fetch and prepend five items.
Enhance the site with a prominent navigation search form and wire up jQuery event handlers for both the search button and enter key to run a search on quotes.
Reuse a single function to fetch and display quotes via an ajax get request to the search file, passing the search term and building the quote display for dynamic updates.
Learn to implement tag-based searches with jQuery by delegating click events to dynamically created tags, retrieving the search term from the span text, and updating the quote display via AJAX.
Review ajax with jQuery for a quotes site, noting cross-browser compatibility, auto-updating content, login animations, plus future focus on security and css preprocessing with Sass or Less.
This Introduction to AJAX With jQuery training course from Infinite Skills welcomes you to the world of programming using AJAX and jQuery. This course is intended for the absolute beginner, meaning no prior knowledge or experience with AJAX is required to take full advantage of this tutorial.
You will start by learning how to use jQuery to change a webpage. From there, you will learn how to load external content into a page element. Walter teaches you how to send data and get information back from the server so you can update your page. He will also show you how to dynamically update your page so that it can support tagging, search, and other features. This video based training course will also teach you basic form validation with jQuery, how to handle potential errors when submitting data, and how to build a search form.
Once you have completed this training tutorial, you will be fully capable of programming your website using jQuery. Working files are included, allowing you to follow along with the author throughout the lessons.